數(shù)據(jù)庫(kù)管理—網(wǎng)站開發(fā)實(shí)例論文14071

1、1 引言隨著經(jīng)濟(jì)的飛速發(fā)展，人們生活的不斷提高，各式各樣的企業(yè)也林林總總地建立起來，企業(yè)之多、規(guī)模之大都是前所未有的。如何讓消費(fèi)者從眾多的企業(yè)產(chǎn)品中找到適合自己需要的東西，如何使求職者在這些企業(yè)中尋求到自己滿意的職位成了當(dāng)今社會(huì)比較熱門的話題。而現(xiàn)在這個(gè)信息化的時(shí)代很多事物是離不開網(wǎng)絡(luò)的，同樣以上需求最方便快捷的實(shí)現(xiàn)方法還是要通過internet來實(shí)現(xiàn)的。本系統(tǒng)就是一個(gè)企業(yè)網(wǎng)站的實(shí)例，通過對(duì)青島tdk電子有限公司的相關(guān)介紹，能夠讓電子產(chǎn)品的消費(fèi)者找到自己需要的某些產(chǎn)品，能夠讓電子企業(yè)工作愛好者找到自己喜愛的某些職位。設(shè)計(jì)之初，我們可以構(gòu)想有這么4個(gè)虛擬的角色：張三 男，某某電視機(jī)制造公司總經(jīng)理

2、，30歲李四 女，某某冰箱制造公司采購(gòu)員，28歲王五 男，某某職業(yè)中專畢業(yè)學(xué)生，19歲趙六 女，某某大學(xué)在校生，21歲我們可以想象一下這4個(gè)虛擬角色最需要什么？通過瀏覽這個(gè)網(wǎng)站他們能不能得到收獲？根據(jù)這些需求來設(shè)計(jì)往往就不會(huì)令瀏覽者不感興趣。首先看張三，他生產(chǎn)電視機(jī)，而生產(chǎn)的電視不可能不依賴其他廠家制造的電子元件，那么該角色一方面會(huì)關(guān)心電視機(jī)的銷售問題，而另一方面，就要考慮元件的采購(gòu)問題，而tdk正是一個(gè)電子元件的制造廠家，其產(chǎn)品正是張三所需要的，只要詳盡地介紹自己的產(chǎn)品，應(yīng)該可以吸引他的注意，所以該網(wǎng)站應(yīng)該具有介紹產(chǎn)品部分。李四的需求就更直接了，她是采購(gòu)員，當(dāng)然是需要元件廠家的產(chǎn)品介紹信息了

3、，而且比張三的需求更加強(qiáng)烈。至于王五，他是技術(shù)中專畢業(yè)生，需要謀求一份工作的，應(yīng)該需要了解各個(gè)企業(yè)基本信息、工作性質(zhì)、工廠的生活環(huán)境等信息，這些也當(dāng)然就是該系統(tǒng)必須的部分了。趙六則需求找一份適合自己的兼職，當(dāng)然和王五的需求沒有大的差別。這樣把虛擬角色的需求一一簡(jiǎn)略分析之后就可以著手設(shè)計(jì)了。在設(shè)計(jì)上，一定要貫穿始終的便是這四個(gè)虛擬角色的需要，把他們的需要作為自己設(shè)計(jì)這個(gè)網(wǎng)站系統(tǒng)的主要目的，才能設(shè)計(jì)出來合乎要求且受歡迎的系統(tǒng)，才能達(dá)到預(yù)期的要求，才不至于控油設(shè)計(jì)，無人喜歡的作品出來，才能是一個(gè)成功的作品。本著這個(gè)進(jìn)行設(shè)計(jì)才可以吸引更多用戶的瀏覽禣1。2 系統(tǒng)需求分析2.1可行性分析2.1.1 技術(shù)

4、可行性由于該系統(tǒng)應(yīng)用asp技術(shù)，只需要在電腦上安裝有iis即可，數(shù)據(jù)可以引用的是access2003，所以對(duì)電腦配置要求較低。網(wǎng)頁(yè)的設(shè)計(jì)過程可以用frontpage、visure studio等軟件或直接用文本編輯器即可進(jìn)行，只要將編好的文檔存為（*.htm）形式或者（*.asp）形式即可。至于腳本的調(diào)試過程可以用vs2005的腳本調(diào)試器進(jìn)行或者直接用瀏覽器自身的調(diào)試功能即可。至于其他有關(guān)asp的開發(fā)軟件的應(yīng)用都是比較方便的，是不難使用的。從技術(shù)上來講，本系統(tǒng)的設(shè)計(jì)是可行的。2.1.2 經(jīng)濟(jì)可行性由于我們計(jì)算機(jī)專業(yè)都配備個(gè)人電腦，學(xué)校機(jī)房為我們免費(fèi)開放，圖書館里也有豐富的參考資料，網(wǎng)絡(luò)世界里也

5、有很多相關(guān)資源，各種有關(guān)asp網(wǎng)頁(yè)設(shè)計(jì)的資料琳瑯滿目，應(yīng)有盡有且經(jīng)濟(jì)實(shí)惠，唾手可得，并不昂貴，所以從經(jīng)濟(jì)上來講，該系統(tǒng)的設(shè)計(jì)也是可行的。2.1.3 操作可行性本系統(tǒng)引用了許多比較流行的網(wǎng)頁(yè)元素，比如導(dǎo)航條、幻燈片、縱向菜單等，并且引用了像幻燈片、flash播放、懸浮框架等網(wǎng)頁(yè)元素，這些都使得系統(tǒng)簡(jiǎn)單明了、易于操作，更增加了網(wǎng)站的可讀性和容易理解性。所以，系統(tǒng)從操作上來講是可行的。2.1.4 社會(huì)可行性 由于本人在這個(gè)企業(yè)有半年的實(shí)習(xí)經(jīng)歷，通過親身經(jīng)歷對(duì)這個(gè)企業(yè)有了一個(gè)比較全面的了解，對(duì)其管理過程、產(chǎn)品銷售、人員招收等各個(gè)方面也有一定的了解。如果有一個(gè)好的網(wǎng)站系統(tǒng)為其智能服務(wù)的話，這個(gè)企業(yè)的各方

6、面運(yùn)營(yíng)應(yīng)該可以上一個(gè)更高的臺(tái)階的。并且作為企業(yè)網(wǎng)站，作者也參閱了許多相關(guān)的資料，查看了許多的企業(yè)網(wǎng)站，在社會(huì)實(shí)用性上絕對(duì)是有一定的價(jià)值的。所以從社會(huì)效益上來講，本系統(tǒng)是可行的。2.2 需求分析2.2.1 功能需求本系統(tǒng)主要來宣傳企業(yè)，介紹企業(yè)產(chǎn)品、企業(yè)文化等相關(guān)信息，主要面向電子元件的需求者和電子行業(yè)愛好者。進(jìn)入網(wǎng)站，主頁(yè)部分應(yīng)該具有真實(shí)性和一定的吸引力。通過對(duì)主頁(yè)的瀏覽能夠吸引瀏覽者去查看詳細(xì)的工廠信息和產(chǎn)品詳細(xì)信息。這又需要有詳細(xì)的工廠信息部分和產(chǎn)品詳細(xì)信息部分。后臺(tái)還要有工廠信息的添加、刪除、查詢和修改功能以及產(chǎn)品信息的添加、刪除、查詢和修改功能。站在開發(fā)者的角度，本系統(tǒng)應(yīng)該具有良好的瀏

7、覽功能，對(duì)數(shù)據(jù)的插入、刪除、修改，查詢的功能。界面上應(yīng)該友好簡(jiǎn)潔，使用上應(yīng)該符合tdk管理人員的技術(shù)水平，并且在數(shù)據(jù)的安全上應(yīng)該具有一定的可靠的安全性。2.2.2 性能需求查詢數(shù)據(jù)的時(shí)候要能查詢得到，并且查詢內(nèi)容不存在的時(shí)候要有相關(guān)提示；添加新數(shù)據(jù)的時(shí)候如果該數(shù)據(jù)已經(jīng)存在應(yīng)該有處理方案；刪除的數(shù)據(jù)應(yīng)該有唯一性，而不是一點(diǎn)刪除就會(huì)把與其相關(guān)的數(shù)據(jù)全部刪除；修改的數(shù)據(jù)前后沒有改變應(yīng)該有處理方案。而且系統(tǒng)應(yīng)該具有穩(wěn)定性，不能在一次成功運(yùn)行后，再次運(yùn)行便會(huì)出現(xiàn)亂碼或者頁(yè)面出現(xiàn)一堆代碼或者錯(cuò)誤提示，要保證系統(tǒng)反復(fù)的調(diào)試之下能夠成功運(yùn)行的幾率占到90%以上。2.2.3 運(yùn)行需求本系統(tǒng)是基于asp的企業(yè)系統(tǒng)

8、，采用的是b/s方式，web頁(yè)面運(yùn)行?？梢灾С指鞣Npc機(jī)，在windowsxp或者更高版本上運(yùn)行，只要在其上配置或者安裝有iis（internet information server）即可。本人在開發(fā)本系統(tǒng)的時(shí)候使用的是windowsxp profesional系統(tǒng)，安裝有iis，且裝有frontpage2003，visure studio2005還有access2003，所以在運(yùn)行上說，本系統(tǒng)也是可行的。3 關(guān)鍵技術(shù)介紹3.1 asp技術(shù)介紹asp（active server page）,即動(dòng)態(tài)服務(wù)器頁(yè)面的縮寫，是一種基于b/s的服務(wù)器端腳本編寫環(huán)境，可以用來創(chuàng)建和運(yùn)行動(dòng)態(tài)網(wǎng)頁(yè)或者web應(yīng)

9、用程序。asp網(wǎng)頁(yè)可以包含html標(biāo)記、普通文本、腳本命令等。利用asp可以向網(wǎng)頁(yè)添加交互內(nèi)容（如表單），也可以創(chuàng)建使用html網(wǎng)頁(yè)作為用戶界面的web應(yīng)用程序。asp還可以與數(shù)據(jù)庫(kù)和其他程序進(jìn)行交互，是一種簡(jiǎn)單、方便的編程工具。asp中的html標(biāo)記多樣，方便控制；普通文本可以容納任何符號(hào)，只要文本中能夠正常顯示；腳本可以使用vb腳本、java腳本或者c#腳本，腳本功能強(qiáng)大，可以讓編程人員隨心所欲地控制網(wǎng)頁(yè)的各種功能。asp還能和activex組件兼容，可以引用許多組件來擴(kuò)展其功能，還可以根據(jù)需要自行編寫組件。還可以引用許多多媒體元素，如聲音、視頻、幻燈片等。還可以運(yùn)用ado引用word、e

10、xel等文件。asp中有幾個(gè)重要的對(duì)象，熟練地掌握并運(yùn)用這些對(duì)象就能夠輕松地把本系統(tǒng)編寫完整。這些對(duì)象包括request、response、session、application、server和command對(duì)象。各個(gè)對(duì)象各有各的作用，其中request和response分別應(yīng)用與客戶端的請(qǐng)求和服務(wù)器的應(yīng)答，session用于保存用戶的一些個(gè)人數(shù)據(jù)，application用于保存所有用戶共同的數(shù)據(jù)，server主要用于服務(wù)器的相關(guān)操作等等。熟悉這些對(duì)象的基本功能并熟練掌握其屬性和方法對(duì)設(shè)計(jì)本系統(tǒng)是很有幫助的2。3.2 開發(fā)環(huán)境介紹asp程序運(yùn)行前，先要安裝配置web服務(wù)器，也就是需要安裝相應(yīng)的

11、web服務(wù)器軟件。基于windows平臺(tái)的服務(wù)器端asp環(huán)境有：windows98/me+pws(personal web server)和windows2000/xp/nt+iis(internet information server),這里用的是windowsxp+iis環(huán)境。iis是microsoft所提供的internet信息服務(wù)系統(tǒng)，允許在公共internet或internet的web服務(wù)器上發(fā)布信息。iis通過使用超文本傳輸協(xié)議（http）傳輸信息。還可以配置iis提供ftp（文件傳輸）服務(wù)和smtp（簡(jiǎn)單郵件傳輸協(xié)議）服務(wù)2。在安裝了iis的系統(tǒng)中，編寫網(wǎng)頁(yè)就相當(dāng)簡(jiǎn)單了，只要把

12、編寫的網(wǎng)頁(yè)保存到虛擬目錄之下，就可以運(yùn)用web瀏覽器對(duì)其進(jìn)行瀏覽。而編寫網(wǎng)頁(yè)的過程只要一個(gè)文本編輯器即可。當(dāng)然如果想要編寫出能夠運(yùn)行的網(wǎng)頁(yè)來還是要借助一些調(diào)試工具的，這就需要像frontpage、vs等網(wǎng)頁(yè)編寫工具及其附帶的調(diào)試工具了。安裝有iis的系統(tǒng)只需選擇“開始”|“控制面板”|“管理工具”|“internet信息服務(wù)”。在出現(xiàn)的“internet信息服務(wù)”對(duì)話框中，展開“網(wǎng)站”，出現(xiàn)“默認(rèn)網(wǎng)站”，右擊，選擇“新建”|“虛擬目錄”，按照提示建立一個(gè)虛擬目錄。在虛擬目錄下即可編寫自己的網(wǎng)站了。編寫完成后，在瀏覽器地址欄中輸入http:/localhost/虛擬地址名就可以運(yùn)行所編寫的網(wǎng)站了

13、。本系統(tǒng)就是建立了一個(gè)名為t的虛擬目錄，其物理路徑為e：/tdk，這樣在瀏覽器的地址欄內(nèi)輸入http:/localhost/t即可出現(xiàn)所編寫網(wǎng)站的首頁(yè)了。3.3 ado數(shù)據(jù)庫(kù)操作介紹數(shù)據(jù)庫(kù)系統(tǒng)往往是一個(gè)大型web應(yīng)用程序的核心。同其他web應(yīng)用程序的編寫方法相比，強(qiáng)大的數(shù)據(jù)庫(kù)訪問能力、簡(jiǎn)單一致的數(shù)據(jù)庫(kù)訪問方式正是asp突出特點(diǎn)之一。在asp中，可以輕松地利用microsoft提供的強(qiáng)大ado（activex data objects）技術(shù)來對(duì)各種各樣的數(shù)據(jù)庫(kù)進(jìn)行訪問：可以訪問sql server這樣基于客戶端/服務(wù)器的數(shù)據(jù)庫(kù)系統(tǒng)，也可以訪問面向access這樣的文件型數(shù)據(jù)庫(kù)，還可以輕松地訪問存

14、儲(chǔ)在其他表格式數(shù)據(jù)結(jié)構(gòu)（比如電子表格）中的信息。ado還支持odbc（open database connectivity）數(shù)據(jù)庫(kù)，這意味著只要遵循odbc標(biāo)準(zhǔn)的數(shù)據(jù)庫(kù)都能被ado訪問。ado的主要優(yōu)點(diǎn)是易于使用、高速度、低內(nèi)存支出和占用磁盤空間少?？梢哉f，ado是目前數(shù)據(jù)庫(kù)訪問的先進(jìn)方式之一。而asp又提供對(duì)ado的全面支持，可以通過ado數(shù)據(jù)模型訪問各種數(shù)據(jù)庫(kù)。它主要是通過其中所包括的connection（鏈接）、command（命令）、parameter（參數(shù)）、recordset（記錄集）、field（字段）和error（錯(cuò)誤）元素發(fā)揮作用的2。利用ado操作數(shù)據(jù)庫(kù)有以下幾種連接方式：

15、dsn連接數(shù)據(jù)庫(kù)、ole db連接數(shù)據(jù)庫(kù)、odbc連接數(shù)據(jù)庫(kù)，本系統(tǒng)是利用odbc連接數(shù)據(jù)庫(kù)的。使用ado存取數(shù)據(jù)源的過程如圖3-1所示：連接到數(shù)據(jù)庫(kù)設(shè)置sql語句傳遞參數(shù)執(zhí)行sql語句操作數(shù)據(jù)關(guān)閉鏈接圖3-1 ado存取數(shù)據(jù)源過程3.4 access數(shù)據(jù)庫(kù)介紹access數(shù)據(jù)庫(kù)是目前比較流行的數(shù)據(jù)庫(kù)管理系統(tǒng)，它是一個(gè)運(yùn)行在windows系統(tǒng)環(huán)境下的桌面關(guān)系型數(shù)據(jù)庫(kù)，也是office xp的組件之一。access數(shù)據(jù)庫(kù)屬于比較簡(jiǎn)單的小型數(shù)據(jù)庫(kù)系統(tǒng)，一般用于小型公司的數(shù)據(jù)管理。其基本數(shù)據(jù)庫(kù)觀念與其他大型數(shù)據(jù)庫(kù)系統(tǒng)（如oracle和sql server等）并沒有太大的差別。當(dāng)用戶新建一個(gè)數(shù)據(jù)庫(kù)后即

16、可在這個(gè)數(shù)據(jù)庫(kù)下建立許多表，表格形式也挺簡(jiǎn)單，設(shè)計(jì)時(shí)就像exel表格一樣的三列多行的形式，三列分別為“字段名稱”、“數(shù)據(jù)類型”和“說明”，設(shè)計(jì)完成，表格即可使用，其過程相當(dāng)簡(jiǎn)單。本系統(tǒng)就是在data文件夾中設(shè)計(jì)了一個(gè)名為db.mdb的access數(shù)據(jù)庫(kù)，再其下設(shè)計(jì)了幾個(gè)相關(guān)的表，來實(shí)現(xiàn)數(shù)據(jù)庫(kù)的設(shè)計(jì)的6。3.5 css級(jí)聯(lián)樣式表介紹css（cascading style sheets）級(jí)聯(lián)樣式表是一種能夠控制網(wǎng)頁(yè)的樣式，它可以控制很多網(wǎng)頁(yè)元素，包括字體顏色和大小、線的寬度和顏色、網(wǎng)頁(yè)中各項(xiàng)之間的空白量。通過對(duì)css級(jí)聯(lián)樣式表的使用可以使很多相同的網(wǎng)頁(yè)元素用一種樣式來規(guī)定，也可以使用很多流行的網(wǎng)頁(yè)

17、元素，如導(dǎo)航條，菜單等。css的書寫格式如圖3-2所示：td width：36px1234圖3-2 css樣式書寫格式其中1部分為選擇器，4部分為聲明，2,3為屬性和值。css的書寫就是由1,4的選擇器和聲明兩部分構(gòu)成，在4的聲明中有包括屬性和值兩個(gè)部分。選擇器和聲明要用空格分開，聲明部分要用大括號(hào)括起來，屬性和值之間要有一個(gè)冒號(hào)。只要書寫規(guī)范，便可以運(yùn)用css樣式控制各宗網(wǎng)頁(yè)元素了。css是大有用處的除了能夠控制一個(gè)網(wǎng)站的許多相同元素，使得代碼簡(jiǎn)練之外，還可以利用css制作導(dǎo)航條、各種形式的菜單，還能導(dǎo)入幻燈片、flash文件、聲音等各種多媒體元素，除此之外還可以利用css進(jìn)行網(wǎng)頁(yè)布局，使得

18、網(wǎng)頁(yè)美觀大方，而且生動(dòng)活潑，是現(xiàn)在比較流行的網(wǎng)頁(yè)設(shè)計(jì)技術(shù)，是設(shè)計(jì)這個(gè)系統(tǒng)必不可少的關(guān)鍵技術(shù)。本系統(tǒng)中主要應(yīng)用css設(shè)計(jì)了一個(gè)導(dǎo)航條，兩個(gè)菜單，還有一些相同元素的link.css樣式表，以及主頁(yè)部分的幻燈片的引進(jìn)都是用css層疊樣式表來實(shí)現(xiàn)的。這些元素的引進(jìn)都是我增進(jìn)了對(duì)css樣式表的理解和使用方法，對(duì)我來說是受益匪淺的1。4 系統(tǒng)總體設(shè)計(jì)4.1 系統(tǒng)模塊結(jié)構(gòu)設(shè)計(jì)4.1.1 系統(tǒng)方案設(shè)計(jì)通過系統(tǒng)分析和調(diào)研，可以得出本系統(tǒng)應(yīng)具有以下功能：訪客對(duì)主頁(yè)信息的瀏覽，用戶注冊(cè)和登陸，用戶應(yīng)有瀏覽企業(yè)新聞、產(chǎn)品介紹、發(fā)表留言、查看留言、提交求助和訂單信息、享受在線客服的權(quán)限、管理員后臺(tái)應(yīng)該可以添加和編輯新聞

19、和產(chǎn)品信息、管理和回復(fù)用戶留言、進(jìn)行在線客服服務(wù)、處理求知和訂單信息等權(quán)限。這些權(quán)限應(yīng)該怎樣銜接，怎樣配合都要有一個(gè)最初的方案。管理員和用戶的各個(gè)功能之間的對(duì)應(yīng)關(guān)系也要有最初的設(shè)計(jì)方案。4.1.2 系統(tǒng)結(jié)構(gòu)設(shè)計(jì)當(dāng)瀏覽者輸入網(wǎng)址首次登陸時(shí)進(jìn)入index主頁(yè)，可以查看企業(yè)的一些基本信息，了解詳細(xì)，可以注冊(cè)用戶并登陸。登陸后進(jìn)入企業(yè)新聞、點(diǎn)擊標(biāo)題查看新聞，左邊有用戶菜單，分別有發(fā)表留言、查看留言、查看新聞、查看產(chǎn)品信息、在線客服、修改密碼、設(shè)置信息、退出登陸各功能，點(diǎn)擊進(jìn)入相關(guān)項(xiàng)目；登陸如在用戶類別選擇“管理員”選項(xiàng)，登陸進(jìn)入后臺(tái)管理中心，同樣左側(cè)有一個(gè)菜單，分別有添加新聞、編輯新聞、添加產(chǎn)品信息、

20、編輯產(chǎn)品信息、管理留言、在線客服、查看訂單、查看求職信息、修改密碼、退出登陸各選項(xiàng)，。如下面3個(gè)圖所示：主頁(yè)用戶登陸用戶注冊(cè)瀏覽信息用戶界面管理員界面圖4-1 系統(tǒng)總體功能圖 這個(gè)是系統(tǒng)總體框架結(jié)構(gòu)，在這個(gè)結(jié)構(gòu)下又可以有如下兩個(gè)分支：用戶界面發(fā)表留言求職申請(qǐng)瀏覽企業(yè)新聞查看產(chǎn)品信息客戶服務(wù)區(qū)設(shè)置個(gè)人信息重設(shè)我的密碼退出登陸查看所有留言圖4-2 用戶功能圖管理員界面添加新聞信息編輯新聞信息添加產(chǎn)品信息編輯產(chǎn)品信息查看用戶訂單查看用戶求職管理留言在線客服添加管理員更改登陸密碼退出登陸圖4-3 管理員功能圖其中圖1是系統(tǒng)總體架構(gòu)，圖2是用戶界面架構(gòu)，而圖3則是管理員界面架構(gòu)。由這種結(jié)構(gòu)關(guān)系可以明確系

21、統(tǒng)有三大模塊構(gòu)成：主頁(yè)模塊，它主要是靜態(tài)頁(yè)面，比較簡(jiǎn)單；用戶模塊，由一些子模塊構(gòu)成，其中大部分為含有腳本的動(dòng)態(tài)頁(yè)面；管理員模塊，這是系統(tǒng)的后臺(tái)部分，也是以動(dòng)態(tài)頁(yè)面為主，這是對(duì)用戶模塊能夠?yàn)g覽的信息進(jìn)行添加和編輯的部分。在用戶模塊和管理員模塊中存在著一系列的數(shù)據(jù)庫(kù)操作，包括數(shù)據(jù)的添加、查詢、刪除和修改操作。這些操作的過程都是利用網(wǎng)頁(yè)進(jìn)行數(shù)據(jù)庫(kù)的操作，其操作都有一個(gè)相應(yīng)的流程，只要按照這些流程進(jìn)行設(shè)計(jì)，就可以完成網(wǎng)頁(yè)對(duì)數(shù)據(jù)庫(kù)的操作過程，系統(tǒng)也就進(jìn)一步完善了。添加數(shù)據(jù)時(shí)編號(hào)字段由系統(tǒng)自動(dòng)生成，且不能修改，其他信息由用戶輸入，之后對(duì)數(shù)據(jù)進(jìn)行合法判斷，合法則寫入保存至數(shù)據(jù)庫(kù)，不合法則重新輸入數(shù)據(jù)。其過程

22、如下面的流程圖：yn開始自主生成編號(hào)輸入數(shù)據(jù)合法？寫入數(shù)據(jù)庫(kù)結(jié)束圖4-4 數(shù)據(jù)添加流程圖查詢數(shù)據(jù)的時(shí)候，首先輸入一個(gè)要查詢的條件，根據(jù)條件進(jìn)行查詢，如果存在滿足條件的數(shù)據(jù)，即可讀出，否則返回輸入條件界面再次輸入條件，其查詢的過程如圖4-5所示，這里的查詢條件是豐富多樣的，有時(shí)候會(huì)把條件里嵌套有另外一個(gè)子查詢，而子查詢的過程不外乎又是一個(gè)查詢罷了，即可把他劃分開開，先處理子查詢，化簡(jiǎn)為最簡(jiǎn)單的條件，這樣就可以把多層次的查詢化繁為簡(jiǎn)成為一個(gè)單純的查詢了，普通的查詢流程是這樣的，多層次的查詢無非是多進(jìn)行幾次這個(gè)流程而已。yn開始輸入條件是否存在讀出數(shù)據(jù)結(jié)束圖4-5 數(shù)據(jù)查詢流程圖修改數(shù)據(jù)的時(shí)候，先選

23、中一條待修改的記錄，然后再直接輸入數(shù)據(jù)，判斷這個(gè)輸入的數(shù)據(jù)是否合法，合法則保存至數(shù)據(jù)庫(kù)，不合法就要重新輸入。數(shù)據(jù)修改流程圖如圖4-6所示：yn開始選擇要修改的數(shù)據(jù)輸入數(shù)據(jù)是否合法寫入數(shù)據(jù)庫(kù)結(jié)束圖4-6 數(shù)據(jù)修改流程圖當(dāng)用戶選定一條記錄時(shí)，單擊刪除超鏈接，會(huì)提示用戶是否確定刪除，如果是然后刪除數(shù)據(jù)庫(kù)相關(guān)內(nèi)容。否就是放棄刪除，就會(huì)回到編輯數(shù)據(jù)頁(yè)面繼續(xù)進(jìn)行編輯，數(shù)據(jù)刪除流程圖如圖4-7所示：yn開始選擇需要?jiǎng)h除的數(shù)據(jù)是否刪除更新數(shù)據(jù)庫(kù)結(jié)束圖4-7 數(shù)據(jù)刪除流程圖 完成這些數(shù)據(jù)庫(kù)的腳本操作設(shè)計(jì)之后，便可以根據(jù)系統(tǒng)功能進(jìn)行數(shù)據(jù)庫(kù)的各個(gè)設(shè)計(jì)了。在運(yùn)用asp對(duì)該系統(tǒng)的設(shè)計(jì)過程中數(shù)據(jù)庫(kù)的操作不外乎就是這些基本

24、的操作過程，熟練掌握這些基本操作并運(yùn)用這些數(shù)據(jù)庫(kù)的基本操作就可以編寫動(dòng)態(tài)的網(wǎng)頁(yè)了。4.2 數(shù)據(jù)庫(kù)設(shè)計(jì)本系統(tǒng)采用access2003建立數(shù)據(jù)庫(kù)，這樣的數(shù)據(jù)庫(kù)是文件類型的數(shù)據(jù)庫(kù)，access是目前流行的關(guān)系數(shù)據(jù)管理系統(tǒng)，它集成在microsoft office套件中，與office一起安裝，操作比較簡(jiǎn)便，且支持機(jī)構(gòu)化查詢語言，能夠進(jìn)行sql語言的使用。打開access2003，在data文件夾下建立名為db.mdb的數(shù)據(jù)庫(kù)，打開db.mdb，建立以下9個(gè)表格：l 用戶表guest，結(jié)構(gòu)如4-1所示，其中g(shù)id（用戶編號(hào)）為主鍵。l 管理員表manager，結(jié)構(gòu)表4-2，mid（管理員編號(hào)）為主鍵。

25、l 新聞表gongchang，結(jié)構(gòu)如表4-3，gcid（編號(hào)）為主鍵。l 產(chǎn)品表chanpin，結(jié)構(gòu)如表4-4，cpno（產(chǎn)品號(hào)）為主鍵。l 求職表qiuzhi，結(jié)構(gòu)如表4-5，gname（求職者賬號(hào)）為主鍵。l 訂單表dingdan，結(jié)構(gòu)如表4-6，id（編號(hào)）為主鍵。l 留言表liuyan，結(jié)構(gòu)如表4-7，id（編號(hào)）為主鍵。l 回復(fù)表huifu，結(jié)構(gòu)如表4-8，id（編號(hào)）為主鍵。l 評(píng)論表pinglun，表4-9為其結(jié)構(gòu)圖，id（編號(hào)）為主鍵。表4-1 guest表結(jié)構(gòu)字段名稱數(shù)據(jù)類型備注gid自動(dòng)編號(hào)用戶編號(hào)gname文本（最大50）用戶賬號(hào)realname文本（最大50）用戶真名g

26、pass文本（最大50）密碼gsex文本（最大50）性別email文本（最大120）電子郵箱memo文本（最大50）備注信息inserttime文本（最大50）注冊(cè)時(shí)間fp文本（最大50）頭像路徑addr文本（最大120）主頁(yè)地址qq文本（最大50）qq號(hào)msn文本（最大100）msn號(hào)phone文本（最大50）電話號(hào)碼depart文本（最大50）工作單位mail文本（最大50）郵政編碼dizhi文本（最大180）通訊地址geyan文本（最大200）人生格言上述表格中g(shù)name，gpass和memo三項(xiàng)內(nèi)容是由用戶在注冊(cè)中得到的，而后可以通過設(shè)置信息，得到qq、msn、phone、email、

27、mail、dizhi、addr、depart、fp、gsex、geyan等信息，再通過真名驗(yàn)證可以得到realname字段。其中，gid是主鍵，且自動(dòng)進(jìn)行編號(hào)，注冊(cè)過程中不會(huì)出現(xiàn)重復(fù)的gid。game中設(shè)置了無重復(fù)的索引，也不會(huì)有相同的用戶賬號(hào)。如果用戶賬號(hào)在注冊(cè)的時(shí)候有所重復(fù)，網(wǎng)頁(yè)之中要有所提示。表4-2 manager表結(jié)構(gòu)字段名稱數(shù)據(jù)類型備注mid自動(dòng)編號(hào)管理員編號(hào)mname文本（最大50）管理員賬號(hào)mpass文本（最大50）密碼上述表格的所有信息都可以從管理員中的“添加管理員”選項(xiàng)中得到。其中mid為主鍵，自動(dòng)編號(hào)。mname中設(shè)置了無重復(fù)的索引，不會(huì)有重復(fù)。如果重復(fù)會(huì)有相關(guān)提示。表4

28、-3 gongchang表結(jié)構(gòu)字段名稱數(shù)據(jù)類型備注gcid自動(dòng)編號(hào)新聞編號(hào)gctitle文本（最大50）新聞標(biāo)題gcmess文本（最大225）新聞內(nèi)容gctime文本（最大50）添加時(shí)間gjz文本（最大50）關(guān)鍵字上述表格的所有字段都在管理員的“添加新聞信息”中得到。gcid為主鍵，且自動(dòng)編號(hào)，gctitle設(shè)置無重復(fù)索引，不可以重復(fù)。表4-4 chanpin表結(jié)構(gòu)字段名稱數(shù)據(jù)類型備注cpno文本（最大50）產(chǎn)品號(hào)cpname文本（最大50）品名depart文本（最大50）出自車間weight文本（最大50）重量cpr文本（最大50）截面半徑height文本（最大50）柱體高度used文本（最

29、大50）主要用途val文本（最大50）單價(jià)上述表格的所有字段都可以從管理員中的“添加產(chǎn)品信息”中得到。cpno為主鍵，不可以重復(fù)。這里就不必再在其他字段里設(shè)置沒有重復(fù)的索引了，因?yàn)閏pno已經(jīng)是主鍵了，主鍵是不能重復(fù)的。表4-5 qiuzhi表結(jié)構(gòu)字段名稱數(shù)據(jù)類型備注gname文本（最大50）求職者賬號(hào)realname文本（最大50）求職者真名qtype文本（最大50）求職類型age文本（最大50）求職者年齡上述表格的所有字段都可以從用戶的“求職申請(qǐng)”中得到。gname為主鍵，無重復(fù)。表4-6 dingdan表結(jié)構(gòu)字段名稱數(shù)據(jù)類型備注id自動(dòng)編號(hào)訂單編號(hào)gname文本（最大50）訂購(gòu)者賬號(hào)re

30、alname文本（最大50）訂購(gòu)者真名cpno文本（最大50）訂購(gòu)產(chǎn)品號(hào)cpname文本（最大50）訂購(gòu)產(chǎn)品名mass文本（最大50）訂購(gòu)量dtype文本（最大50）訂單類型上述表格的所有字段都可以從用戶的“預(yù)定產(chǎn)品”中得到。id為主鍵，自動(dòng)編號(hào)。表4-7 liuyan表結(jié)構(gòu)字段名稱數(shù)據(jù)類型備注lyid自動(dòng)編號(hào)編號(hào)gname文本（最大50）發(fā)言者賬號(hào)lmess文本（最大225）發(fā)言內(nèi)容ltime文本（最大80）發(fā)言時(shí)間lcolor文本（最大50）字體顏色lface文本（最大50）字體上述表格的所有信息都從“發(fā)表留言”中得到。gname為主鍵，無重復(fù)。表4-8 huifu表結(jié)構(gòu)字段名稱數(shù)據(jù)類型備

31、注id自動(dòng)編號(hào)編號(hào)gname文本（最大50）回復(fù)針對(duì)者h(yuǎn)mess文本（最大225）回復(fù)內(nèi)容htime文本（最大80）回復(fù)時(shí)間mname文本（最大50）回復(fù)發(fā)出者上述表格的所有字段都從管理員的“留言回復(fù)”中得到。id為主鍵，自動(dòng)編號(hào)，回復(fù)內(nèi)容從mname的管理員發(fā)出，發(fā)向gname的用戶，只能單向發(fā)出的回復(fù)內(nèi)容。圖4-16 pinglun表結(jié)構(gòu)字段名稱數(shù)據(jù)類型備注id自動(dòng)編號(hào)編號(hào)pinglun文本（最大50）評(píng)論內(nèi)容gname文本（最大50，有索引，無重復(fù)）評(píng)論者賬號(hào)上述表格的所有字段都從用戶的“客戶服務(wù)區(qū)”的評(píng)論表單得到。id為主鍵，自動(dòng)編號(hào)。這里對(duì)數(shù)據(jù)庫(kù)的控制過程完全靠ado對(duì)象的鏈接還有s

32、ql語句對(duì)各個(gè)表格的查詢、添加、刪除和修改操作。查詢操作可以應(yīng)用select語句進(jìn)行，有條件的時(shí)候可以用到where語句；添加操作可以運(yùn)用insert語句還有addnew函數(shù)；刪除操作可以運(yùn)用到delate語句；而修改操作要用到update語句。例如，當(dāng)要從guest表中注冊(cè)一條新的記錄時(shí)，可以設(shè)置sql語句如下：sql=”insert into guest (gname,gpass,memo) values (”&gname&”,”&gpass&”,”&memo&”)或者可以運(yùn)用addnew函數(shù)：rs.addnew()rs(“gname”)=gnamers(“gpass”)=gpassrs(

33、“memo”)=memors.update()兩種方法均可實(shí)現(xiàn)，其他的各種操作均可運(yùn)用相應(yīng)語句即可實(shí)現(xiàn)。其中當(dāng)要查詢一個(gè)表中的全部信息時(shí)可以運(yùn)用通配符“*”，部分信息時(shí)可以運(yùn)用like語句與“%”等通配符的搭配使用，例如；當(dāng)要查詢guest表中的所有信息時(shí)便可以設(shè)置sql語句為：sql=”select * from guest”而當(dāng)要查詢guest表中真名中有張姓的人的時(shí)候，可以將sql進(jìn)行如下設(shè)置： sql=”select * from guest where realname like ”&張%” 65 系統(tǒng)詳細(xì)設(shè)計(jì)5.1 總體文件本網(wǎng)站采用frontpage2003進(jìn)行網(wǎng)頁(yè)的設(shè)計(jì)，總體文

34、件分布如下圖所示：圖5-1 文件分布結(jié)構(gòu)其中data文件夾用于存放數(shù)據(jù)庫(kù)文件db.mdb，images文件夾用于存放產(chǎn)品相關(guān)的圖片，img和img2用于存放網(wǎng)頁(yè)上要顯示的系統(tǒng)圖片。主頁(yè)部分的網(wǎng)頁(yè)文檔包括：index.htm、1.htm、2.htm、3.htm、4.htm、4tp.htm、tiaokuan.htm，zhuce.asp。用戶部分的網(wǎng)頁(yè)文檔包括：gueme.htm、left1.htm、news.asp、news1.asp、cpjs.asp、yuding.asp、yuding1.asp、yuding2.asp、qiuzhi.asp、qiuzhi1.asp、fayan.asp、fayan

35、1.asp、kefu1.asp、kefu2.asp、kefu3.asp、updateguestpass.asp、updateguestpass1.asp。管理員部分網(wǎng)頁(yè)文檔包括：mamame.htm、left2.htm、addnews.asp、addnews1.asp、edtnews.asp、edtnews1.asp、edtnews2.asp、addcp.asp、addcp1.asp、addcp2.asp、edtcp1.asp、edtcp2.asp、kefu.asp、kefu4.asp、huifu.asp、huifu1.asp、addmanager.asp、addmanager1.asp、up

36、datemanagerpass.asp、updatemanagerpass1.asp。還有l(wèi)og.htm、login.asp、logout.asp屬于登陸有關(guān)的網(wǎng)頁(yè)文檔，1.swf是flash播放樣式文件。5.2 通用功能設(shè)計(jì)通用功能網(wǎng)頁(yè)即const.asp，這個(gè)頁(yè)面包括了自行定義的一些過程和函數(shù)，以方便編程需要，比如alert過程，goback過程都可以省去很多代碼，方便省事，這個(gè)asp頁(yè)面的設(shè)計(jì)是很有必要的，其代碼見附錄部分。5.3 主頁(yè)設(shè)計(jì)5.3.1 導(dǎo)航條當(dāng)輸入網(wǎng)站地址時(shí)，進(jìn)入index.htm，這部分通過一個(gè)導(dǎo)航條，將主頁(yè)分為7個(gè)部分，導(dǎo)航條樣式如下圖所示：圖5-2 導(dǎo)航條這個(gè)導(dǎo)航條

37、的css樣式由sty1.css控制，其樣式代碼在附錄部分。其中的注釋清楚，無需贅述。在主頁(yè)，主頁(yè)的副本1.htm、2.htm、3.htm、4.htm中均用以下代碼顯示導(dǎo)航條：企業(yè)概況企業(yè)主要產(chǎn)品部分產(chǎn)品信息走進(jìn)車間工人生活用戶注冊(cè)用戶登陸 這個(gè)導(dǎo)航條把主頁(yè)部分分成了7個(gè)網(wǎng)頁(yè)，其中前5個(gè)對(duì)企業(yè)進(jìn)行了全面的介紹，分別從“企業(yè)概況”、“企業(yè)主要產(chǎn)品”、“部分產(chǎn)品信息”、“走進(jìn)車間”和“工人生活”各個(gè)方面進(jìn)行介紹。這里的“企業(yè)概況”和“部分產(chǎn)品信息”兩頁(yè)里主要是文本和圖片的相應(yīng)組合設(shè)計(jì)；在“企業(yè)主要產(chǎn)品”頁(yè)面里上面部分完全是純文本信息介紹，下面用一個(gè)幻燈片將企業(yè)主要生產(chǎn)的產(chǎn)品圖片顯示出來，新穎別致；而

38、“走進(jìn)車間”更加把這個(gè)幻燈片升級(jí)化了，在相應(yīng)的幻燈片的每一張畫面底部還加上了文字說明，更加有趣生動(dòng)；最后的“工人生活”用一個(gè)懸浮框架顯示圖片，超鏈接傳遞參數(shù)，這樣可以完成點(diǎn)擊一個(gè)超鏈接換一副圖片的效果，也是十分有效的表現(xiàn)方式。5.3.2 用戶注冊(cè)其中企業(yè)概況、企業(yè)主要產(chǎn)品、部分產(chǎn)品信息、走進(jìn)車間、工人生活都是一些介紹信息，以供瀏覽者瀏覽。如果用戶需要注冊(cè)，點(diǎn)擊導(dǎo)航的“用戶注冊(cè)”，會(huì)進(jìn)入以下界面，上面是兩個(gè)圖片，中間部分則列出了網(wǎng)站的服務(wù)條款，包括一些網(wǎng)絡(luò)的法令法規(guī)，最下面則是兩個(gè)單選項(xiàng)和一個(gè)提交按鈕。選擇是否同意這項(xiàng)條款來決定系統(tǒng)是否讓其繼續(xù)跳轉(zhuǎn)到下一頁(yè)的注冊(cè)網(wǎng)頁(yè)，顯示效果圖下圖的5-3所示：

39、圖5-3 注冊(cè)條款這是注冊(cè)條款，這種條款在企業(yè)門戶網(wǎng)站上是比較流行的，單選按鈕如“否”，會(huì)出現(xiàn)下圖的提示，且網(wǎng)頁(yè)不會(huì)跳轉(zhuǎn)。下面便是點(diǎn)擊了“否”以后的情況，點(diǎn)擊提示信息的“確定”按鈕不會(huì)跳轉(zhuǎn)，而繼續(xù)保持在這個(gè)條款頁(yè)面。相反，如果點(diǎn)擊了“是”則會(huì)立即跳轉(zhuǎn)到注冊(cè)頁(yè)面。圖5-4 不同意條款的提示信息這只要在tiaokuan.htm中添加以下腳本即可實(shí)現(xiàn)測(cè)功能，該功能的實(shí)現(xiàn)過程如圖5-5所示：開始選擇是否同意跳轉(zhuǎn)到注冊(cè)網(wǎng)頁(yè)結(jié)束ny圖5-5 是否同意注冊(cè)條款流程腳本的代碼就不再列舉了，只是一個(gè)if語句和提交表單的綜合控制?？梢钥闯?，如果點(diǎn)單選按鈕的“是“的話，將會(huì)進(jìn)入zhuce.asp頁(yè)面，這個(gè)頁(yè)面的摸樣

40、如下圖所示：圖5-6 用戶注冊(cè)頁(yè)面其中有一個(gè)表單項(xiàng)，包括3個(gè)文本框和一個(gè)文本域，前面3個(gè)文本框的文字前面都標(biāo)有“*”附號(hào)，為必填內(nèi)容，如果不填會(huì)有提示的，備注的文本域是可填可不填的，這個(gè)不影響注冊(cè)。這其中有一個(gè)表單項(xiàng)action項(xiàng)指向do1.asp，該頁(yè)面用于處理注冊(cè)頁(yè)面提交的信息，代碼見附錄部分。注冊(cè)成功后出現(xiàn)如下提示的信息：圖5-7 注冊(cè)成功提示點(diǎn)擊“確定”還會(huì)回到注冊(cè)頁(yè)面。成功注冊(cè)后，會(huì)有提示框“你已成功注冊(cè)，請(qǐng)登陸！”，便可以登陸了。5.3.3 用戶登陸登陸頁(yè)面如下圖。最上面是一個(gè)表格的一個(gè)單元格，背景顏色設(shè)置為紅色，再在其上放置一個(gè)只有文字的圖片，文字內(nèi)容為“welcome！”。中間

41、部分是登陸的主要部分，先放置一個(gè)表格標(biāo)題，方正舒體顯示的紅色“用戶登陸”，然后是一個(gè)4行2列的表格，前一列顯示標(biāo)題，分別為“用戶姓名：”“密碼：”“驗(yàn)證碼：”“登陸類型：”；后一列為輸入部分，前面3個(gè)都是一個(gè)文本框，最后一個(gè)是個(gè)下拉列表項(xiàng)。其中在第三個(gè)文本框后邊還跟隨一個(gè)浮動(dòng)框架，用于顯示隨機(jī)出現(xiàn)的4為驗(yàn)證碼。最下面是一個(gè)動(dòng)態(tài)圖片，配合登陸頁(yè)面，是這個(gè)頁(yè)面和諧勻稱。整個(gè)這個(gè)登陸頁(yè)面的顯示效果如下圖5-8的顯示：圖5-8 登陸頁(yè)面其中登陸類型有、兩種，分別表示用戶登陸和管理員登陸。輸入用戶姓名、密碼、驗(yàn)證碼，選擇用戶類型，點(diǎn)擊登陸，只要賬號(hào)、密碼和驗(yàn)證碼正確，就會(huì)跳轉(zhuǎn)到相應(yīng)的界面。輸入錯(cuò)誤會(huì)有如

42、下所示的一些信息：“密碼不能為空！”“用戶名不能為空！”“驗(yàn)證碼輸入錯(cuò)誤，請(qǐng)重新登陸！”“對(duì)不起，您輸入的用戶名或密碼錯(cuò)誤，請(qǐng)查實(shí)！” 這里的驗(yàn)證碼顯示設(shè)計(jì)方法如下，用一個(gè)懸浮框架，其中的scr屬性指向checkcode.asp頁(yè)面，這個(gè)頁(yè)面用隨機(jī)數(shù)隨機(jī)出四個(gè)數(shù)字，然后利用4個(gè)數(shù)字作為圖片的名稱將4個(gè)圖片顯示出來。這里的從0到9的10個(gè)圖片都是用數(shù)字作為名稱的，例如“1.gif”就是一個(gè)顯示數(shù)字1的一張圖片，這樣更利于驗(yàn)證碼的顯示。5.4 用戶模塊5.4.1 菜單項(xiàng)用戶界面為gueme.htm，界面如下圖所示：圖5-9 用戶界面界面運(yùn)用框架結(jié)構(gòu)將此網(wǎng)頁(yè)分成兩個(gè)部分，左邊的部分是一個(gè)菜單項(xiàng)，的s

43、rc屬性指向left1.htm，其在用戶界面中始終存在，方便用戶去操作，css樣式代碼在附錄中可以找到，不在贅述。而其菜單樣式就是圖5-9中左邊部分的菜單樣式，最上邊是問候語“歡迎光臨tdk用戶社區(qū)”，中間部分是菜單按鈕，點(diǎn)擊可以分別進(jìn)入各個(gè)頁(yè)面，最下面是技術(shù)支持，即編寫網(wǎng)頁(yè)的團(tuán)體部門或者個(gè)人所屬單位，這里選取后者。這里運(yùn)用了分頁(yè)顯示效果，有“第一頁(yè)”、“上一頁(yè)”、“下一頁(yè)”、“最后一頁(yè)”各個(gè)超鏈接可以將頁(yè)面進(jìn)行移動(dòng)。這里主要是運(yùn)用了recordset中的page有關(guān)的pagesize、absolutepage、pagecount、movenext等屬性和方法的設(shè)計(jì)來完成記錄的分頁(yè)顯示的。5.

44、4.2 瀏覽企業(yè)新聞圖5-9就是用戶登陸用戶界面后的狀態(tài)，右邊框架指向的第一個(gè)頁(yè)面是“瀏覽企業(yè)新聞頁(yè)面，用一個(gè)表格列出了新聞的編號(hào)、類型、標(biāo)題和發(fā)表時(shí)間，且記錄分頁(yè)顯示，點(diǎn)擊標(biāo)題即可查看相應(yīng)的新聞內(nèi)容，如圖5-10所示，這里運(yùn)用sql語句的查詢語句select在gongchang表格中查詢新聞內(nèi)容gmess，并將其顯示到表格的正文部分，gctitle的標(biāo)題部分也相應(yīng)顯示到標(biāo)題部分中去，字體做出相應(yīng)的設(shè)置，使得其中的顯示錯(cuò)落有致，賞心悅目。顯示效果可以從圖中看出：圖5-10 新聞內(nèi)容在內(nèi)容頁(yè)中設(shè)置了一個(gè)超鏈接“返回列表“，用于返回以上新聞列表。5.4.3 查看產(chǎn)品信息點(diǎn)擊菜單項(xiàng)的“查看產(chǎn)品信息“

45、，即可進(jìn)入產(chǎn)品介紹頁(yè)面，如圖5-11所示：圖5-11 產(chǎn)品介紹該頁(yè)面顯示一條產(chǎn)品信息，可以點(diǎn)擊下面的“第一個(gè)”、“上一個(gè)”、“下一個(gè)”、“最后一個(gè)”實(shí)現(xiàn)記錄的位置移動(dòng)。這里的圖片是可以隨著記錄的位置變化而做出相應(yīng)變化的，主要是運(yùn)用圖片名稱的設(shè)置和記錄的cpname之間的關(guān)聯(lián)實(shí)現(xiàn)這種功能的，具體的實(shí)現(xiàn)過程可以參見管理員的“添加產(chǎn)品信息”部分的設(shè)計(jì)。這里的記錄的位置移動(dòng)設(shè)計(jì)是利用recordset中有關(guān)position的absoluteposition、movenext、moveprevious、movelast、movefirst等屬性和方法實(shí)現(xiàn)的。點(diǎn)擊“預(yù)定產(chǎn)品”超鏈接進(jìn)入產(chǎn)品預(yù)定頁(yè)面，如圖5

46、-12所示：圖5-12 產(chǎn)品預(yù)定這個(gè)頁(yè)面分成兩個(gè)部分，用一道線分割，上面部分是真名驗(yàn)證，因?yàn)轭A(yù)定產(chǎn)品需要用到真實(shí)信息了，而不能僅僅靠用戶賬號(hào)就可以辦到的，點(diǎn)擊“驗(yàn)證是否合法”會(huì)用腳本去判斷其是否符合名字規(guī)范。如果合法，點(diǎn)擊提交會(huì)將用戶的真實(shí)姓名保存到guest表的realname中，以備后用。沒有驗(yàn)證真名就去提交訂單就會(huì)出現(xiàn)如下提示信息：圖5-13 沒有驗(yàn)證真名的提示信息點(diǎn)擊這里的“確定”按鈕，還會(huì)顯示圖5-12的訂購(gòu)頁(yè)面，讓用戶區(qū)驗(yàn)證真名。而驗(yàn)證過真名以后就可以提交訂單表了，如果有不填數(shù)量會(huì)有提示信息“請(qǐng)輸入訂購(gòu)數(shù)量”，輸入的產(chǎn)品號(hào)有誤會(huì)提示“沒有該產(chǎn)品，請(qǐng)檢查產(chǎn)品輸入是否正確！”該判定的流

47、程如下：開始修改數(shù)量輸入產(chǎn)品號(hào)是否訂購(gòu)過訂單生成結(jié)束yn圖5-14 判定是否訂購(gòu)過某產(chǎn)品的流程訂單填寫無誤，便可以提交，但如果該產(chǎn)品已經(jīng)訂購(gòu)，如果想繼續(xù)訂購(gòu)，就可以添加數(shù)量，會(huì)提示“你已經(jīng)預(yù)定該產(chǎn)品了，修改數(shù)量即可！”并跳轉(zhuǎn)到如下頁(yè)面，這個(gè)頁(yè)面通過網(wǎng)頁(yè)的trim.querystring方法得到上一頁(yè)用get方法傳遞過來的cpno參數(shù)并顯示出來。并用數(shù)據(jù)庫(kù)查詢語句查詢到該cpno的產(chǎn)品在訂單中的原來數(shù)量并顯示出來，接下來用一個(gè)表單項(xiàng)控制要修改的數(shù)量，利用表單的文本框?qū)⑿薷臄?shù)量傳遞給yuding2.asp進(jìn)行處理，yuding2.asp用update語句將dingdan表的mass字段進(jìn)行修改，這

48、樣就完成了對(duì)已訂購(gòu)產(chǎn)品的再次訂購(gòu)數(shù)量的修改過程了。圖5-15 續(xù)訂頁(yè)面首次訂購(gòu)填寫無誤或者續(xù)訂成功后會(huì)有提示信息“訂單已提交，請(qǐng)等候管理員聯(lián)系！”出現(xiàn)此提示表明該產(chǎn)品的訂購(gòu)數(shù)量修改成功了。5.4.4 發(fā)表留言點(diǎn)擊菜單項(xiàng)的“發(fā)表留言”，進(jìn)入留言區(qū)，如下圖5-16所示：圖5-16 留言頁(yè)面在留言區(qū)里首先有一條歡迎語，即“歡迎xxx來社區(qū)交流，你在這里可以暢所欲言！”其中xxx為用戶賬號(hào)名，可以動(dòng)態(tài)顯示登陸者的名字，實(shí)際上就是讀取session中的“uname”并顯示出來。同樣可以將這個(gè)信息擴(kuò)展開來，查詢到名為這個(gè)“uname”的guest表中的記錄的性別、頭像顯示在下面的表格中去，這個(gè)類似于qq中

49、的頭像和賬號(hào)顯示。接下來可以輸入留言信息，輸入時(shí)可以控制字體和字號(hào)大小，用于顯示。點(diǎn)擊提交，便可以把留言內(nèi)容保存到數(shù)據(jù)庫(kù)中的liuyan表中。沒有輸入字體而提交會(huì)有錯(cuò)誤提示“留言不能為空！”當(dāng)用戶輸入一些信息并提交后便是留言成功了，并提示“發(fā)言成功！”該功能中對(duì)字體和字大小的控制只會(huì)在顯示頁(yè)面中體現(xiàn)出來，而不會(huì)在該頁(yè)面中立即顯示，只是在liuyan表中設(shè)置了lcolor和lface兩個(gè)量進(jìn)行控制，所以會(huì)有這樣的局限性。5.4.5求職申請(qǐng)看過企業(yè)一些新聞的一些人肯定被企業(yè)的工作所吸引了，想要求職點(diǎn)擊菜單項(xiàng)的“求職申請(qǐng)即可進(jìn)入求職頁(yè)面：圖5-17 求職頁(yè)面有點(diǎn)像預(yù)定產(chǎn)品的頁(yè)面吧？是的，不過有不同之

50、處，預(yù)定產(chǎn)品頁(yè)面是在新窗口中加載的，它是為了讓用戶在預(yù)定產(chǎn)品時(shí)既能預(yù)定，又能瀏覽對(duì)產(chǎn)品的介紹信息，方便用戶預(yù)定。而這里不需要瀏覽什么信息，只要想求職即可填寫求職信息。與訂單的填寫過程一樣，如果沒有驗(yàn)證過真名的會(huì)有圖5-13的錯(cuò)誤提示。驗(yàn)證過真名的，便可以填寫求職申請(qǐng)并提交了。沒有驗(yàn)證真名的會(huì)有提示信息“請(qǐng)驗(yàn)證真名！”如果用戶已經(jīng)發(fā)出過申請(qǐng)， 會(huì)提示“你已經(jīng)申請(qǐng)了，無需再次！”這個(gè)判斷主要是通過qiuzhi表中的gname字段項(xiàng)的索引設(shè)置成了“無重復(fù)”，并且腳本代碼中也對(duì)這種情況作出了相應(yīng)的處理，所以當(dāng)用戶再次點(diǎn)擊求職部分的會(huì)有這樣的提示信息。填寫無誤并提交即求職成功，會(huì)出現(xiàn)以下提示：圖5-18

51、 求職成功點(diǎn)擊提示信息的“確定”按鈕，便會(huì)通過腳本部分的goback()函數(shù)回到圖5-17的求職頁(yè)面。5.4.6 查看留言點(diǎn)擊菜單項(xiàng)的“查看所有留言”便會(huì)呈現(xiàn)所有用戶發(fā)表的留言，方便用戶之間交流，是一個(gè)比較好的交互平臺(tái)。如下圖所示：圖5-19 查看留言 這里就是使用了普通的查詢功能，查詢留言表中的內(nèi)容，并合理地顯示出來，并能夠分頁(yè)顯示，每頁(yè)設(shè)置顯示10條記錄。這里的顯示信息五顏六色，字體也各不相同，主要是把用戶留言的時(shí)候進(jìn)行的字體和字體顏色的設(shè)置信息一并顯示的出來，這主要是運(yùn)用了liuyan表中的lface和了color兩個(gè)字段的存儲(chǔ)功能和html語言中字體的face和color兩個(gè)屬性來實(shí)現(xiàn)

52、的。這里也用到了記錄的分頁(yè)顯示，效果如圖5-19中顯示所示。5.4.7 客戶服務(wù)區(qū)點(diǎn)擊菜單項(xiàng)的“客戶服務(wù)區(qū)”，便進(jìn)入客服頁(yè)面了，圖5-20 客服頁(yè)面最頂端顯示的內(nèi)容為用戶頭像（可以在設(shè)置個(gè)人信息中設(shè)置頭像信息）、賬號(hào)、問候內(nèi)容、管理對(duì)其留言的回復(fù)數(shù)量、一個(gè)長(zhǎng)連接。這個(gè)超鏈接用于連接到查看回復(fù)內(nèi)容的頁(yè)面。圖中回復(fù)數(shù)量為零，如果點(diǎn)擊查看會(huì)有提示“暫無回復(fù)！”并返回到客服頁(yè)面，如果有回復(fù)信息，如另一個(gè)賬號(hào)的客戶服務(wù)區(qū)的頂部有這樣的顯示，點(diǎn)擊查看就可以成功地跳轉(zhuǎn)到查看回復(fù)頁(yè)面了，回復(fù)頁(yè)面如下所示：圖5-21 回復(fù)頁(yè)面這里用到了記錄的分頁(yè)顯示，當(dāng)回復(fù)內(nèi)容過多時(shí)，便于顯示。點(diǎn)擊“返回上頁(yè)”可以返回到客服頁(yè)

53、面。 客服頁(yè)面的中間部分是tdk的各種人工服務(wù)聯(lián)系方式，包括電話、電子郵箱、通訊地址、qq群和一些歡迎語等。最下邊是一個(gè)評(píng)論區(qū)：圖5-22 回復(fù)頁(yè)面這個(gè)評(píng)論區(qū)用于接受用戶的評(píng)論，以對(duì)系統(tǒng)做出改變，來滿足用戶的需求。該評(píng)論區(qū)中每個(gè)用戶只能做出一次評(píng)論，如果再次評(píng)論會(huì)提示“您已經(jīng)發(fā)表過評(píng)論了！”評(píng)論也不能為空，否則會(huì)提示“評(píng)論不能為空！”圖5-23 提示信息評(píng)論無誤并且是首次評(píng)論，便會(huì)提交成功，提示信息如圖5-23。點(diǎn)擊“確定”回到用戶的客服頁(yè)面。5.4.8 用戶系統(tǒng)功能用戶系統(tǒng)功能包括設(shè)置個(gè)人信息、修改我的密碼和退出系統(tǒng)3個(gè)部分，這3項(xiàng)功能都在菜單項(xiàng)中，分別點(diǎn)擊進(jìn)入相關(guān)頁(yè)面，如下列圖示：其中圖5

54、-24是設(shè)置信息的頁(yè)面，這個(gè)頁(yè)面是根據(jù)qq中設(shè)置頭像等信息的思路來設(shè)計(jì)的，。后面的幾個(gè)選項(xiàng)都是文本框的輸入，上面多次進(jìn)行介紹，不在贅述。而第二行的頭像信息的設(shè)置時(shí)比較有趣的，這里主要運(yùn)用了一個(gè)下拉列表框和一個(gè)圖片顯示項(xiàng)就完成了頭像的選擇，顯示和儲(chǔ)存過程。設(shè)計(jì)思路如下，下拉列表框的個(gè)選項(xiàng)的id設(shè)置設(shè)置為圖片的路徑名稱，列表框的名稱為數(shù)據(jù)庫(kù)中的名稱fp，例如頭像1的id名稱為“img2/image1.gif”，這樣便把選擇的fp值儲(chǔ)存到數(shù)據(jù)庫(kù)了。只需將的id設(shè)置為fp即可，如下圖：圖5-24 設(shè)置個(gè)人信息下圖：5-25則是修改我的密碼的頁(yè)面，表單信息是一個(gè)3行2列的表格構(gòu)成的，3個(gè)文本框作為輸入信息進(jìn)行提交。圖5-25 設(shè)置我的密碼進(jìn)入設(shè)置信息頁(yè)面后可進(jìn)行各項(xiàng)設(shè)置，有不填的必要信息便提示“為方便聯(lián)系，請(qǐng)?zhí)顚懕靥顑?nèi)容！”而當(dāng)進(jìn)入修改我的密碼頁(yè)面后原密碼不對(duì)，會(huì)提示“對(duì)不起，你輸入的用戶名或者密碼