三味書(shū)屋購(gòu)書(shū)系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)論文

1、 三味書(shū)屋購(gòu)書(shū)系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn) 1 引言1.1 選題背景20世紀(jì)末，隨著計(jì)算機(jī)科學(xué)的發(fā)展，數(shù)據(jù)庫(kù)技術(shù)在internet中的應(yīng)用越來(lái)越廣泛，為廣大網(wǎng)絡(luò)用戶(hù)提供了更加周到和人性化的服務(wù)。個(gè)性化已逐漸成為當(dāng)今web應(yīng)用的潮流。本文研究了一種基于數(shù)據(jù)關(guān)聯(lián)規(guī)則網(wǎng)上書(shū)店系統(tǒng)，此方案與現(xiàn)今網(wǎng)上已采用的一些方案相比，具有用戶(hù)使用更簡(jiǎn)單、界面更直觀(guān)等優(yōu)點(diǎn)。網(wǎng)上書(shū)店在我國(guó)剛起步，但發(fā)展很快。隨著我國(guó)互聯(lián)網(wǎng)的更加普及和網(wǎng)上書(shū)店的更趨成熟，會(huì)有越來(lái)越大的消費(fèi)群體，市場(chǎng)潛力會(huì)得到充分發(fā)揮。網(wǎng)上書(shū)店正是依靠internet這個(gè)載體才得以發(fā)展和不斷的成熟起來(lái)，并對(duì)產(chǎn)品的銷(xiāo)售和物品的購(gòu)買(mǎi)展示出了一種嶄新的理念。1.2 目的和意

2、義網(wǎng)上書(shū)店管理系統(tǒng)主要是處理網(wǎng)上購(gòu)書(shū)和庫(kù)存的系統(tǒng)，提供具有圖書(shū)分類(lèi)檢索和搜索，購(gòu)物車(chē)管理，在線(xiàn)訂單，書(shū)籍推薦等功能和強(qiáng)大的后臺(tái)管理功能，提供高效、安全、智能化的數(shù)據(jù)管理，從而提高整個(gè)網(wǎng)上書(shū)店各項(xiàng)功能管理水平。通過(guò)網(wǎng)上書(shū)店管理系統(tǒng)，可以做到信息的規(guī)范管理、科學(xué)統(tǒng)計(jì)和快速查詢(xún)，從而減少管理方面的工作量,有效地提高網(wǎng)上購(gòu)書(shū)的效率。2. 基于b/s模式系統(tǒng)的實(shí)現(xiàn)技術(shù)2.1 開(kāi)發(fā)技術(shù)與實(shí)現(xiàn) 目前，最常用的三種動(dòng)態(tài)網(wǎng)頁(yè)語(yǔ)言有asp(active server pages),jsp(javaserver pages),php (hypertext preprocessor)。這里主要用到asp.net，以下

3、是對(duì)asp.net開(kāi)發(fā)語(yǔ)言的介紹asp.net 是一種建立在通用語(yǔ)言上的程序構(gòu)架，能被用于一臺(tái)web服務(wù)器來(lái)建立強(qiáng)大的web應(yīng)用程序。asp.net提供許多比現(xiàn)在的web開(kāi)發(fā)模式強(qiáng)大的優(yōu)勢(shì)。asp.net是基于通用語(yǔ)言的編譯運(yùn)行的程序，所以它的強(qiáng)大性和適應(yīng)性，可以使它運(yùn)行在web應(yīng)用軟件開(kāi)發(fā)者的幾乎全部的平臺(tái)上（筆者到現(xiàn)在為止只知道它只能用在windows 2000 server上）。通用語(yǔ)言的基本庫(kù)，消息機(jī)制，數(shù)據(jù)接口的處理都能無(wú)縫的整合到asp.net的web應(yīng)用中。asp.net同時(shí)也是language-independent語(yǔ)言獨(dú)立化的，所以，你可以選擇一種最適合你的語(yǔ)言來(lái)編寫(xiě)你的程序

4、，或者把你的程序用很多種語(yǔ)言來(lái)寫(xiě)，現(xiàn)在已經(jīng)支持的有c#（c+和java的結(jié)合體），vb，jscript。將來(lái)，這樣的多種程序語(yǔ)言協(xié)同工作的能力保護(hù)您現(xiàn)在的基于com+開(kāi)發(fā)的程序，能夠完整的移植向asp.net。簡(jiǎn)單講，asp是位于服務(wù)器端的腳本運(yùn)行環(huán)境，通過(guò)這種環(huán)境，用戶(hù)可以創(chuàng)建和運(yùn)行動(dòng)態(tài)的交互式 web 服務(wù)器應(yīng)用程序，如交互式的動(dòng)態(tài)網(wǎng)頁(yè)，包括使用 html 表單收集和處理信息，上傳與下載等等。更重要的是，asp使用的activex技術(shù)基于開(kāi)放設(shè)計(jì)環(huán)境，用戶(hù)可以自己定義和制作組件加入其中，使自己的動(dòng)態(tài)網(wǎng)頁(yè)幾乎具有無(wú)限的擴(kuò)充能力，這是傳統(tǒng)的web編寫(xiě)工具所遠(yuǎn)遠(yuǎn)不及的地方。使用asp還有個(gè)好處，

5、就在于asp可利用ado(active data object,微軟的一種新的數(shù)據(jù)訪(fǎng)問(wèn)模型)方便快捷地訪(fǎng)問(wèn)數(shù)據(jù)庫(kù),從而使得開(kāi)發(fā)基于www的應(yīng)用系統(tǒng)成為可能，這也是本文選擇asp作為開(kāi)發(fā)工具最重要的原因之一。2.2 net環(huán)境介紹本系統(tǒng)主要用到了visual studio開(kāi)發(fā)工具中的.net技術(shù)。.net是microsoft面向xml web服務(wù)的平臺(tái)，通過(guò) .net 框架的公共語(yǔ)言運(yùn)行庫(kù)，.net 平臺(tái)使各種 xml web services 能夠交互操作，而不管其源語(yǔ)言的不同。開(kāi)發(fā)人員可以生成可重用的 xml web services，而不是生成單個(gè)應(yīng)用程序。vs.net建立并集成web s

6、ervices和應(yīng)用程序的快速開(kāi)發(fā)工具，使開(kāi)發(fā)網(wǎng)站更方便，只需要簡(jiǎn)單的通過(guò)手動(dòng)添加組件就可以輕松的完成網(wǎng)站的架設(shè)。結(jié)合本系統(tǒng)主要是開(kāi)發(fā)基礎(chǔ)頁(yè)面的特點(diǎn)，所以選擇.net開(kāi)發(fā)環(huán)境。2.3 運(yùn)行環(huán)境和開(kāi)發(fā)工具的選擇2.3.1 開(kāi)發(fā)環(huán)境windows server 2005系統(tǒng)運(yùn)行平臺(tái)，iis6.0web服務(wù)器和腳本解釋器，ie8.0瀏覽器，microsoft visual studio2005, direcx9.0系統(tǒng)插件和sql server2005企業(yè)版。2.3.2 開(kāi)發(fā)工具1.vistual studio 的選擇v isual studio的visual studio產(chǎn)品和.net框架將全方位

7、的大幅提高應(yīng)用軟件開(kāi)發(fā)的各個(gè)方面。這個(gè)產(chǎn)品將會(huì)提高開(kāi)發(fā)者的生產(chǎn)效率、語(yǔ)言創(chuàng)新的特性、.net框架的改進(jìn)、企業(yè)開(kāi)發(fā)的擴(kuò)展支持，將會(huì)被visual studio集成開(kāi)發(fā)環(huán)境全部表現(xiàn)出來(lái)。visual studio更深層次的整合和支持 sql server。sql server yukon也在數(shù)據(jù)庫(kù)引擎中整合了公共語(yǔ)言運(yùn)行時(shí)(clr)的功能，將數(shù)據(jù)庫(kù)和工具的結(jié)合提高到新水平。visual studio不僅讓開(kāi)發(fā)者能用visual basic和c#編寫(xiě)存儲(chǔ)過(guò)程，而且進(jìn)一步減少了開(kāi)發(fā)數(shù)據(jù)中心應(yīng)用軟件所需的編碼和勞動(dòng)?，F(xiàn)在我們利用iis+.net構(gòu)成三層式web結(jié)構(gòu)的中間一層，將客戶(hù)機(jī)/服務(wù)器結(jié)構(gòu)與web

8、密切結(jié)合，完成前后端兩者的集成輸出功能，使得web站點(diǎn)的開(kāi)發(fā)更方便，實(shí)現(xiàn)的功能更強(qiáng)大。如下圖數(shù)據(jù)服務(wù)視圖所示程序和計(jì)算邏輯前端瀏覽器activex server元件activex server元件后端數(shù)據(jù)庫(kù)數(shù)據(jù)庫(kù)服務(wù)器microsoft iis + .net瀏覽器2.數(shù)據(jù)庫(kù)sql server的選擇sql對(duì)大中小型數(shù)據(jù)庫(kù)系統(tǒng)應(yīng)用都和合適，安全性較高，而且所使用的數(shù)據(jù)控制語(yǔ)句也非常的簡(jiǎn)單，應(yīng)用所有的數(shù)據(jù)時(shí)，僅需要使用9個(gè)關(guān)鍵詞，所以學(xué)習(xí)和使用都是極其的方便。可以選擇 ms sql server 2005，主要優(yōu)點(diǎn)有：1、相對(duì)mysql oracle sybase db2，sql server性?xún)r(jià)

9、比最好；2、和.net集成比較好，很合適用于windows應(yīng)用的后臺(tái)數(shù)據(jù)庫(kù)；3、ms sql server 2005安全性得到了很大增強(qiáng)；4、管理和開(kāi)發(fā)入手都比較3. 過(guò)程論述3.1 需求分析3.1.1前臺(tái)功能1、新客戶(hù)注冊(cè)：普通用戶(hù)必須先注冊(cè),才能進(jìn)行圖書(shū)的查詢(xún)、瀏覽、定購(gòu)、信息反饋等操作。用戶(hù)需要注冊(cè),并且要得到系統(tǒng)管理的審批和確認(rèn),主要功能是對(duì)用戶(hù)個(gè)人基本信息的管理。2、書(shū)籍分類(lèi)搜索：用戶(hù)可根據(jù)對(duì)書(shū)籍的分類(lèi)瀏覽和輸入關(guān)鍵字進(jìn)行本站包含書(shū)籍的查找瀏覽。3、實(shí)現(xiàn)購(gòu)物車(chē)功能模塊：實(shí)時(shí)顯示用戶(hù)當(dāng)前所購(gòu)書(shū)目，可以增加或刪除4、訂單查詢(xún)功能：客戶(hù)確認(rèn)購(gòu)買(mǎi)號(hào)即生成一個(gè)唯一的訂單號(hào)，客戶(hù)依此號(hào)碼可以查詢(xún)

10、所購(gòu)書(shū)目到書(shū)情況。5、前臺(tái)頁(yè)面管理：注冊(cè)會(huì)員對(duì)自己資料的修改，賬戶(hù)的管理和書(shū)籍收藏夾的管理。3.1.2后臺(tái)管理實(shí)現(xiàn)功能1、管理員登陸：網(wǎng)站管理人員登陸，實(shí)現(xiàn)對(duì)系統(tǒng)后臺(tái)的管理，對(duì)系統(tǒng)所有信息的控制。還需要對(duì)系統(tǒng)進(jìn)行維護(hù),同時(shí)還對(duì)普通用戶(hù)和商家的基本信息進(jìn)行管理。2、訂單添加/刪除/修改管理功能：對(duì)于用戶(hù)提交的訂單進(jìn)行審核，并實(shí)現(xiàn)對(duì)訂單的添加/刪除/修改管理。3、書(shū)籍信息管理：這主要分為出版社管理，類(lèi)別設(shè)置和分類(lèi)管理。其中，出版社管理可以增加或修改刪除相關(guān)信息，請(qǐng)確保此處信息的真實(shí)性；類(lèi)別設(shè)置可對(duì)書(shū)目類(lèi)別進(jìn)行相應(yīng)的操作（增加，刪除，修改）；分類(lèi)管理可以對(duì)相關(guān)圖書(shū)進(jìn)行分類(lèi)操作（注：此操作可以在圖書(shū)入

11、庫(kù)的時(shí)候進(jìn)行選擇）3.2書(shū)店的總體設(shè)計(jì)3.2.1購(gòu)物主要處理流程根據(jù)需求分析，本系統(tǒng)主要實(shí)現(xiàn)兩大管理模塊：前臺(tái)的圖書(shū)管理和后臺(tái)的管理。前臺(tái)的圖書(shū)管理主要用于通過(guò)internet向普通瀏覽者提供圖書(shū)的一些基本信息，而后臺(tái)主要是實(shí)現(xiàn)用戶(hù)的管理以及對(duì)圖書(shū)信息的管理。系統(tǒng)的功能特點(diǎn)如下：1、頁(yè)面模塊化：系統(tǒng)界面的設(shè)計(jì)使用模塊進(jìn)行處理，如把頁(yè)面的頭、尾頁(yè)面內(nèi)容，數(shù)據(jù)庫(kù)的連接等做成單獨(dú)的文件，在其它頁(yè)面設(shè)計(jì)中需要時(shí)可以把其他頁(yè)面的相應(yīng)的內(nèi)容包括進(jìn)去了，這樣有利于頁(yè)面風(fēng)格比較統(tǒng)一以及提高開(kāi)發(fā)系統(tǒng)的效率。2、圖書(shū)信息模板的應(yīng)用：本系統(tǒng)的圖書(shū)信息代碼的生成是基于模塊的，更換圖書(shū)信息內(nèi)容時(shí)只要將圖書(shū)新的一些必要的

12、信息錄入，然后自動(dòng)修改圖書(shū)信息的模板。3、功能較完善，管理方便：功能方面包括圖書(shū)產(chǎn)品的展示、用戶(hù)注冊(cè)及登錄、圖書(shū)的在線(xiàn)查詢(xún)、定購(gòu)等各個(gè)方面，完整地實(shí)現(xiàn)了網(wǎng)上書(shū)店的管理要求，同時(shí)由于應(yīng)用了模板，對(duì)系統(tǒng)的管理維護(hù)非常方便。因此得用戶(hù)登陸網(wǎng)站后購(gòu)物的主要處理流程如下：登錄界面老用戶(hù)登錄新用戶(hù)注冊(cè)填寫(xiě)個(gè)人信息注冊(cè)成功密碼驗(yàn)證選購(gòu)商品是否結(jié)算n放入購(gòu)物車(chē)nyy商品結(jié)算瀏覽檢索商品選購(gòu)商品是否登錄瀏覽檢索商品服務(wù)商處理訂單收到貨款服務(wù)商發(fā)貨服務(wù)商銷(xiāo)毀訂單nnnyyy客戶(hù)購(gòu)物流程圖3.2.2數(shù)據(jù)庫(kù)設(shè)計(jì)由需求分析和數(shù)據(jù)處理流程，畫(huà)出網(wǎng)絡(luò)書(shū)店的e-r圖如下圖所示：系統(tǒng)主要涉及到兩類(lèi)用戶(hù)即為網(wǎng)絡(luò)書(shū)店的用戶(hù)及管理，

13、還有圖書(shū)的基本信息等。當(dāng)?shù)贸鰁-r后，就開(kāi)始了對(duì)數(shù)據(jù)庫(kù)設(shè)計(jì)，由數(shù)據(jù)字典可設(shè)計(jì)出系統(tǒng)的整個(gè)數(shù)據(jù)庫(kù)的數(shù)據(jù)訪(fǎng)問(wèn)層是一組封裝了對(duì)數(shù)據(jù)庫(kù)進(jìn)行各種操作(連接數(shù)據(jù)庫(kù)、查詢(xún)記錄、刪除記錄、添加記錄、關(guān)閉連接等)的類(lèi)。根據(jù)數(shù)據(jù)庫(kù)的設(shè)計(jì), 確定數(shù)據(jù)庫(kù)的模式結(jié)構(gòu)。在服務(wù)器上創(chuàng)建一個(gè)名為book的數(shù)據(jù)庫(kù)。包括以下表：商店圖書(shū)表my_book，商店圖書(shū)類(lèi)別表my_bookclass, 商店管理員表 my_bookadminuser, 購(gòu)書(shū)用戶(hù)表my_users, 購(gòu)物車(chē)訂單號(hào)表 my_indent, 購(gòu)物車(chē)訂單貨物列表 my_indentlist,。下面將具體介紹數(shù)據(jù)庫(kù)中表的結(jié)構(gòu)。1.商店圖書(shū)表my_book商店圖書(shū)表

14、，主要用來(lái)存放圖書(shū)信息，表名為my_book,主鍵為id。這里存放的是圖書(shū)的具體信息，包括書(shū)名，作者，出版社，目錄，書(shū)價(jià)，書(shū)編號(hào)等信息圖書(shū)信息。表1 商店圖書(shū)表字段名字段類(lèi)型長(zhǎng)度null說(shuō) 明idint2否id序列號(hào)booknamevarchar20否書(shū)名bookclassint否圖書(shū)類(lèi)別authorvarchar25作者publishvarchar150出版社booknovarchar30書(shū)號(hào)contentvarchar4000內(nèi)容介紹princefloat書(shū)價(jià)amountint總數(shù)量leav_numberint剩余數(shù)量regtimedatetime否登記時(shí)間2.圖書(shū)類(lèi)別表my_bookcl

15、ass圖書(shū)類(lèi)別表,這個(gè)表項(xiàng)對(duì)圖書(shū)進(jìn)行了分類(lèi)，按編號(hào)分類(lèi)別，表名為my_bookclass，主鍵為id，設(shè)置圖書(shū)類(lèi)別表的存放數(shù)據(jù)信息。表2 圖書(shū)類(lèi)別表字段名字段類(lèi)型長(zhǎng)度null說(shuō) 明idint4否id序列號(hào)classnamevarchar30否圖書(shū)類(lèi)別名3.商店管理員表 my_bookadministrator商店管理員表，用來(lái)存放商店管理員的用戶(hù)名和密碼等，表名為my_bookadminuser，主鍵為adminuser，本表是用來(lái)存儲(chǔ)管理員的密碼表3 商店管理員表字段名字段類(lèi)型長(zhǎng)度null說(shuō) 明adminuservarchar20否管理員用戶(hù)名adminpassvarchar50否管理員密碼

16、4.購(gòu)書(shū)用戶(hù)表my_users購(gòu)書(shū)用戶(hù)表，用來(lái)存放購(gòu)書(shū)用戶(hù)的信息，表名為my_users,主鍵為id，具體存放的數(shù)據(jù)信息，主要保存用戶(hù)的詳細(xì)信息表4 購(gòu)書(shū)用戶(hù)表字段名字段類(lèi)型長(zhǎng)度null說(shuō) 明idint4否id序列號(hào)usernamevarchar20否購(gòu)物用戶(hù)名passwordvarchar50否用戶(hù)密碼namesvarchar20用戶(hù)聯(lián)系用姓名addressvarchar150用戶(hù)聯(lián)系地址phonevarchar25用戶(hù)聯(lián)系電話(huà)postvarchar8用戶(hù)聯(lián)系郵編5.購(gòu)物車(chē)訂單表my_indent購(gòu)物車(chē)訂單表，存放購(gòu)物車(chē)訂單的信息，表名為my_indent，主鍵為id，購(gòu)物車(chē)訂單表的數(shù)據(jù)定義

17、，用來(lái)存儲(chǔ)每個(gè)訂單的詳細(xì)信息。表5 購(gòu)物車(chē)訂單表字段名字段類(lèi)型長(zhǎng)度null說(shuō) 明idint4否id序列號(hào)indentnovarchar20否訂單編號(hào)useridint4否用戶(hù)序列號(hào)submittimedatetime8否提交訂單時(shí)間consignmenttimevarchar20交貨時(shí)間totalpricefloat8總金額contentvarchar400用戶(hù)備注ispayoffint4用戶(hù)是否已付款issalesint4是否已發(fā)貨6.購(gòu)物車(chē)訂單貨物列表my_indentlist購(gòu)物車(chē)訂單貨物列表，存放購(gòu)物車(chē)訂單貨物的信息，表名為my_indentlist，主鍵為id，主要用來(lái)存放每個(gè)購(gòu)物車(chē)

18、訂單貨物的詳細(xì)信息。表6 購(gòu)物車(chē)訂單貨物列表字段名字段類(lèi)型長(zhǎng)度null說(shuō) 明idint4否id序列號(hào)indentnoint4否訂單號(hào)表序列號(hào)booknoint4否圖書(shū)表序列號(hào)amountint4訂貨數(shù)量3.2.3系統(tǒng)模塊圖系統(tǒng)模塊圖描繪了系統(tǒng)的物理結(jié)構(gòu)，它反映了系統(tǒng)各部件之間的調(diào)用關(guān)系。本系統(tǒng)的功能模塊圖如圖3所示。整個(gè)系統(tǒng)構(gòu)建分為前臺(tái)管理后后臺(tái)管理兩個(gè)中心，對(duì)于書(shū)店的客戶(hù)，首先需要進(jìn)行注冊(cè)，登陸后才能管理個(gè)人信息，還需要選購(gòu)商品，最后還必須下訂單結(jié)算。對(duì)于書(shū)店的管理員，負(fù)責(zé)整個(gè)書(shū)店系統(tǒng)的后臺(tái)管理，分為管理員管理、圖書(shū)管理、訂單管理和擁護(hù)信息管理四個(gè)模塊，用戶(hù)信息管理主要是管理用戶(hù)的信息和修改

19、刪除用戶(hù)等，而圖書(shū)管理主要是添加圖書(shū)，修改圖書(shū)的信息及刪除圖書(shū)等，訂單管理是管理合格訂單，方便系統(tǒng)管理員發(fā)貨等。4詳細(xì)設(shè)計(jì)4.1三味書(shū)屋首頁(yè)首頁(yè)詳細(xì)設(shè)計(jì)的代碼如下：<!doctype html public "-/w3c/dtd xhtml 1.0 transitional/en" "/tr/xhtml1/dtd/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml"><head><m

20、eta http-equiv="content-type" content="text/html; charset=gb2312" /><title>三味書(shū)屋首頁(yè)</title><style type="text/css"><!-body background-image: url(3.jpg);background-repeat: repeat;#layer1 position:absolute;left:1px;top:177px;width:1188px;height:61px;z

21、-index:1;#layer2 position:absolute;left:28px;top:44px;width:192px;height:131px;z-index:2;.style5 font-size: 36px;font-weight: bold;color: #000000;#layer3 position:absolute;left:277px;top:40px;width:657px;height:106px;z-index:3;#layer4 position:absolute;left:10px;top:384px;width:220px;height:420px;z-

22、index:4;.style21 color: #0000ff; font-size: 24px; font-weight: bold; #layer5 position:absolute;left:239px;top:384px;width:188px;height:243px;z-index:5;#layer6 position:absolute;left:424px;top:389px;width:721px;height:236px;z-index:6;.style13 color: #3300cc;font-weight: bold;font-size: 24px;.style22

23、font-size: 24px;font-weight: bold;#layer7 position:absolute;left:240px;top:767px;width:148px;height:202px;z-index:7;#layer8 position:absolute;left:529px;top:764px;width:147px;height:205px;z-index:8;#layer9 position:absolute;left:827px;top:770px;width:152px;height:201px;z-index:9;#layer10 position:ab

24、solute;left:1076px;top:759px;width:148px;height:213px;z-index:10;#layer11 position:absolute;left:235px;top:973px;width:168px;height:43px;z-index:11;#layer12 position:absolute;left:525px;top:966px;width:177px;height:47px;z-index:12;#layer13 position:absolute;left:822px;top:970px;width:169px;height:43

25、px;z-index:13;#layer14 position:absolute;left:1074px;top:973px;width:168px;height:39px;z-index:14;.style18 color: #000066;font-size: 24px;.style17 font-size: 24px;color: #000099;#layer15 position:absolute;left:15px;top:335px;width:542px;height:32px;z-index:15;.style27 font-size: 36px; font-weight: b

26、old; .style26 color: #000099; font-size: 18px; font-weight: bold; -></style></head><body><div id="layer1"> <div id="layer"> <table width="1191" height="62" border="1"> <tr> <td width="173" hei

27、ght="50"><pre class="style5"><a href="登陸.html">用戶(hù)登錄</a></pre></td> <td width="265"><span class="style5"><a href="購(gòu)物.html">我的購(gòu)物車(chē)</a></span></td> <td width="241"

28、;><span class="style5"><a href="登陸.html"><span class="style27">我的訂單</span></a></span></td> <td width="198"><span class="style5"><a href="管理員.html">管理員登陸</a></span>&l

29、t;/td> <td width="249"><form id="form1" name="form1" method="post" action=""> <label> <input type="text" name="textfield" /> </label> <span class="style22">搜索</span> </form

30、> </td> </tr> </table> </div></div><div id="layer2"><img src="0.png" width="191" height="129" /></div><div id="layer3"><img src="8.png" width="655" height="105"

31、 /></div><div id="layer4"> <table width="200" border="1"> <tr> <td><span class="style21">商品分類(lèi)</span></td> </tr> <tr> <td><pre class="style26"> c+ </pre></td> </

32、tr> <tr> <td><pre class="style26"> </pre></td> </tr> <tr> <td><pre class="style26"> jsp</pre></td> </tr> <tr> <td><pre class="style26"> java</pre></td> </tr> &

33、lt;tr> <td><pre class="style26"> html xml</pre></td> </tr> <tr> <td><pre class="style26"> 電子商務(wù)</pre></td> </tr> <tr> <td><pre class="style26"> 網(wǎng)站開(kāi)發(fā)</pre></td> </tr>

34、<tr> <td><pre class="style26"> 計(jì)算機(jī)等級(jí)考試</pre></td> </tr> </table></div><div id="layer5"><img src="12.jpg" width="177" height="243" /></div><div id="layer6"> <p class=

35、"style22">c+程序設(shè)計(jì)語(yǔ)言(特別版·十周年中文紀(jì)念版)是在c+語(yǔ)言和程序設(shè)計(jì)領(lǐng)域具有深遠(yuǎn)影響、暢銷(xiāo)不衰的著作，由c+語(yǔ)言的設(shè)計(jì)者編寫(xiě)，對(duì)c+語(yǔ)言進(jìn)行了最全面、最權(quán)威的論述，覆蓋標(biāo)準(zhǔn)c+以及由c+所支持的關(guān)鍵性編程技術(shù)和設(shè)計(jì)技術(shù)。c+程序設(shè)計(jì)語(yǔ)言(特別版·十周年中文紀(jì)念版)英文原版一經(jīng)面世，即引起業(yè)內(nèi)人士的高度評(píng)價(jià)和熱烈歡迎，先后被翻譯成德、希、匈、西、荷、法、日、俄、中、韓等近20種語(yǔ)言，數(shù)以百萬(wàn)計(jì)的程序員從中獲益，是無(wú)可取代的c+經(jīng)典力作。</p> <pre><span class="style1

36、3"><s> 定價(jià)：49元 </s> 折扣價(jià)：35元 折扣：75折 </span></pre></div><div id="layer7"><img src="13.png" width="144" height="201" /></div><div id="layer8"><img src="14.jpg" width="144&quo

37、t; height="204" /></div><div id="layer9"><img src="15.jpg" width="151" height="198" /></div><div id="layer10"><img src="16.jpg" width="145" height="207" /></div><

38、div id="layer11"><span class="style18"><s>￥35 </s>￥26.25</span></div><div id="layer12"><span class="style17"><s>￥79</s> ￥59.25</span></div><div id="layer13"><span class=&qu

39、ot;style17"><s>￥108 </s>￥81</span></div><div id="layer14"><span class="style17"><s>￥30</s> ￥22.50</span></div><div class="style22" id="layer15">您現(xiàn)在的位置：三味書(shū)屋首頁(yè)</div></body><

40、/html>4.2新用戶(hù)注冊(cè)頁(yè)面新用戶(hù)只有注冊(cè)了才能完成對(duì)圖書(shū)的訂購(gòu)，管理自己的購(gòu)物車(chē)和訂單，查看已經(jīng)訂閱的圖書(shū)圖書(shū)。點(diǎn)確定后，轉(zhuǎn)入首頁(yè)，填入的信息寫(xiě)進(jìn)數(shù)據(jù)庫(kù)，實(shí)現(xiàn)交互。注冊(cè)頁(yè)面詳細(xì)設(shè)計(jì)代碼如下：<!doctype html public "-/w3c/dtd xhtml 1.0 transitional/en" "/tr/xhtml1/dtd/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml"&g

41、t;<head><meta http-equiv="content-type" content="text/html; charset=gb2312" /><title>新用戶(hù)注冊(cè)界面</title><style type="text/css"><!-body background-image: url(3.jpg);background-repeat: repeat;#layer1 position:absolute;left:1px;top:177px;width:

42、1188px;height:61px;z-index:1;#layer2 position:absolute;left:28px;top:44px;width:192px;height:131px;z-index:2;.style5 font-size: 36px;font-weight: bold;color: #000000;#layer3 position:absolute;left:277px;top:40px;width:657px;height:106px;z-index:3;#layer4 position:absolute;left:7px;top:301px;width:22

43、0px;height:420px;z-index:4;#layer5 position:absolute;left:238px;top:303px;width:188px;height:243px;z-index:5;#layer6 position:absolute;left:422px;top:308px;width:721px;height:236px;z-index:6;.style22 font-size: 24px;font-weight: bold;#layer7 position:absolute;left:238px;top:682px;width:148px;height:

44、202px;z-index:7;#layer8 position:absolute;left:533px;top:682px;width:147px;height:205px;z-index:8;#layer9 position:absolute;left:820px;top:681px;width:152px;height:201px;z-index:9;#layer10 position:absolute;left:1072px;top:678px;width:148px;height:213px;z-index:10;#layer11 position:absolute;left:227

45、px;top:887px;width:168px;height:43px;z-index:11;#layer12 position:absolute;left:520px;top:890px;width:177px;height:47px;z-index:12;#layer13 position:absolute;left:822px;top:883px;width:169px;height:43px;z-index:13;#layer14 position:absolute;left:1068px;top:890px;width:168px;height:39px;z-index:14;#l

46、ayer15 position:absolute;left:16px;top:360px;width:542px;height:32px;z-index:15;.style23 font-size: 36px.style24 font-size: 36px;color: #ffffff;font-weight: bold;.style25 font-size: 24px.style27 font-size: 36px; font-weight: bold; -></style><script type="text/javascript"><

47、;!-function mm_gotourl() /v3.0 var i, args=mm_gotourl.arguments; document.mm_returnvalue = false; for (i=0; i<(args.length-1); i+=2) eval(argsi+".location='"+argsi+1+"'");/-></script></head><body><div id="layer1"> <div id="l

48、ayer"> <table width="1186" height="63" border="1"> <tr> <td width="173" height="50"><pre class="style5"><a href="登陸.html">用戶(hù)登錄</a></pre></td> <td width="265">

49、<span class="style5"><a href="購(gòu)物.html">我的購(gòu)物車(chē)</a></span></td> <td width="241"><span class="style27"><a href="訂單.html">我的訂單</a></span></td> <td width="198"><span class

50、="style5"><a href="登陸.html">管理員登陸</a></span></td> <td width="249"><form id="form1" name="form1" method="post" action=""> <label> <input type="text" name="textfield&quo

51、t; /> </label> <span class="style22">搜索</span> </form> </td> </tr> </table> </div></div><div id="layer2"><img src="0.png" width="191" height="129" /></div><div id="lay

52、er3"><img src="8.png" width="655" height="105" /></div><div class="style22" id="layer15">您現(xiàn)在的位置：三味書(shū)屋&gt;用戶(hù)登陸&gt;新用戶(hù)注冊(cè)</div><table width="907" border="0" cellpadding="0" cellspac

53、ing="0"> <!-dwlayoutdefaulttable-> <tr> <td width="217" height="427">&nbsp;</td> <td width="690">&nbsp;</td> </tr> <tr> <td height="776">&nbsp;</td> <td valign="top&qu

54、ot;><p class="style27">會(huì)員名：</p> <form id="form2" name="form2" method="post" action=""> <label> <input name="textfield2" type="text" class="style22" /> </label> </form> <p c

55、lass="style27">密碼：</p> <form id="form3" name="form3" method="post" action=""> <label> <input name="textfield3" type="password" class="style22" /> </label> <p class="style27"&

56、gt;再次輸入密碼：</p> <p class="style27"> <label> <input name="textfield4" type="password" class="style22" /> </label> </p> <p class="style25">&nbsp;</p> <p class="style25"><strong>同意

57、關(guān)于本網(wǎng)站相關(guān)協(xié)議</strong> <label> <input name="checkbox" type="checkbox" class="style23" value="checkbox" /> </label> </p> </form> <form id="form4" name="form4" method="post" action="">

58、 <label><br /> <br /> <input name="submit" type="submit" class="style23" onclick="mm_gotourl('parent','登陸.html');return document.mm_returnvalue" value="確認(rèn)保存" /> </label> <pre class="style24"&

59、gt;&nbsp;</pre> </form> <p>&nbsp;</p></td> </tr></table></body></html>用戶(hù)登陸界面登陸頁(yè)面詳細(xì)設(shè)計(jì)代碼如下：<!doctype html public "-/w3c/dtd xhtml 1.0 transitional/en" "/tr/xhtml1/dtd/xhtml1-transitional.dtd"><ht

60、ml xmlns="/1999/xhtml"><head><meta http-equiv="content-type" content="text/html; charset=gb2312" /><title>用戶(hù)登陸界面</title><style type="text/css"><!-body background-image: url(3.jpg);background-repeat: repeat;#l

61、ayer1 position:absolute;left:1px;top:177px;width:1188px;height:61px;z-index:1;#layer2 position:absolute;left:28px;top:44px;width:192px;height:131px;z-index:2;.style5 font-size: 36px;font-weight: bold;color: #000000;#layer3 position:absolute;left:277px;top:40px;width:657px;height:106px;z-index:3;#lay

62、er4 position:absolute;left:7px;top:301px;width:220px;height:420px;z-index:4;#layer5 position:absolute;left:238px;top:303px;width:188px;height:243px;z-index:5;#layer6 position:absolute;left:422px;top:308px;width:721px;height:236px;z-index:6;.style22 font-size: 24px;font-weight: bold;#layer7 position:

63、absolute;left:238px;top:682px;width:148px;height:202px;z-index:7;#layer8 position:absolute;left:533px;top:682px;width:147px;height:205px;z-index:8;#layer9 position:absolute;left:820px;top:681px;width:152px;height:201px;z-index:9;#layer10 position:absolute;left:1072px;top:678px;width:148px;height:213px;z-index:10;#layer11 position:absolute;left:227px;top:887px;width:168px;height:43px;z-index:11;#layer12 position:absolute;left:520px;top:890px;width:177px;hei