【正文】 種可視化網(wǎng)頁(yè)制作工具，利用它可以輕松地制作出跨越平臺(tái)限制和 跨越瀏覽器限制的動(dòng)態(tài)網(wǎng)頁(yè)?？梢赃\(yùn)用 dreamweaver 來(lái)開發(fā)ASP網(wǎng)站。通過(guò)平面設(shè)計(jì)工具以及代碼提示、標(biāo)簽編輯器、可擴(kuò)展色彩代碼、標(biāo)簽選擇器、片段和代碼檢驗(yàn)這類編碼特性來(lái)實(shí)現(xiàn)對(duì)代碼和設(shè)計(jì)的管理。 SQL Server 提供強(qiáng)大的開發(fā)工具和各類開發(fā)特性，在大大提高開發(fā)效率的同時(shí)，進(jìn)一步拓展應(yīng)用空間，帶來(lái)新的商業(yè)應(yīng)用機(jī)遇。 Active Server Pages (ASP) 是服務(wù)器端腳本編寫環(huán)境，是由 Server 端腳本、對(duì)象以及組件拓展過(guò)的標(biāo)準(zhǔn)主頁(yè)使用它可以創(chuàng)建和運(yùn)行動(dòng)態(tài)、交互的 Web 頁(yè)和基于 Web 的 功能強(qiáng)大的應(yīng)用程序。 ASP 采用的工作模型是典型的 B/S 過(guò)程： Active Server Pages 文件名稱，并回車觸發(fā)這個(gè) Active Server Pages 的申請(qǐng)。 Active Server Pages 的求發(fā)送給 IIS。 Server 接收這個(gè)申請(qǐng)要求并由于其 .asp 的后綴意識(shí)到這是個(gè) Active Server Page 的對(duì)象來(lái)實(shí)現(xiàn)服務(wù)器與客戶端間的交互；可擴(kuò)充服務(wù)器端功能。利用 ASP 提供的一組 ActiveX 服務(wù)器組件 (ActiveX Server Components)可繼續(xù)擴(kuò)充 ASP 的功能。如用 ASP 內(nèi)置 ADO 組件可以輕松的存取各種數(shù)據(jù)庫(kù)。此外，還可以用 VB, Java 等語(yǔ)言開發(fā)自己的組件以進(jìn)一步擴(kuò)充其功能； ASP 與瀏覽器無(wú)關(guān)， 第 3 頁(yè) 共 22 頁(yè) ASP可以將運(yùn)行結(jié)果以 HTML 的格式傳送到客戶端瀏覽器，因而可以使用于各種瀏覽器。 一個(gè) HTML 文件中包含了所有將顯示在網(wǎng)頁(yè)上的文字信息，其中也包括對(duì)瀏覽器的一些指示，如哪些文字應(yīng)放置在何處，顯示模式是什么樣的等。如果你還有一些圖片、動(dòng)畫、聲音或是任何其它形式的資源， HTML 文件也會(huì)告訴瀏覽器到哪里去查找這些資源 ，以及這些資源將放置在網(wǎng)頁(yè)的什么位置。瀏覽的網(wǎng)頁(yè)就是由 HTML語(yǔ)言編寫出來(lái)的。雖然 HTML是一種語(yǔ)言，但 HTML不是程序語(yǔ)言，如 C++ 和 Java 之類，它只是標(biāo)示語(yǔ)言，你只要明白了各種標(biāo)記的用法便算學(xué)會(huì)了 HTML。HTML 的格式非常簡(jiǎn)單，只是由文字及標(biāo)記組合而成，因此任何文本編輯器都可以制作 HTML 頁(yè)面。在編輯器中輸入 html 代碼即可完成對(duì)網(wǎng)頁(yè)的設(shè)計(jì)，如果在其中加入 VB,JAVA 等腳本文件以及數(shù)據(jù)庫(kù)連接有關(guān)的語(yǔ)句指令，便可對(duì)已知數(shù)據(jù)進(jìn)行查詢，從而生成動(dòng)態(tài)網(wǎng)頁(yè)的一部分。 2 需求分析 需求分析 旅游網(wǎng)站系 統(tǒng)的數(shù)據(jù)功能主要體現(xiàn)在對(duì)各種信息的提供、保存、更新和查詢操作上，包括用戶信息，管理員信息，景點(diǎn)信息，預(yù)約信息和留言內(nèi)容，各個(gè)部分的數(shù)據(jù)內(nèi)容又有內(nèi)在的聯(lián)系，針對(duì)此系統(tǒng)的數(shù)據(jù)庫(kù)的特點(diǎn)，可以總結(jié)如下的需求： 用戶和管理員具有不同的身份； 用戶信息記錄用戶資料； 旅游景點(diǎn)的瀏覽， 顯示景點(diǎn) 相關(guān)屬性； 景點(diǎn)圖片 ，相應(yīng)景點(diǎn)的圖片； 成都故事的瀏覽； 旅游線路的查看； 旅游線路的查詢， 根據(jù)不同條件對(duì)線路進(jìn)行查詢； 預(yù)定有預(yù)定的時(shí)間、預(yù)定的用戶等多種 屬性 ； 用戶留言版有留言內(nèi)容，時(shí)間等多種信息； 結(jié)合以上功能模塊可以得到如 下圖 2－ 1 和 2－ 2所示： 第 4 頁(yè) 共 22 頁(yè) 圖 2－ 1 用戶部份數(shù)據(jù)流圖 圖 2－ 2 管理員部份數(shù)據(jù)流圖 數(shù)據(jù) 庫(kù)概念結(jié)構(gòu)設(shè)計(jì) 結(jié)合上面的需求分析以后，就可以設(shè)計(jì)出能夠滿足需求的各種實(shí)體，以及它們之間的關(guān)系，再用實(shí)體－關(guān)系圖，將這些內(nèi)容表述出來(lái)，為后面的邏輯結(jié)構(gòu)設(shè)計(jì)打下基礎(chǔ)，如下圖 2－ 3和 2－ 4所示： 瀏覽 用戶 景點(diǎn) 故事 景點(diǎn)圖片 線路 留言內(nèi)容 登陸 書寫 查看／查詢 預(yù)定／退定 管理員 添加 允許／回復(fù)／刪除 景點(diǎn) 登陸 開始維護(hù) 添加刪除 上傳圖片 添加／編輯 故事 景點(diǎn)圖片 留言內(nèi)容 線路 第 5 頁(yè) 共 22 頁(yè) 圖 2－ 3 用戶部份 實(shí)體 ER 圖 圖 2－ 4 管理員部份 實(shí)體 ER 圖 數(shù)據(jù)庫(kù)邏輯結(jié)構(gòu)設(shè)計(jì) 數(shù)據(jù)庫(kù)的概念結(jié)構(gòu)設(shè)計(jì)完畢以后，現(xiàn)在可以 把 數(shù)據(jù)庫(kù)概念結(jié)構(gòu)轉(zhuǎn)化為 SQL Server 數(shù)據(jù)庫(kù)系統(tǒng)所支持的實(shí)際數(shù)據(jù)模型，也就是數(shù)據(jù)庫(kù)的邏輯結(jié)構(gòu)。 旅游網(wǎng)站系統(tǒng)數(shù)據(jù)庫(kù)中各個(gè)表的設(shè)計(jì)結(jié)果如表 1～表 10 所示。 每個(gè)表格表示在數(shù)據(jù)庫(kù)中的一個(gè)表。 msgid title content 寫 留言 線路 操作 故事 景點(diǎn)圖片 景點(diǎn) 用戶 瀏覽 lineid price ?? usr tel ?? attrid attrname 1 1 1 n n n n n ? ? ?? ?? admin_name 管理員 管理 故事 景點(diǎn)圖片 留言 景點(diǎn) 線路 屬于 1 n n n n n n n admin_psw ?? content attrid ? imgid msgid content ? ?? lineid price attrid attrname ?? ?? content attrid imgid title 第 6 頁(yè) 共 22 頁(yè) 表 1 管理員信息表 列名 數(shù)據(jù)類型 長(zhǎng)度 允許空 備注 admin_name nvarchar 12 否 管理員名 admin_psw nvarchar 16 否 管理員密碼 表 1為管理員信息表，記錄了管理員的用戶名和密碼。 表 2 景點(diǎn)信息表 列名 數(shù)據(jù)類型 長(zhǎng)度 允許空 備注 attrid char 19 否 景點(diǎn)編號(hào) attrname varchar 50 否 景點(diǎn)名稱 attrintro ntext 16 否 關(guān)于景點(diǎn)介紹 表 2為景點(diǎn)信息表，記錄了景點(diǎn)相關(guān)信息。 表 3 景點(diǎn)圖片表 列名 數(shù)據(jù)類型 長(zhǎng)度 允許空 備注 attrid varchar 19 否 景點(diǎn)編號(hào) imgid varchar 19 否 圖片編號(hào) content image 16 否 圖片 表 3為景點(diǎn)圖片表，記錄了景點(diǎn)圖片的相關(guān)信息。 表 4 用戶信息表 列名 數(shù)據(jù)類型 長(zhǎng)度 允許空 備注 usr varchar 15 否 用戶登陸名 pwd varchar 15 否 用戶登陸密碼 realname char 10 否 用戶真實(shí)姓名 sex char 2 否 用戶性別 age tinyint 1 否 用戶年齡 tel varchar 15 否 用戶電話 regtime smalldatetime 4 否 用戶注冊(cè)時(shí)間 lastlogin datetime 8 是 上次登陸時(shí)間 表 4為用戶信息表，記錄了用戶名、密碼和有關(guān)用戶的個(gè)人信息。 表 5 線路信息表 列名 數(shù)據(jù)類型 長(zhǎng)度 允許空 備注 lineid char 19 否 線路編號(hào) linename vaarchar 50 否 線路名稱 liype char 10 否 線路類型 lineintro ntext 16 否 線路介紹 booked Int 4 否 是否預(yù)定 price Money 8 否 線路價(jià)格 表 5為線路信息表，記錄了線路相關(guān)信息。 第 7 頁(yè) 共 22 頁(yè) 表 6 景點(diǎn)線路表 列名 數(shù)據(jù)類型 長(zhǎng)度 允許空 備注 lineid varchar 19 否 線路編號(hào) attrid varchar 19 否 景點(diǎn)編號(hào) 表 6為線路景點(diǎn)表，記錄線路和景點(diǎn)相關(guān)信息。 表 7 預(yù)約信息表 列名 數(shù)據(jù)類型 長(zhǎng)度 允許空 備注 bookid char 19 否 預(yù)定編號(hào) lineid char 19 否 線路編號(hào) booker varchar 15 否 預(yù)定 booktime smalldatetime 4 否 預(yù)定時(shí)間 outtime smalldatetime 4 否 出發(fā)時(shí)間 表 7為預(yù)約信息表，記錄預(yù)約情況的相關(guān) 信息。 表 8 首頁(yè)內(nèi)容表 列名 數(shù)據(jù)類型 長(zhǎng)度 允許空 備注 title varchar 50 否 首頁(yè)內(nèi)容 content ntext 16 否 首頁(yè)圖片 表 8為首頁(yè)內(nèi)容表，記錄首頁(yè)的相關(guān)信息。 表 9 留言表 列名 數(shù)據(jù)類型 長(zhǎng)度 允許空 備注 msgid char 19 否 留言編號(hào) username varchar 15 否 留言者姓名 face varchar 10 否 留言頭像 ip varchar 20 否 留言的 IP addtime smalldatetime 4 否 留言時(shí) 間 content ntext 6 否 留言內(nèi)容 ishidden int 4 否 留言被允許 replytime smalldatetime 4 是 回復(fù)時(shí)間 replycontent ntext 16 是 回復(fù)內(nèi)容 表 9為用戶留言表，記錄用戶留言的相關(guān)信息。 表 10 故事信息表 列名 數(shù)據(jù)類型 長(zhǎng)度 允許空 備注 title varchar 50 否 故事標(biāo)題 content ntext 16 否 故事內(nèi)容 addtime smalldatetime 4 否 發(fā)表時(shí)間 表 10為故事表， 記錄添加故事的相關(guān)信息。 第 8 頁(yè) 共 22 頁(yè) 3 系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn) 公共模塊 數(shù)據(jù)庫(kù)連接文件 ： 旅游網(wǎng)站系統(tǒng)開發(fā)使用的是 ASP＋ SQL 的工作模式，為了使系統(tǒng)正常工作，需要建立與數(shù)據(jù)庫(kù)系統(tǒng)的連接來(lái)讀取和寫入數(shù)據(jù)。系統(tǒng)中很多頁(yè)面都涉及數(shù)據(jù)庫(kù)有關(guān)的操作，包括查詢、插入、刪除等在執(zhí)行這些操作時(shí)首先要與數(shù)據(jù)庫(kù)系統(tǒng)進(jìn)行連接，以下是數(shù)據(jù)庫(kù)連接代碼： % dim conn set conn=() driver={SQL server}。server=(local)。database=ly。uid=yq。pwd=123 % 頁(yè)面頭文件和頁(yè)面尾文件： 頁(yè)面頭文件指定了頁(yè)面頭部的圖片并在其上設(shè)定了“熱點(diǎn)”頁(yè)面尾包括版權(quán)信息和聯(lián)系方式，這些文件在各個(gè)頁(yè)面都是靜態(tài)的且一致的，我們將它們保存在公共文件夾 inc 中，直接在相應(yīng)頁(yè)面嵌入這樣的 語(yǔ)句 !include file=“ inc/” 或 !include file=“ inc/” 即可。 判斷用戶和管理員是否登錄函數(shù)： 由 ， 完成，同時(shí)提供了一個(gè)函數(shù) 是用于字符串的過(guò)濾。使用方法同頁(yè)面頭文件和頁(yè)面尾文件是一樣的。 用戶功能模塊 注冊(cè)模塊 該模塊主要能通過(guò)表單來(lái)接收用戶注冊(cè)所填的信息并對(duì)此信息進(jìn)行記錄，首先連接數(shù)據(jù)庫(kù)，驗(yàn)證用戶信息，記錄用戶信息。 用到的核心功能由下面的插入語(yǔ)句完成如下： % sql=insert into guests (usr,pwd,realname,sex,age,tel,regtime) values(39。amp。usramp。39。,39。amp。pwdamp。39。,39。amp。realnameamp。39。,39。amp。sexamp。39。,39。amp。ageamp。39。,39。amp。telamp。39。,39。amp。now()amp。39。) % 其登錄界面 如 下圖 3－ 1： 第 9 頁(yè) 共 22 頁(yè) 圖 3－ 1 用戶注冊(cè)模塊截圖 用戶填好相關(guān)信息點(diǎn)擊注冊(cè)便可注冊(cè)。 首頁(yè)和登錄模塊如圖 3－ 2： 圖 3－ 2 用戶登錄成功截圖 包括簡(jiǎn)單的用戶統(tǒng)計(jì)、檢測(cè)用戶是否登錄等功能、從數(shù)據(jù)庫(kù)讀取首頁(yè)顯示的文本和圖片。 檢測(cè)用戶是否登錄主要語(yǔ)句如下： ％ session(guestid)=％ (檢測(cè)用戶登錄 ) 登錄后顯示用戶信息需要從 guests 表中查詢信息主要用到一個(gè)查詢語(yǔ)句如下所示： %sql3=select * from guests where usr=39。amp。session(guestid)amp。39。% 和線路的查看功能模塊 用戶登錄后可直接對(duì)景點(diǎn)和故事進(jìn)行瀏覽，分別牽涉到從數(shù)據(jù)庫(kù)中表attractions、 attrimg、 story、 line 中讀取數(shù)據(jù)并顯示。使用 !include 第 10 頁(yè) 共 22 頁(yè) file=” connections/” 來(lái)連接數(shù)據(jù)如下圖 3－ 3 景點(diǎn)查看： 圖 3－ 3 查看景點(diǎn)界面截圖 該功能中主要有一個(gè)打開數(shù)據(jù)庫(kù)查詢和循環(huán)讀取數(shù)據(jù)庫(kù)中數(shù)據(jù)的操作，其主要語(yǔ)句如 下： 查詢景點(diǎn)信息表： %sql1=select * from attractions order by attrid desc% 循環(huán)讀取操作： %do while not (●ahref=?id=amp。rst1(attrid)amp。amp。rst1(attrname)am