วิธีเริ่มต้นออกแบบเว็บไซต์ 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. ตาราง: มีทั้งหมดสองตาราง
ตารางที่ 1: ผู้ดูแลระบบ
ชื่อฟิลด์ | ความยาว | ประเภท | คำแนะนำ | อื่น ๆ |
ข้อความ | admin_user | 15 | ไม่อนุญาตให้มีค่า null / | ชื่อผู้ใช้คีย์หลัก ชื่อผู้ใช้ผู้ดูแลระบบ |
admin_pass | ข้อความ | 15 | ไม่อนุญาตให้มีค่า null | รหัสผ่านผู้ดูแลระบบ |
admin_http | ข้อความ | 50 | สามารถเป็น | ที่อยู่หน้าแรกที่เป็นโมฆะ |
หมายเลข | admin_perpage | / จำนวนเต็ม | ทศนิยมคือ 0 | |
ตารางที่ 2: หลัก
ชื่อฟิลด์ | ประเภท | ความยาว | คำแนะนำ | อื่นๆ |
user_id | การกำหนดหมายเลขอัตโนมัติ | | | |
user_name | text | 15 | ไม่ใช่ | ชื่อ | ว่าง
user_image | text | 30 | ไม่ว่าง | ชื่อไฟล์อวาตาร์ |
user_ip | text | 15 | ไม่ว่าง | ที่อยู่ IP |
user_oicq text | 10 | สามารถเว้นว่างได้ | หมายเลข QQ | user_http | text
50 | สามารถ | เป็น | หน้าแรก | ว่าง |
user_email | text | 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 รวมถึงการแสดงข้อความ การเข้าสู่ระบบของผู้ดูแลระบบ การแก้ไขพารามิเตอร์ และการตอบกลับข้อความ อ้างอิง inc.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="" พิด = "" opendb ย่อย (เชื่อมต่อ) ตั้งค่าการเชื่อมต่อ=เซิร์ฟเวอร์CreateObject("ADODB.connection") Connect.ConnectionString="DRIVER={ไดรเวอร์ Microsoft Access (*.mdb)}; DBQ=" &_ server.MapPath(ชื่อฐานข้อมูล) &";uid="&uid&";pid="&pid เชื่อมต่อ เปิด strconn จบย่อย - |
ด้วยวิธีนี้ เมื่อคุณเปลี่ยนชื่อฐานข้อมูลหรือชื่อผู้ใช้และรหัสผ่าน คุณสามารถแก้ไขได้อย่างง่ายดาย หลังจากสะสมมาระยะหนึ่ง คุณจะมีฟังก์ชัน รูทีนย่อย หรือคลาสดังกล่าวมากมาย เมื่อคุณสร้างไซต์ที่คล้ายกัน เพียงจัดเรียงไซต์ที่เกี่ยวข้องและเก็บไว้ในไฟล์เพื่อใช้อ้างอิง