畢業(yè)設計---基于bs的工藝品展示系統(tǒng)的設計與實現(xiàn)

1、<p>　　基于B/S的工藝品展示系統(tǒng)的設計與實現(xiàn)</p><p>　　基于B/S的工藝品展示系統(tǒng)的設計與實現(xiàn)</p><p><b>　　摘 要</b></p><p>　　隨著企業(yè)競爭的日漸激烈，企業(yè)需要使用更有效的信息化手段，拓展經(jīng)營空間，減低經(jīng)營成本。本設計就是針對這一現(xiàn)狀，將網(wǎng)絡作為企業(yè)產(chǎn)品的展示平臺，運用SQL SER

2、VER 2000數(shù)據(jù)庫和ASP程序語言開發(fā)實現(xiàn)了一個工藝品展示系統(tǒng)。本系統(tǒng)由前臺展示和后臺管理組成。前臺實現(xiàn)了用戶注冊、用戶留言、工藝品定購、工藝品和新聞的查詢、工藝品展示等功能；后臺實現(xiàn)了管理員的管理、留言板管理、工藝品信息的管理、新聞管理和定單管理。</p><p>　　本文首先簡單介紹了展示系統(tǒng)設計方案實施的重要意義和開發(fā)目的。其次對系統(tǒng)整體需求進行了詳細的分析，主要介紹了系統(tǒng)功能分析以及通過分析給出其功能

3、模塊圖和系統(tǒng)流程圖。然后對數(shù)據(jù)庫的設計進行了詳細的介紹，并繪制了實體關系圖。最后對整個系統(tǒng)相應功能模塊的實現(xiàn)方法進行了闡述。此外，對系統(tǒng)測試結果和在程序開發(fā)過程中遇到的問題及解決辦法給出了簡要的說明。</p><p>　　關鍵詞：ASP；SQL Server 2000；工藝品展示系統(tǒng)</p><p>　　Design and Implementation of the Handicraft

4、 Exhibit System Based on B/S</p><p><b>　　Abstract</b></p><p>　　With the fact that enterprises compete gradually fierce，enterprise needs to use the more effective informatization mean

5、s to expand the operating space and reduce the operating cost. This design aims at present situation，regards the network as an exhibit platform for enterprise products, develops and realizes the handicraft exhibit syste

6、m by using SQL Server 2000 database and ASP programming language. The system is composed of the foreground exhibit and background management. The foreground exhi</p><p>　　Firstly, the thesis gives the signif

7、icance and the developing purpose on putting the design plan of exhibit system into effect. Secondly, it analyzes the integral requirements of this system in detail which is mainly about the functional analysis of the sy

8、stem as well as its functional module chart and system flowchart. And then it has introduces the design of database in detail, and drawn entity relationship diagram. Finally this thesis elaborates the ways to realize cor

9、responding functional mo</p><p>　　Keywords: ASP; SQL Server2000; handicraft exhibit system</p><p><b>　　目 錄</b></p><p><b>　　論文總頁數(shù)：27頁</b></p><p

10、><b>　　1引言1</b></p><p>　　1.1本課題研究的意義1</p><p>　　1.2系統(tǒng)的開發(fā)目的1</p><p>　　2系統(tǒng)需求分析1</p><p>　　2.1系統(tǒng)功能需求分析2</p><p>　　2.2系統(tǒng)數(shù)據(jù)分析2</p>

11、<p>　　2.3系統(tǒng)功能模塊示意圖3</p><p>　　2.4系統(tǒng)流程圖設計3</p><p>　　2.5系統(tǒng)運行環(huán)境5</p><p><b>　　3數(shù)據(jù)庫設計6</b></p><p>　　3.1數(shù)據(jù)庫概念結構設計E-R圖6</p><p>　　3.2數(shù)據(jù)

12、庫邏輯結構設計8</p><p><b>　　4系統(tǒng)實現(xiàn)10</b></p><p>　　4.1系統(tǒng)實現(xiàn)技術10</p><p>　　4.1.1ASP技術介紹10</p><p>　　4.1.2VBScript介紹11</p><p>　　4.1.3JavaScript介紹1

13、1</p><p>　　4.1.4開發(fā)插件---eWebEditor11</p><p>　　4.2系統(tǒng)前臺功能分析12</p><p>　　4.2.1數(shù)據(jù)庫連接功能12</p><p>　　4.2.2用戶注冊功能12</p><p>　　4.2.3用戶登陸功能14</p><p

14、>　　4.2.4搜索功能14</p><p>　　4.2.5會員中心功能詳解15</p><p>　　4.3系統(tǒng)后臺功能分析19</p><p>　　4.3.1管理員登陸功能19</p><p>　　4.3.2管理員管理功能19</p><p>　　4.3.3工藝品信息管理20</p

15、><p>　　4.3.4新聞管理功能22</p><p>　　4.3.5后臺定單管理功能22</p><p>　　4.3.6留言板管理功能23</p><p>　　4.4系統(tǒng)設計過程中遇到的主要問題及解決辦法23</p><p><b>　　5系統(tǒng)測試24</b></p>

16、;<p>　　5.1用戶注冊24</p><p>　　5.2用戶登陸24</p><p>　　5.3會員中心24</p><p>　　5.4搜索功能24</p><p>　　5.5管理員管理24</p><p>　　5.6工藝品信息和新聞信息管理24</p><

17、p>　　5.7定單管理24</p><p>　　5.8留言管理24</p><p><b>　　結 論25</b></p><p><b>　　參考文獻25</b></p><p><b>　　致 謝26</b></p><p&

18、gt;<b>　　聲 明27</b></p><p><b>　　引言</b></p><p><b>　　本課題研究的意義</b></p><p>　　隨著科學技術的不斷提高，網(wǎng)絡技術日漸成熟，網(wǎng)絡與人們的生活越來越緊密的聯(lián)系在一起?；ヂ?lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道，已進入人

19、類社會的各個領域并發(fā)揮著越來越重要的作用。 </p><p>　　隨著現(xiàn)代人對工藝品興趣的不斷提高，生產(chǎn)工藝品的相關企業(yè)不斷的建立，企業(yè)之間的競爭越來越激烈，企業(yè)需要使用更有效的信息化手段，拓展經(jīng)營空間，減低運營成本。傳統(tǒng)的企業(yè)推廣方式大部分都是將廣告刊登在報紙、電視和雜志上，基本實現(xiàn)了人們對該企業(yè)產(chǎn)品的了解，但是這種傳統(tǒng)的推廣方式增加了企業(yè)的經(jīng)營成本，并且介于廣告形式的限制，無法滿足企業(yè)在競爭加劇的今天實現(xiàn)產(chǎn)品

20、信息的即時發(fā)布和信息的全面化。經(jīng)濟效益作為一個企業(yè)發(fā)展的宗旨，如何經(jīng)濟、有效的推廣產(chǎn)品就成為了企業(yè)發(fā)展的一個重要因素。針對互聯(lián)網(wǎng)的開放性、分布性的特點和其突破了時間和空間限制的強大功能，越來越多的企業(yè)開始建立了自己的企業(yè)網(wǎng)站，通過網(wǎng)站展示產(chǎn)品，發(fā)布最新動態(tài)，與用戶進行交流和溝通，以及開展電子商務等。展示系統(tǒng)可以用來動態(tài)的發(fā)布有關企業(yè)產(chǎn)品的相關信息以及實現(xiàn)產(chǎn)品的網(wǎng)上預定，通過展示系統(tǒng)企業(yè)也可以有效的管理產(chǎn)品并根據(jù)人們對產(chǎn)品信息瀏覽之后的反

21、饋進一步完善企業(yè)產(chǎn)品。人們通過展示系統(tǒng)也可以足不出戶的了解到各類工藝品的詳細信息以及訂購產(chǎn)品。展示系統(tǒng)拓展了企業(yè)的經(jīng)營空間，減低了各種運營成本，吸引了更多的顧客，擴大了顧客群，這就是本系統(tǒng)設計的重要意義。</p><p><b>　　系統(tǒng)的開發(fā)目的</b></p><p>　　通過建立一個企業(yè)網(wǎng)站來展示自己的產(chǎn)品是非常有必要的，不僅可以給企業(yè)帶來經(jīng)濟效益，也起到了推廣

22、和宣傳企業(yè)的作用。建立一個產(chǎn)品展示系統(tǒng)不但可以讓客戶獲取到最新產(chǎn)品的相關信息，企業(yè)自身也可以通過系統(tǒng)有效的管理產(chǎn)品。我們都知道推廣一種新產(chǎn)品的費用是巨大的，需要做大量的昂貴的廣告，然而一旦企業(yè)建立了自己的網(wǎng)站，客戶就可以通過便利的網(wǎng)絡對企業(yè)網(wǎng)站進行瀏覽，了解企業(yè)的相關信息。網(wǎng)絡是企業(yè)能夠進入的最廉價的市場，還會讓企業(yè)了解到客戶對產(chǎn)品的看法。一個企業(yè)要為眾多的民眾服務，企業(yè)就必須建立自己的網(wǎng)站，在這信息的高速公路上宣傳自己高效的工作。企業(yè)

23、網(wǎng)站給客戶、潛在客戶，特別是大客戶及海外客戶，帶來了便利的聯(lián)系，增加了了解，增強了信任感。具有網(wǎng)上展示平臺的企業(yè)自然是廣大客戶要打交道的首選，沒有網(wǎng)站展示自己產(chǎn)品的企業(yè)將失去越來越多的機會而最終被淘汰。</p><p><b>　　系統(tǒng)需求分析</b></p><p>　　在構造系統(tǒng)時，首先從需求出發(fā)構造了數(shù)據(jù)庫表，然后再由數(shù)據(jù)庫表結合需求劃分出系統(tǒng)需要實現(xiàn)的功能模塊

24、。在這里把系統(tǒng)分成了前后臺的管理，這樣相當于把系統(tǒng)又分成了兩個小系統(tǒng)。前臺是用戶瀏覽信息的界面，實現(xiàn)注冊會員與一般用戶的功能區(qū)分。后臺作為管理員的界面，實現(xiàn)對信息的維護和更新。系統(tǒng)劃分了子系統(tǒng)后，下一步的工作是繼續(xù)劃分子系統(tǒng)的小模塊。先考慮在進入子系統(tǒng)時應該做什么，進入系統(tǒng)之后又應該做什么，提供那些服務等。例如，前臺的注冊用戶登陸后可以進行定購、留言、修改注冊信息等操作。管理員進入后臺子系統(tǒng)可以實現(xiàn)增加、修改、刪除工藝品和新聞的信息以及

25、回復留言，查看定單等功能。為了后臺管理的安全性還對管理員的權限進行了設置。</p><p><b>　　系統(tǒng)功能需求分析</b></p><p>　　系統(tǒng)功能是通過前后臺管理實現(xiàn)的，前臺主要是注冊后的會員的功能實現(xiàn)，后臺為管理員對系統(tǒng)的管理和維護。下面對前后臺的功能做出介紹。</p><p><b>　　前臺功能介紹：</b&g

26、t;</p><p>　　（1）注冊管理：實現(xiàn)一般用戶的注冊，注冊會員可以進入會員中心修改自己的注冊信息和登陸密碼。</p><p>　　（2）定單管理：注冊會員可以對瀏覽的展品進行定購，對定單進行查詢以及取消定單。</p><p>　?。?）留言板：注冊會員可以通過留言板進行留言。</p><p>　?。?）搜索功能：所有的用戶都能夠?qū)θ?/p>

27、信息進行模糊搜索，可以通過搜索結果進入相應主題。</p><p><b>　　后臺功能介紹：</b></p><p>　　（1）管理員管理：系統(tǒng)管理員可以增加、刪除一般管理員，設置一般管理員的權限。一般管理員登陸后根據(jù)自己的權限對相應的模塊進行管理，并對管理模塊中的信息進行更新和維護。管理員都可以修改自己的登陸密碼。</p><p>　?。?）

28、定單管理：具有權限的管理員可以對注冊用戶的定單進行查詢、刪除。</p><p>　?。?）留言板管理：具有權限的管理員對用戶反饋信息進行回復、刪除。</p><p>　?。?）信息管理：實現(xiàn)網(wǎng)站內(nèi)容的更新與維護，可以添加、修改、刪除新聞內(nèi)容和產(chǎn)品信息（包括圖片與文字）。</p><p><b>　　系統(tǒng)數(shù)據(jù)分析</b></p>&

29、lt;p>　　系統(tǒng)的數(shù)據(jù)分析是進行系統(tǒng)功能劃分和系統(tǒng)設計最重要的一個環(huán)節(jié)，本數(shù)據(jù)庫主要有用戶信息、管理員信息、新聞信息、留言板信息、定單信息、工藝品信息。以下是系統(tǒng)所需的數(shù)據(jù)項和數(shù)據(jù)結構的使用情況：</p><p>　　(1) 用戶信息：包括的數(shù)據(jù)項有：編號、用戶名、用戶密碼、用戶留言時間、性別、郵政編碼、聯(lián)系地址、聯(lián)系電話、郵箱地址。</p><p>　　(2) 管理員信息：包括的

30、數(shù)據(jù)項有：編號、用戶名、密碼、權限。</p><p>　　(3) 新聞信息：包括的數(shù)據(jù)項有：編號、新聞標題、新聞類別、新聞來源、新聞點擊數(shù)、新聞發(fā)布時間、新聞具體內(nèi)容、新聞發(fā)布人。</p><p>　　(4) 留言板信息：包括的數(shù)據(jù)項有：編號、留言內(nèi)容、留言人、回復內(nèi)容、管理員名稱、回復時間、留言時間。</p><p>　　(5) 定單信息：包括的數(shù)據(jù)項有：編號、定

31、單號、工藝品編號、下定單時間、工藝品數(shù)量。</p><p>　　(6) 工藝品信息：包括的數(shù)據(jù)項有：編號、工藝品類型、工藝品名稱、工藝品來源、工藝品點擊數(shù)、工藝品發(fā)布時間、工藝品說明。</p><p><b>　　系統(tǒng)功能模塊示意圖</b></p><p>　　根據(jù)系統(tǒng)的功能需求分析畫出系統(tǒng)的功能模塊圖，如圖2-1所示。</p>

32、<p>　　圖2-1 系統(tǒng)功能模塊圖</p><p><b>　　系統(tǒng)流程圖設計</b></p><p>　　根據(jù)系統(tǒng)的總體設計，系統(tǒng)分成了前后臺進行管理。首頁設計成進入各個頁面的主界面，用戶可以從該界面開始瀏覽查詢信息，登陸后實現(xiàn)會員功能。在該界面中有一個進入管理員登陸界面的通道。此外，還設置了一個用戶注冊的通道。所有的用戶都可以瀏覽展示的工藝品信息和工藝

33、品相關新聞，但是不能夠定購和留言，實現(xiàn)這個功能需要是注冊會員。用戶可以通過注冊通道成為會員，當會員正確輸入用戶名和密碼以后，接著就可以進入注冊用戶管理控制區(qū)。</p><p>　　會員對瀏覽的產(chǎn)品可以定購，當會員選擇第一個產(chǎn)品時系統(tǒng)會自動產(chǎn)生一個相應的定單號，在該定單沒有被提交之前，此后該會員選擇的產(chǎn)品都將相應的放入該定單中，定購成功以后可以在會員中心查詢定單情況以及取消定單。</p><p&

34、gt;　　進入會員中心的用戶可以修改自己的注冊信息，修改登陸時的驗證密碼，查詢定單情況。</p><p>　　沒有登陸的用戶可以查看用戶留言，但是不能通過留言板留言。會員登陸后可以在查看留言的同時，進行留言來反饋信息。</p><p>　　以上是系統(tǒng)前臺部分的具體功能實現(xiàn)，根據(jù)上述的功能說明，建立了系統(tǒng)的前臺流程圖，如圖2-2所示。</p><p>　　圖2-2 系

35、統(tǒng)前臺流程圖</p><p>　　要對整個系統(tǒng)進行管理和維護就需要設置一些管理界面，下面就是后臺管理的設計。</p><p>　　要進行后臺管理首先要有一個管理員登陸驗證，管理員輸入正確的用戶名和密碼后進入后臺管理界面。在這里設置了一個超級管理員admin，這個管理員需要在數(shù)據(jù)庫中直接添加，是不可以在管理員管理界面被刪除的。Admin設置的系統(tǒng)管理員可以增加、刪除不同權限的管理員，管理員登

36、陸后根據(jù)權限對展示的工藝品詳細信息和新聞信息進行添加、修改和刪除（包括文字和圖片），對會員下的定單進行查詢、刪除以及對會員的留言進行回復、刪除。</p><p>　　根據(jù)上述說明，建立了系統(tǒng)后臺流程圖，如圖2-3所示。</p><p>　　圖2-3 系統(tǒng)后臺流程圖</p><p><b>　　系統(tǒng)運行環(huán)境</b></p><

37、p>　　為了保證系統(tǒng)運行的效率和可靠性，系統(tǒng)服務器端應具有較高的軟硬件配置，客戶端的要求不是很高。系統(tǒng)運行環(huán)境要求如下：</p><p><b>　　1.軟件環(huán)境：</b></p><p>　　客戶端： Windows98/NT/XP，Internet Explorer(IE)等</p><p>　　服務器端：Windows NT/Wi

38、ndows2000，Internet Information Server (IIS)5.0及其以上版本，IE等。</p><p>　　數(shù)據(jù)庫：采用SQL SERVER 2000，運行于服務器端。</p><p><b>　　2.硬件環(huán)境：</b></p><p>　　服務器 CPU:PIII 500以上, 內(nèi)存：256M以上</p>

39、;<p>　　客戶機 CPU:P200MMX以上，內(nèi)存：32M以上</p><p><b>　　數(shù)據(jù)庫設計</b></p><p>　　數(shù)據(jù)庫設計的全過程首先是對系統(tǒng)所需數(shù)據(jù)進行分析，然后根據(jù)數(shù)據(jù)分析建立概念性數(shù)據(jù)模型，最后進行邏輯設計。</p><p>　　數(shù)據(jù)庫概念結構設計E-R圖</p><p>　　

40、數(shù)據(jù)庫概念結構設計是數(shù)據(jù)庫應用程序開發(fā)一個非常關鍵的環(huán)節(jié)，它具有一定的獨立性，通常采用E-R圖（實體—關系圖）的方法進行設計，它能將用戶的數(shù)據(jù)要求明確地表達出來。</p><p>　　根據(jù)數(shù)據(jù)項和數(shù)據(jù)結構可以設計各種實體以及它們之間的聯(lián)系，其中規(guī)劃出的實體有：管理員基本信息（如圖3-1）、用戶信息（如圖3-2）、工藝品信息（如圖3-3）、新聞信息（如圖3-4）、定單信息（如圖3-5）、留言板信息（如圖3-6）。&

41、lt;/p><p><b>　　各實體圖如下：</b></p><p>　　圖3-1管理員基本信息</p><p><b>　　圖3-2 用戶信息</b></p><p>　　圖3-3 工藝品信息</p><p><b>　　圖3-4 新聞信息</b><

42、;/p><p><b>　　圖3-5定單信息</b></p><p>　　圖3-6 留言板信息</p><p>　　數(shù)據(jù)庫實體關系圖，如圖3-7所示。</p><p>　　圖3-7 數(shù)據(jù)庫實體關系圖</p><p><b>　　數(shù)據(jù)庫邏輯結構設計</b></p>&

43、lt;p>　　經(jīng)過前面的需求分析和概念結構設計以后，需要將數(shù)據(jù)庫概念結構轉化為SQL Server 2000數(shù)據(jù)庫系統(tǒng)所支持的實際數(shù)據(jù)模型，也就是數(shù)據(jù)庫的邏輯結構。在實體以及實體之間關系的基礎上，形成數(shù)據(jù)庫中的表格。工藝品展示系統(tǒng)數(shù)據(jù)庫中共有十個表：用戶信息表tb_Guest、管理員信息表Admin、新聞信息表tb_news、新聞類型表tb_news、留言板信息表tb_ReContent、工藝品類型表tb_shangpinType

44、、工藝品詳細信息表tb_shanpin、工藝品圖片信息表TBL_PicNew、定單表tb_Book和定單詳細信息表tb_BookList。</p><p>　　下面分別介紹這些表的結構：</p><p>　　表3-1 Admin（保存后臺管理員信息）</p><p>　　表3-2 tb_Guest（保存前臺用戶信息）</p><p>　　

45、表3-3 tb_news（存儲新聞的信息）</p><p>　　表3-4 tb_NewsType（存儲新聞類型的信息）</p><p>　　表3-5 tb_ReContent（保存留言板信息）</p><p>　　表3-6 tb_shangpinType（存儲工藝品類型信息）</p><p>　　表3-7 tb_shanpin（保存

46、工藝品詳細信息）</p><p>　　表3-8 TBL_PicNew（工藝品圖片信息）</p><p>　　表3-9 tb_Book（定單信息）</p><p>　　表3-10 tb_BookList（保存定單的詳細信息）</p><p><b>　　系統(tǒng)實現(xiàn)</b></p><p><

47、;b>　　系統(tǒng)實現(xiàn)技術</b></p><p><b>　　ASP技術介紹</b></p><p>　　Microsoft Active Server Pages 即我們所稱的ASP，其實是一套微軟開發(fā)的服務器端腳本環(huán)境。Active Server Page 是創(chuàng)建動態(tài)網(wǎng)頁的一個很好的工具，它起一種編程語言的作用，可以利用它編寫動態(tài)產(chǎn)生HTML的程序

48、代碼。因此，只要用戶瀏覽Web站點并請求一個ASP頁，Web服務器就可以處理相應的ASP代碼，生成HTML代碼，然后將它傳遞到用戶瀏覽器并顯示出網(wǎng)頁。通過ASP我們可以結合HTML網(wǎng)頁、ASP指令和ActiveX元件建立動態(tài)、交互且高效的WEB服務器應用程序。有了ASP就不必擔心客戶的瀏覽器是否能運行所編寫的代碼，因為所有的程序都將在服務器端執(zhí)行，包括所有嵌在普通HTML中的腳本程序。當程序執(zhí)行完畢后，服務器僅將執(zhí)行的結果返回給客戶瀏覽

49、器，這樣也就減輕了客戶端瀏覽器的負擔，大大提高了交互的速度。</p><p>　　ASP具有以下幾個特點：</p><p>　　(1) 使用 VBScript 、 JavaScript 等簡單易懂的腳本語言，結合 HTML 代碼，即可快速地完成網(wǎng)站的應用程序。 </p><p>　　(2) 無須手動編譯或連接程序，可在服務器端直接執(zhí)行。</p>

50、<p>　　(3) 面向?qū)ο螅∣bject Oriented），并可擴展ActiveX Server組件功能。</p><p>　　(4) 存取數(shù)據(jù)庫輕松容易（使用ADO組件）。</p><p>　　(5) 可使用任何語言編寫自己的ActiveX Server組件。</p><p>　　(6) 無瀏覽器兼容問題，用戶端只需使用可執(zhí)行 HTML 代碼的瀏

51、覽器，即可瀏覽 Active Server Pages 所設計的網(wǎng)頁內(nèi)容。</p><p>　　(7) 程序代碼隱蔽，在客戶端僅可看到由ASP輸出的動態(tài)HTML文件，提高了程序的安全性。</p><p>　　ASP提供了6個功能強大的內(nèi)置對象，每個對象具有各自的屬性（Property）、方法（Method），有的還擁有數(shù)據(jù)集合（Collection）與事件（Event），它們共同完成Web

52、中的一些重要工作。這6個對象及其功能描述如下：</p><p>　　(1) Request：獲取由瀏覽器端返回服務器端的數(shù)據(jù)。</p><p>　　(2) Response：決定何時或者如何將輸出由服務器端傳送至瀏覽器端。</p><p>　　(3) Session：記錄個別瀏覽器端專用的變量。</p><p>　　(4) Applicati

53、on：記錄不同瀏覽器端共享的變量。</p><p>　　(5) Server：提供服務器端最基本的屬性及方法。</p><p>　　(6) Object Context：提供分布式事務處理。</p><p>　　VBScript介紹 </p><p>　　VBScript程序語言是Microsoft公司將VB程序語言加以簡化，使其較易學習，且

54、完全以配合網(wǎng)頁設計發(fā)展重點，除去了有安全性顧慮的指令，諸如讀寫刪除文件或執(zhí)行系統(tǒng)調(diào)用程序等，使設計者可安心地在Internet上傳送。此外，又加上適合其他操作平臺的可移植性，并大大提升了執(zhí)行效率，使得VBScript廣受網(wǎng)頁設計者的歡迎。</p><p>　　VBScript腳本語言腳本是應用程序在網(wǎng)頁上表達的語言,可以將腳本嵌入Web頁中。通常腳本在服務器上運行,但也可以采用客戶端和服務器端結合使用，VBScr

55、ipt是ASP的默認腳本語言。</p><p>　　JavaScript介紹</p><p>　　JavaScript是1995年由美國Netscape公司為Navigator2.0瀏覽器的應用而發(fā)明的。它是寫在HTML文件中的一種基于對象和事件驅(qū)動并具有安全性能的腳本語言，當用戶在客戶端的瀏覽器中顯示該網(wǎng)頁時，瀏覽器就會執(zhí)行JavaScript程序，讓用戶通過交互式的操作變換網(wǎng)頁的顯示內(nèi)

56、容，以實現(xiàn)HTML語言所不能實現(xiàn)的一些功能。</p><p>　　JavaScript是一種解釋性的，用于客戶端的，基于對象的一種程序開發(fā)語言。在系統(tǒng)的設計過程中可以通過它實現(xiàn)一些客戶端的功能，以減輕服務器運行任務的壓力，從而達到高效率的目的。</p><p>　　開發(fā)插件---eWebEditor </p><p>　　eWebEditor是基于網(wǎng)頁的、所見即所得

57、的在線HTML編輯器。它能夠在網(wǎng)頁上使用所見即所得的編輯方式實現(xiàn)許多桌面編輯軟件（如：Word）所具有的強大可視編輯功能；它是一個真正的綠色軟件，不需要在計算機上安裝任何的客戶端軟件；它的易用使得Web開發(fā)人員只要一行代碼即可完成調(diào)用。</p><p>　　使用eWebEditor可以更好的在后臺編寫新聞動態(tài)、工藝品文章和工藝品詳細介紹等信息，而且提供了辦公軟件所能提供的編輯功能，為介紹信息的編輯提供了相當好的一

58、個平臺。</p><p><b>　　系統(tǒng)前臺功能分析</b></p><p><b>　　數(shù)據(jù)庫連接功能</b></p><p>　　數(shù)據(jù)庫的連接是通過<conn.asp>文件實現(xiàn)的，代碼如下：</p><p>　　<%dim conn</p><p>　

59、　set conn=Server.CreateObject("ADODB.Connection")</p><p>　　conn.Open"Driver={SQLServer};Server=(local);UID=sa;Pwd=;Database=ZZZ"</p><p>　　function SqlSafe (byval strSql)// 定義

60、了一個函數(shù)，實現(xiàn)替換單引號和雙引號。</p><p>　　SqlSafe=replace ((trim (strSql) &""),"'","''")//保證了數(shù)據(jù)庫的安全性，過濾單引號，防止SQL注入。</p><p>　　end function %></p><p&g

61、t;　　conn的含義是定義了一個變量用來存放數(shù)據(jù)庫連接所創(chuàng)建的對象。conn.Open"Driver={SQLServer};Server=(local);UID=sa;Pwd=;Database=ZZZ"則真正實現(xiàn)了數(shù)據(jù)庫的連接。需要連接數(shù)據(jù)的頁面只需在上面加入<!--#include file="inc/conn.asp" -->可使用數(shù)據(jù)庫連接。</p><

62、p><b>　　用戶注冊功能</b></p><p>　　用戶通過在首頁的登陸窗口處設置的注冊通道進入用戶注冊頁面，通過填寫關鍵準確的信息完成用戶信息在數(shù)據(jù)庫的插入后注冊成為會員，而此時的相關信息也是今后默認用戶定購的信息。</p><p>　　注冊功能通過<registation.asp>文件實現(xiàn),<%@LANGUAGE="VBSC

63、RIPT" %>表示腳本語言是VBSCRIPT。<!--#include file="inc/conn.asp" -->表示包含conn.asp文件。主要代碼如下：</p><p>　　set rs=server.CreateObject("adodb.recordset")</p><p>　　rs是一個變量，用來存放一

64、個recordset對象。 </p><p>　　str="select * from tb_ReContent order by DateTime DESC"</p><p>　　變量str代表一個SQL語句，功能是從表tb_ReContent中選出注冊用戶的所有信息的記錄。</p><p>　　rs.open str, conn, 1,1&l

65、t;/p><p>　　該語句的功能是執(zhí)行str語句并把記錄集的結果存儲在變量rs中。</p><p>　　function PassR()</p><p>　　{var UserName = form1.UserName.value;</p><p>　　var PassWords = form1.Passwords.value;</p&g

66、t;<p>　　var checkPWD = form1.checkPWD.value;</p><p>　　var Sex = form1.Sex.value;</p><p>　　var mail = form1.mail.value;</p><p>　　以上語句表示在定義的函數(shù)中把表單提交的值分別賦給UserName等變量。</p>

67、<p>　　if(UserName==""||PassWords==""||checkPWD=="")</p><p>　　{alert("用戶名、密碼不能為空！");</p><p>　　return false;}</p><p>　　else if(PassWords

68、!=checkPWD)</p><p>　　{alert("兩次輸入的密碼不一致!");</p><p>　　return false;}</p><p>　　if(PassWords.length<6)</p><p>　　{alert("密碼位數(shù)太少，請大于6位!");</p>

69、<p>　　return false;}</p><p>　　form1.submit();</p><p>　　return true;}</p><p>　　上面的這段代碼是利用了判斷語句檢查提交的注冊信息是否符合要求。</p><p>　　<input type="button" name="

70、;btn1" value="提交" onclick="PassR()" /></p><p>　　該語句表示插入了一個按鈕，其中的onclick="PassR()"表示如果選中了提交這個按鈕就產(chǎn)生PassR()這個事件。</p><p>　　if request.Form("UserName")

71、<>"" then </p><p>　　UserName=SqlSafe(request.Form("UserName"))</p><p>　　Passwords=SqlSafe(request.Form("Passwords"))</p><p>　　Sex=SqlSafe(request

72、.Form("Sex"))</p><p>　　mail=SqlSafe(request.Form("mail"))</p><p>　　tel=SqlSafe(request.Form("tel"))</p><p>　　address=SqlSafe(request.Form("address

73、")) </p><p>　　PostNum=SqlSafe(request.Form("PostNum"))</p><p>　　這幾句代碼表示如果注冊的用戶名不為空就把得到的數(shù)據(jù)存入變量 UserName等里面。</p><p>　　set rs=server.CreateObject("adodb.recordset&q

74、uot;) </p><p>　　sql="select ID from tb_Guest where UserName='"& UserName &"'"//從表tb_Guest中選出用戶名與提交的用戶名相同的記錄的ID號。</p><p>　　rs.open sql,conn,1,1</p><

75、p>　　if(not rs.eof)then</p><p>　　response.write "<script LANGUAGE='javascript'>alert('已存在該用戶名！');history.go(-1);</script>"</p><p><b>　　else</b>

76、;</p><p>　　sql="insert into tb_Guest(UserName,PWD,Sex,E_mail,Tel,Address,PostNum) &_</p><p>　　values('"&UserName&"','"&Passwords&"',

77、'"&Sex&"','"&mail&"','"&tel&"', &_</p><p>　　'"& address &"','"& PostNum &"

78、9;)"</p><p>　　上面這句判斷語句表示如果記錄不為空（這里是表中用戶名的記錄不為空），則判斷出記錄中已經(jīng)存在該用戶名，利用history.go(-1)跳到前一個頁面重新注冊新的用戶名，如果記錄中還沒有該用戶名的記錄則將用戶表單提交的注冊信息插入到tb_Guest表中。</p><p><b>　　用戶登陸功能</b></p><

79、;p>　　一般用戶通過注冊成為會員后，通過登陸界面輸入正確的用戶名和密碼實現(xiàn)會員功能，登陸功能通過<login.asp>文件實現(xiàn)。</p><p>　　rs.open "select * from tb_Guest where UserName='" & UserName & "'",conn,1,1</p>

80、<p>　　從表tb_Guest中選出用戶名與提交的用戶名相同的所有記錄。</p><p>　　if not rs.eof then//表示如果記錄不為空就執(zhí)行下面的語句。</p><p>　　if PassWd<>rs("PWD") then</p><p>　　response.Write("<scrip

81、t>alert('用戶名或密碼錯誤！');history.go(-1);</script>")</p><p>　　else session("UserName")=rs("UserName")</p><p>　　response.Write("<script>alert(

82、9;登錄成功！');history.go(-1);</script>")</p><p>　　response.Redirect "default.asp" else(略) </p><p>　　該判斷語句是表示，如果用戶輸入的登陸密碼與tb_Guest表中的記錄不一致就提示“登陸失敗”，并返回到上一個頁面重新登陸，如果密碼一致就利用se

83、ssion("UserName")=rs("UserName")語句把提交的變量UserName的值賦給一個session對象的UserName，這個對象用來存儲用戶名并在該用戶對每個頁面的訪問中有效。當密碼一致時就提示“登陸成功”，并轉到default.asp文件的頁面。</p><p><b>　　搜索功能</b></p><p

84、>　　在系統(tǒng)的模糊搜索中，利用判斷語句可以有選擇的進行工藝品展品信息、工藝品動態(tài)和工藝品文章的分類搜索。該功能通過<researchNews.asp>文件中的代碼實現(xiàn)。</p><p>　　searchName=request("searchName")</p><p>　　searchSelect=request("searchSelect

85、")</p><p>　　這兩個語句將返回的文本框和復選框的value值賦給兩個變量。</p><p>　　if(searchSelect="xinwen") then//表示要搜索的類型是工藝品文章的相關信息</p><p>　　set rs=server.CreateObject("adodb.recordset"

86、;) </p><p>　　str="select ID,Title from tb_news where Title like '%"&searchName&"%' &_ and Type=1"</p><p>　　上面的select語句表示從表tb_news中選出包含輸入文字的相關文章的標題，其中的Typ

87、e=1表示新聞的類型是工藝品文章。</p><p>　　rs.open str,conn,1,1</p><p>　　else if(searchSelect="zixun") then//表示搜索的類型是工藝品動態(tài)的相關信息</p><p>　　set rs=server.CreateObject("adodb.recordset&q

88、uot;) </p><p>　　str="select ID,Title from tb_news where Title like &_</p><p>　　'%"&searchName&"%' and Type=2"//從表中選出工藝品動態(tài)的ID號和標題</p><p>　　rs

89、.open str,conn,1,1</p><p><b>　　else</b></p><p>　　set rs_s=server.CreateObject("adodb.recordset")</p><p>　　strsq="select TBL_PicNew.ID,TBL_PicNew.TitleID,T

90、itle &_</p><p>　　from tb_shanpin,TBL_PicNew where TBL_PicNew.TitleID=tb_shanpin.ID &_ </p><p>　　and tb_shanpin.Title like '%"&searchName&"%' and tb_shanpin.Type

91、= &_ '"&searchSelect&"'"</p><p>　　rs_s.open strsq,conn,1,1</p><p>　　這個SQL語句從表tb_shanpin和表TBL_PicNew中選出了包含用戶要查詢時輸入內(nèi)容的工藝品的名稱和相對應的工藝品的圖片名稱。</p><p>&l

92、t;b>　　會員中心功能詳解</b></p><p>　　會員登陸后可以進入會員中心，在會員中心實現(xiàn)多項功能，可以對瀏覽的工藝品下定單，實現(xiàn)定購功能；修改會員自己的注冊信息；進入留言板反饋信息。</p><p>　?。?）在展示的每個工藝品旁邊都有“定購”兩個字，用戶可以直接點擊進行該件展示品的定購。該處由一個超級鏈接轉入執(zhí)行<Buy.asp>文件，在該文件的

93、最開始設置了一個判斷語句，如果用戶名為空就提示“請先登陸”，用來判斷用戶是否登陸。如果是已經(jīng)登陸的用戶則進入購買界面，如圖4-1所示。</p><p>　　圖4-1 定單界面截圖</p><p>　　界面中的商品編號和商品名稱是通過下面的語句自動獲得的，當點擊選擇的商品時會自動通過ID號在工藝品信息表中找到相應的信息顯示在定單中，商品數(shù)量默認為1，定購該商品的用戶可以自己修改數(shù)量，實現(xiàn)該

94、界面的代碼如下：</p><p><b>　　<%</b></p><p>　　set rs=server.createobject("adodb.recordset")</p><p>　　sql ="select ID,Title from tb_shanpin"</p><

95、p>　　rs.open sql,conn,3,3</p><p>　　while (not rs.eof)%></p><p>　　<%if session ("Q_"&rs ("ID")) <>"" then %></p><p><b>　　<

96、tr></b></p><p>　　<td align="center" width="132" bgcolor="#F0FCFF"><%=rs("ID")%></td></p><p>　　<td align="center" w

97、idth="421" bgcolor="#F0FCFF"><%=rs("Title")%></td></p><p>　　<td align="center" width="128" bgcolor="#F0FCFF"></p><p

98、>　　<input name="Q_<%=rs("ID")%>" value="1" size="3" /></td></p><p>　　<td align="center" width="119" bgcolor="#F0FCFF&q

99、uot;><a href="Del.asp?ID=<%=rs("ID")%>">刪除</a></td></tr></p><p>　　<%end if %></p><p>　　在定單界面中設置了繼續(xù)購買、取消定單和購買商品三個按鈕，通過選中其中的一個產(chǎn)生onclick()

100、對應的事件，主要代碼如下：</p><p>　　<script language="javascript"></p><p>　　function sub1()</p><p>　　{window.close();</p><p>　　return true;}</p><p>　　fu

101、nction sub2()</p><p>　　{form1.action="clear.asp"</p><p>　　form1.submit();</p><p>　　return true;}</p><p>　　function sub3()</p><p>　　{form1.action=

102、"Buy_y.asp"</p><p>　　form1.submit();</p><p>　　return true;}</p><p><b>　　</script></b></p><p><b>　?。裕?lt;/b></p><p>　　

103、<input type="button" name="btn1" value="繼續(xù)購物" onclick="sub1()" /></p><p>　　<input type="button" name="btn2" value="取消定單" onclick

104、="sub2()" /></p><p>　　<input type="button" name="btn3" value="購買商品" onclick="sub3()" /></p><p>　　點擊“購買商品”產(chǎn)生事件sub3()，通過 <Buy_y.asp>

105、;文件實現(xiàn)定購功能。</p><p>　　strsql="insert into tb_Book(AddName,datetime)values('"& session("UserName") &"',getdate())"表示向tb_Book表中添加用戶名和下定單的時間。</p><p>　　定購

106、功能的實現(xiàn)首先考慮了怎樣給每個用戶生成一個定單號，在這里通過用表tb_Book中自動生成的ID號來作為表tb_BookList中的ListID，即定單號。代碼如下：</p><p>　　set ras=server.createobject("adodb.recordset")</p><p>　　sqltext="select top 1 ID from t

107、b_Book where AddName= &_</p><p>　　'"& session ("UserName") &"' order by ID DESC"</p><p>　　ras.open sqltext,conn,1,1</p><p>　　ListID=ras

108、("ID") </p><p>　　當定購的用戶被分配了一個相應的定單號之后就利用一個插入語句str="insert into tb_BookList(ListID,TitleID,Number)values('"& ListID &"','"& rs("ID") &"

109、','"& request("Q_"&rs("ID")) &"')"將選中商品的編號、名稱、數(shù)量和定單號都插入到定單詳表中，點擊“購買商品”在彈出框中顯示“定購成功”，完成用戶對工藝品的定購功能。</p><p>　?。?）通過<editServer.asp>實現(xiàn)會員基本信息修改。首先

110、利用下面的語句判斷用戶是否已經(jīng)登陸。</p><p>　　if session ("UserName") ="" then</p><p>　　response.Write"<script>alert('請先登錄!');location.href='denglu.asp';</script&

111、gt;"</p><p>　　上面兩行代碼表示如果用戶已經(jīng)登陸就執(zhí)行下面的語句，從tb_Guest表中選出用戶名和提交的用戶名相同的所有記錄。</p><p>　　set rs=server.CreateObject("adodb.recordset") //建立數(shù)據(jù)集</p><p>　　str="select * from

112、 tb_Guest where UserName='"& session ("UserName") &"'"</p><p>　　rs.open str,conn,1,1</p><p>　　通過一段賦值語句修改用戶注冊信息。在處理定單的過程中應該有一個聯(lián)系的方式，所以在這里設置了電話不能為空。當電話的值不為

113、空時就將表單中的值賦給address 等變量。代碼如下：</p><p>　　if request.Form("tel")<>"" then</p><p>　　Sex=SqlSafe(request.Form("Sex"))</p><p>　　mail=SqlSafe(request.For

114、m("mail"))</p><p>　　tel=SqlSafe(request.Form("tel"))</p><p>　　address=SqlSafe(request.Form("address")) </p><p>　　PostNum=SqlSafe(request.Form("Pos

115、tNum"))</p><p>　　最后利用一個SQL的更新語句來完成用戶信息的修改功能。</p><p>　　sql="update tb_Guest set Sex='"& Sex &"', E_mail='"& mail &"', Tel='"

116、& tel &"', Address='"& address &"',PostNum='"& PostNum &"' where UserName='"& session("UserName") &"'"</p&g

117、t;<p>　?。?）<editPWD.asp>文件實現(xiàn)用戶密碼的修改，首先也要判斷用戶是否已經(jīng)登陸，代碼如下：</p><p>　　if session ("UserName") ="" then</p><p>　　response.Write"<script>alert('請先登錄！

118、9;);location.href='denglu.asp';< /script>"</p><p>　　用戶登陸后先輸入自己舊的密碼，對于這個舊的密碼如果輸入錯誤，在提交的時候會將輸入的這個舊密碼與從表tb_Guest中選出的該用戶的密碼記錄進行對比，如果匹配則可以修改，如果錯誤則提示“舊密碼不正確”，用戶需要重新輸入舊密碼。修改密碼的主要代碼如下：</p>

119、<p>　　if trim (request ("oldpass") &"") <>"" then</p><p>　　set rs=server.CreateObject("ADODB.RecordSet")</p><p>　　sql="select * from t

120、b_Guest where UserName='"&session("UserName")&"'"</p><p>　　rs.Open sql,conn,1,1</p><p>　　if trim(rs("PWD")&"")=trim(request("

121、;oldpass")&"")then</p><p>　　sql="update tb_Guest set PWD='"&SqlSafe(request("Password1"))&"' where UserName='"&session("UserName&

122、quot;)&"'"</p><p>　　conn.execute sql</p><p>　　response.write"<SCRIPT language=JavaScript>alert('密碼已經(jīng)修改');"</p><p>　　response.write"jav

123、ascript:history.go(-1)</SCRIPT>" </p><p>　　response.end</p><p>　?。?）會員的留言功能是通過<guestbook.asp>實現(xiàn)的。會員登陸以后進入留言板，在留言內(nèi)容的文本框中輸入要反饋的信息。所有的留言信息和管理員的回復信息通過分頁顯示在頁面上，留言內(nèi)容和回復內(nèi)容在一個頁面上顯示。<

124、;/p><p>　　首先利用一句SQL語句str="select * from tb_ReContent order by DateTime DESC"從表tb_ReContent中把所有記錄選出來，通過一段實現(xiàn)分頁的代碼將留言內(nèi)容按照每5條一頁顯示在頁面上。主要的代碼如下：</p><p>　　if not rs.eof then </p><p>

125、;　　rs.pagesize=5</p><p>　　上面兩個語句表示如果記錄不為空就給rs.pagesize賦值5，表示在留言板上每頁顯示5條留言信息。然后使用下面的語句設置首頁。</p><p>　　page=CLng(Request("page"))</p><p>　　if page<1 then page=1</p>

126、<p>　　rs.absolutepage=page</p><p><b>　　i = 0</b></p><p>　　While (i < rs.PageSize and Not rs.Eof)</p><p>　　這段語句表示設置一個變量i 賦值為0，用來確定每頁的顯示數(shù)量，如果i小于規(guī)定的每頁顯示數(shù)量以及該頁的記錄不為