ASP 웹사이트 디자인을 시작하는 방법
저자:Eve Cole
업데이트 시간:2009-06-25 17:36:26
ASP 웹사이트 디자인을 시작할 때, 우리는 많은 문제에 직면합니다. 웹사이트 디자인이 빠르고, 좋고, 쉽게 디버깅하고, 변경하고, 이식할 수 있으려면 어떻게 시작해야 할까요? 사이트 디자인에 대해 이야기하기 위해 방명록 디자인을 예로 들어 보겠습니다.
(1) 사이트 기능
"칼을 갈든, 나무를 썰든" 사이트의 기능을 먼저 적어두시면 앞으로의 작업에 큰 도움이 될 것입니다. 이제 다음 기능을 갖춘 방명록을 디자인해 보겠습니다.
1. 단일 사용자 버전. 관리자는 단 한 명이며, 누구나 메시지를 남기고 메시지를 검색할 수 있습니다.
2. 각 댓글 작성자의 IP, QQ, 아바타, 이름, 홈페이지, 이메일, 메시지 시간, 메시지 내용을 기록합니다.
3. 관리자 답변 기능이 있습니다. 이미 답변을 하신 경우 답변 내용을 변경할 수도 있습니다. 응답 시간을 기록하십시오.
4. 홈페이지 위치를 기록해두면 빠르게 홈페이지로 돌아올 수 있습니다.
5. 사용자 정의된 머리글과 바닥글. 특정 정보를 표시합니다.
6. ACCESS 데이터베이스에 데이터 저장
7. 관리 기능 : 관리자 로그인/답장/삭제/관리자 비밀번호 변경/표시 메시지 수 변경/홈페이지 변경
(2) 사이트 데이터베이스
일반적으로 ASP 사이트는 데이터베이스를 사용합니다. 먼저 데이터베이스를 디자인합니다. 이를 사용할 때 필드에 대한 데이터베이스 디자인을 쿼리하거나 변경하지 않습니다. 특히 대규모 웹사이트의 경우 좋은 데이터베이스 디자인은 전체 웹사이트의 운영에 영향을 미칠 수 있습니다. 이제 방명록 데이터베이스를 디자인해 보겠습니다.
1. 데이터베이스 이름 : lyb.mdb
2. 테이블 : 총 2개의 테이블이 있습니다.
표 1: 관리자
필드 이름 | 유형 | 길이 | 기타 | 지침 |
admin_user | text | 15 | null 값을 허용하지 않음 / 기본 키 | 관리자 사용자 이름 |
admin_pass | text | 15 | null 값을 허용하지 않음 | 관리자 비밀번호 |
admin_http | text | 50 | null이 될 수 있음 | 홈페이지 주소 |
admin_perpage | 번호 / 정수 | | 소수점은 0이다 | |
표 2: 메인
필드 이름 | 유형 | 길이 | 기타 | 지침 |
user_id | 자동 번호 매기기 | | | |
user_name | 텍스트 | 15는 | 비어 있지 않습니다. | 이름 |
user_image | 텍스트 | 30은 | 비어 있지 않습니다. | 아바타 파일 이름 |
user_ip | 텍스트 | 15는 | 비어 있지 않습니다. | IP 주소 |
user_oicq 텍스트 | 10은 | 비어 있을 수 있습니다. | QQ 번호 | user_http | 텍스트 50은 비어 있을 수
있습니다 | . | 홈페이지 | user_email | 텍스트 |
50 | 은 | 비어 | 있을 수 있습니다. | 이메일 |
user_time | 날짜 | 긴 날짜 | | 메시지 시간 |
user_ly | 텍스트 | 255가 | 비어 있지 않습니다. | 메시지 내용 |
user_replay | 예/아니요 | | | 응답 여부 |
user_rply | 텍스트 | 255 | 는 비어 있을 수 있습니다. | 응답 내용 |
user_rptime | 날짜 | | 긴 날짜 | 응답 시간 |
방명록 데이터베이스는 비교적 간단합니다. 대규모 웹사이트인 경우 데이터베이스를 설계한 후 반복적으로 확인해야 합니다. 모든 필드 이름에는 명명 표준을 사용하는 것이 가장 좋습니다. 데이터베이스 디자인이 완료된 후에는 편의상 위와 같은 목록을 인쇄하는 것이 가장 좋습니다.
(3) 사이트 파일 디자인
파일 디자인에는 주로 파일 수, 각 파일에 포함된 내용 및 파일 간의 관계를 디자인하는 작업이 포함됩니다. 방명록을 예로 들면 파일 디자인은 다음과 같습니다.
1. Inc.asp 관련 함수 및 상수(데이터베이스 열기 기능, 테이블 열기 기능, 워드 프로세싱 기능 포함)
2. top.htm 헤더 정보
3. Bottom.htm 바닥글 정보
4. index.asp 방명록 메인 페이지. 메시지 표시, 관리자 로그인, 매개변수 수정 및 메시지 응답이 포함됩니다. 견적 포함.asp;
5. main.css CSS 파일;
6. tou.htm 아바타 목록 파일;
7. 이미지 폴더, 아바타 및 기타 사진을 저장합니다.
(4) 사이트 페이지 디자인
페이지 디자인에는 주로 페이지의 스타일과 레이아웃 디자인이 포함됩니다. 이 부분에는 많은 내용이 포함되어 있습니다. 일반적으로 전체 페이지의 스타일을 먼저 결정한 다음 모든 일러스트레이션과 Flash를 디자인하고 CSS를 디자인하고 마지막으로 각 페이지를 디자인합니다. 내용이 반복되는 페이지의 경우 개별 내용을 먼저 디자인하세요. 여기에는 index.asp의 일반적인 디자인만 다음과 같이 나열되어 있습니다.
'견적 포함.asp <% '매개변수 처리 '메시지 서브루틴 '로그인 서브루틴 '응답 서브루틴 '서브루틴 삭제 '매개변수 서브루틴 수정 '로그인 서브루틴 종료 %> <html> <머리> <!-CSS 인용-!> <제목>방명록</제목> <본문> '인용 top.htm '메시지 양식 표시 '검색 양식 표시 '메시지 기록 표시 '인용 하단.htm </본문> </html> |
물론 페이지 디자인 단계에서는 서브루틴을 작성할 필요가 없고 표시 부분만 모두 잘 작성하면 됩니다.
(5) 웹사이트 페이지의 코드 디자인
가장 중요한 것은 ASP 코드의 디자인을 완성하는 것입니다. 여기서는 사이트의 수정 가능성과 이식성을 향상시키는 방법에 대해서만 설명합니다. 단 한 가지만 있습니다. 다용도로 사용되는 구성 요소나 기능은 물론 클래스로 작성하면 더 좋을 것입니다. 소규모 사이트의 경우 각 페이지의 서브루틴에서 set conn=server.createobject("adodb.connection")을 사용하지 않고 대신 함수나 서브루틴으로 작성하여 페이지에 배치합니다. :
<% 데이터베이스 이름="lyb.mdb" UID="" pid="" 하위 opendb(연결) set connect=server.CreateObject("ADODB.connection") connect.ConnectionString="DRIVER={Microsoft Access 드라이버(*.mdb)}; DBQ=" &_ server.MapPath(데이터베이스 이름) &";uid="&uid&";pid="&pid 연결.strconn 열기 서브 끝 %> |
이런 방식으로 데이터베이스 이름이나 사용자 이름 및 비밀번호를 변경할 때 쉽게 수정할 수 있습니다. 일정 기간 축적된 후에는 그러한 기능, 서브루틴 또는 클래스가 많이 있을 것입니다. 비슷한 사이트를 구축할 때 관련 항목을 분류하여 참고용으로 파일에 넣으면 됩니다.