DreamweaverMX로 방명록 만들기 (3)
저자：Eve Cole
업데이트 시간：2009-05-31 21:07:14
자, 다음 단계는 이메일과 홈페이지 주소입니다. 이는 그림 (7-18)과 (7-19)에서 볼 수 있듯이 이전 방법과 약간 다릅니다.
7-18
7-19
마찬가지로 순서가 있다는 점에 유의하세요. 먼저 사서함 그림을 선택한 다음 아래 속성 패널에서 링크 버튼을 클릭하세요. 그림(7-20)과 같은 대화상자가 나타나는데, 이 그림을 클릭하면 어디에 연결할 것인지를 의미합니다.
7-20
이전에는 로컬 페이지에 연결하는 기능이었지만 DW MX에서는 Data Sources를 선택하여 동적 페이지에 연결할 수 있습니다. 여기서는 레코드 세트에서 이메일 필드를 가져와서 앞에 "mailto:"를 추가하는 것을 기억합니다. 이 "mailto"가 html 태그이기 때문입니다. 즉, 메일을 보내기 위해 OUTLOOK과 연결을 열어두기 때문입니다.
동시에 이 이메일 이미지에 alt 속성을 추가하는 것을 기억하세요. 즉, alt="<%=(guestbook.fields.item("f_name").value)%>의 이메일 주소는 <%=( guestbook.fields.item(" f_email").value)%>, 이메일을 보내려면 여기를 클릭하세요."
홈페이지 주소의 접속 방법은 그림 (7-21)과 같습니다.
7-21
연결을 바인딩한 후 alt 속성을 이미지에 추가하는 것을 잊지 마세요. alt="<%=(guestbook.fields.item("f_name").value)%>로 변경하세요. 이메일 주소는 <%=(guestbook .fields.item( "f_homepage").value)%>, 메시지를 보내려면 여기를 클릭하세요."
예, 여기는 좀 지루하지만 자, 승리가 우리에게 손을 흔들고 있습니다. :)
그림 (7-22)과 같이 현재 효과를 살펴보십시오.
7-22
다음으로 할 일은 주제에 답글을 달고, 편집하고, 삭제할 수 있는 링크를 추가하고 이를 동적으로 만드는 것입니다. 여기서 사용된 서버 동작은 세부 정보 페이지(세부 정보 페이지로 이동)로 이동하는 것입니다. 이전에는 응답 페이지(rep.asp), 편집 페이지(edit.asp) 및 삭제 페이지(del.asp)를 설정했습니다. 여기서는 하나씩 연결하는 방법을 자세히 설명하지 않습니다(7). -23, 7-24, 7-25).
7-23
7-24
7-25
위의 세 단계를 완료한 후에도 여전히 한 가지 작업을 기억해야 합니다. 메시지가 많으면 어떻게 될까요? ? 여기서는 DW MX 서버 동작에서 반복 영역(반복 영역)을 사용해야 하며, 그림 (7-26)과 같이 응용 프로그램-->서버 동작-->반복 영역 메시지를 표시하는 전체 큰 테이블을 선택해야 합니다. .
7-26
좀 더 단순해 보이는 페이지당 14개의 레코드를 표시하도록 정의하고 확인 버튼을 클릭합니다.
이 단계에 도달하면 탐색 사용자는 내가 가지고 있는 메시지 레코드 수를 어떻게 알 수 있습니까? ? 실제로 레코드 세트를 생성할 때 그림(7-27)과 같이 DW MX는 이미 이를 고려했습니다.
7-27
첫 번째 레코드 인덱스: 인덱스의 첫 번째 레코드입니다.
마지막 레코드 인덱스: 인덱스의 마지막 레코드입니다.
총 기록: 모든 기록의 합계입니다.
이를 통해 우리가 해야 할 일은 그림 (7-28)과 같이 페이지로 끌어서 해당 설명 텍스트를 추가하는 것뿐입니다.
7-28
꾸준히 하면 성공할 거예요! 그림 (7-29)과 같이 앞서 반복 영역을 사용했기 때문에 가이드 막대도 필요합니다.
7-29
삽입-->응용 프로그램 개체-->레코드세트 탐색 모음(삽입-->응용 프로그램 개체-->레코드세트 탐색 모음)을 클릭하면 그림 (7-30)과 같은 대화 상자가 나타납니다.
7-30
레코드세트: 여기에서 탐색할 레코드 세트를 선택합니다.
표시 방법: 여기에서 탐색 모음의 표시 방법을 선택합니다. 텍스트는 텍스트, 이미지는 그림입니다. 여기서는 이미지를 선택합니다.
확인 버튼을 클릭하면 그림(7-31)과 같은 표시 효과가 나타납니다.
7-31
너무 클 수도 있습니다. 이 테이블을 선택한 후 속성 패널에서 width="50%"를 width="15%"로 변경하면 그림(7-32)과 같습니다. )가 표시됩니다.
7-32
이제 최종 개선 단계에서는 "새 주제 게시"를 new.asp 페이지에 연결하고 다음 "관리 포털"을 login.asp 페이지에 연결한 다음 "로그아웃!"에서 서버 동작을 사용합니다. 사용자가 슈퍼 준비. 그림(7-33)과 같습니다.
7-33
사용자 인증: 사용자 인증.
로그아웃 사용자: 로그인한 사용자가 로그아웃합니다.
클릭하면 그림(7-44)과 같은 대화상자가 나타납니다.
7-44
로그아웃 시기: 로그아웃 방법, 링크 클릭: 이 링크를 클릭하면 로그아웃됩니다. 페이지 로드: 페이지가 닫히면 종료됩니다.
완료되면 이동: 종료 후 이동할 페이지, 여기서는 index.asp 홈페이지로 이동하도록 정의합니다.
또한, 위에 보이는 {Session.MM_username}은 실제로 슈퍼유저를 위해 준비된 것입니다. 로그인하지 않은 경우에는 "Welcome"이 표시됩니다. 슈퍼유저가 로그인되어 있으면 "Welcome XX!"가 표시됩니다. 여기서는 그림 (7-34)과 같이 Session 변수를 생성해야 합니다. 이 Session 변수에 대한 문제는 다음 장에서 자세히 소개하겠습니다. :)
7-34
7-35
클릭하면 그림(7-35)과 같은 대화 상자가 나타납니다. 대화 상자에 MM_username을 입력합니다. 이 MM_username 변수는 로그인 서버 동작을 적용한 후 DW MX에 의해 자동으로 생성됩니다(자세한 내용은 나중에 소개하겠습니다). 또한 "환영합니다!" 사이의 느낌표 앞에 드래그하세요. 아 같이 함성을 지르자~~~~~~드디어 가장 어려웠던 부분을 끝냈네요 축하드려요 헤헤...
