1、電子商務網站建設選修課程設計論文電子商務網站選修課程設計論文課題名稱：網上書店的設計與實現學號：201103020005姓名：潘強班級：計算機科學與技術（信息方向）11-1指導教師：儲澤楠2013年12月 目錄一網上書店系統的設計背景4二系統設計目標5三圖例描述網上書店設計5四數據表結構6五網上書店實現85.1 具體功能描述85.1.1 分類查看85.1.2 搜索85.1.3 登陸與注冊85.1.4 購物車使用95.1.5 評級和評論105.1.6 圖書排行榜115.1.7 其他小功能115.2 用戶購物流程115.3 重要模塊具體功能實現115.3.1暢銷排行榜115.3.2 購物車125.

2、3.3 搜索功能12六網站整體設計126.1 CSS樣式單文件設計126.2 創建數據庫連接12七總結13八參考文獻13網上書店的設計與實現摘要：電子商務（Electronic Commerce）是在Internet開放的網絡環境下，基于瀏覽器/服務器應用方式，實現消費者的網上購物、商戶之間的網上交易和在線電子支付的一種新型的商業運營模式。網上書店是電子商務的一種形式,本文闡述“網上書店”的設計與實現方法與過程，運用ASP程序設計技術來設計網上書店。通過調查分析傳統書店的不足，主要采用應用廣泛的ASP技術，設計了一個界面友好，人性化較為突出，功能簡便快捷并較為實用的網上書店。經授權后，管理員可

3、以通過Web瀏覽器登錄系統后臺，以人機交互式的方式實現網上圖書的添加、刪除、定單管理、評論管理、圖書分類管理及用戶管理等。用戶在前臺可查看各類書籍的具體內容和排行,也可基于各種方式在站內進行搜索，并能夠方便進行購買、發表評論等。關鍵詞：電子商務 網上書店 ASP正文：一網上書店系統的設計背景在Web的空間里，幾十萬乃至幾百萬的站點相互進行著激烈的競爭，都想獲取用戶的主意。因此，簡單的、靜態的頁面對用戶是不會有太大的吸引力。動態的、有條理的數據加上交互性強的界面，才是用戶樂意訪問的。當然數據的自動更新也是非常重要的。在短短的時間里，Web面孔已發生很大的變化。現在能在Web頁面內創建應用程序、訪

4、問數據庫，使其無論在感覺、動作以及用途上都與Windows應用程序非常類似。現在商家們所需要的不僅只是一個單純的宣傳媒體，而是一個交互性很強的應用平臺。利用它，商家們可以與潛在的客戶、目前的客戶、員工以及我們之間的任何一個人溝通，并實施一些在線的服務的商業活動（例如：網上購物、網上訂單）。為了占領Internet這塊誘人的市場，各個公司和廠家都拿出自己的解決方案。IBM推出了Visual Age for Java和Net. Data.前者是一個集成開發環境，用于調試Java小程序、JavaBeans或應用程序；而后者是專門為非編程人員設計，它可以按用戶的要求生成動態Web頁面，他們都可以用開發

5、工具PowerBuilder6.0的版本中加入Web特性，使用戶可以在瀏覽其中直接訪問“Data Window”等其著名的控件，并且可以使用它開發Web應用。所有的商家都想在這里占領一席之地。二系統設計目標本網上書店主要實現以下目標：（1）人性化設計。程序設計充分考慮書店和消費者的要求，使操作簡單方便快捷，界面友好，功能實用。（2）動態更改前臺用戶，實現用戶注冊，登陸和進行瀏覽搜索書籍并進行購買，提高網站通用性，易于管理維護。（3）動態式書籍更新。新書上架能直接讀取后臺數據庫，使信息更新及時有效。（4）動態式書籍排行榜。通過消費者購買此書的數量的增加，可以動態的改變此書在排行榜中的位置，使消費

6、者及時了解書籍的售出情況，以便為其提供購買信息。（5）搜索快捷方便。基于書名及分類的快速搜索和書籍名稱，作者，出版社，時間，價格范圍，分類和各種要素排序的高級搜索，能夠滿足消費者的各種具體而復雜的搜索需求。（6）實現方便的購買。通過點擊購買，消費者就可以將自己要購買的書放入自己的購物車內，后自動添加到數據庫中，使管理者知道消費者的需求，進行送貨。三圖例描述網上書店設計網站整體結構分為前臺界面展示和后臺管理兩部分。前臺主要分搜索圖書、新書上架、圖書排行榜、特價圖書和圖書分類等模塊，后臺主要針對管理員，提供圖書和分類目錄的添加、修改和刪除，以及管理員和用戶密碼的修改等。根據網上書店特點，將網站分為

7、前臺用戶界面設計和后臺數據庫管理設計兩部分。前臺功能結構和后臺功能結構如圖3.1和3.2。站內搜索用戶界面導航欄主體界面新書上架推薦書目特價書籍搜索圖書 圖書分類首 頁我的購物車欄目導航排行榜具體分類 后臺管理商品管理分類管理用戶管理添加新書管理書籍定單管理評論管理大類管理小類管理類別管理客戶管理 用戶管理送貨方式注銷退出圖3.1 系統前臺功能結構圖圖3.2 系統后臺功能結構圖四數據表結構數據庫中共有表：admin、category、delivery、orders、 product、review、sorts和users。主要的兩個如表4.3和4.4。表4.3 orders 數據表列名類型字段大

8、小主鍵否功能描述actionid自動編號長整型是編輯username文本50否訂單用戶名actiondate日期/時間無否日期id數字長整型否產品編號productnum數字長整型否產品訂購數量goods文本50否訂單編號state數字長整型否6是表示在購物籃recepit文本50否收貨人address文本50否收貨地址postcode數字長整型否郵編comments備注無否留言paymethod數字長整型否匯款方式編號deliverymethod數字長整型否送貨方式編號sex數字長整型否性別paid數字長整型否總金額realname文本50否姓名useremail文本50否emailuser

9、tel文本50否電話userid數字長整型否用戶ID表4.4 product 數據表列名類型字段大小主鍵否功能描述id自動編號長整型是編號name文本50否書名 author文本50否作者productdate日期/時間無否出版日期score數字長整型否積分detail備注無否詳細介紹rank數字長整型否用戶評級分數price1數字長整型否市場價price2數字長整型否會員價recommend數字長整型否推薦solded數字長整型否訂購次數viewnum數字長整型否查看次數discount數字長整型否折扣sortsid數字長整型否小類IDcategoryid數字長整型否大類IDpic文本50否

10、縮略圖adddate日期/時間無否添加日期ranknum數字長整型否評級次數vipprice數字長整型否vip價格mark文本50否出版社五網上書店實現5.1 具體功能描述5.1.1 分類查看點擊首頁左邊圖書分類的類別名，可以查看該網上書店的所有分類，點擊各個小分類也可看到各個分類所包涵的圖書。5.1.2 搜索查詢分為快速查找和高級搜索，在快速搜索中，在查詢欄“書名”框內輸入您要查找的書名，并可以在各個小分類內查找，只要在下拉菜單中選擇你要搜索的分類，然后點擊“查找”或直接按回車（ENTER）鍵，稍后，查詢結果將顯示出來。在高級搜索中，可以依據書籍名稱、作者名稱、出版社、出版時間、價格范圍、分

11、類進行詳細查找。5.1.3 登陸與注冊 本網站可進行注冊成為會員，如下圖5.1。 圖5.1 用戶登陸圖 成為會員才可進行購物，注冊后就會顯示消費者的賬戶、個人資料、收貨資料、修改密碼、購物車、我的定單、統計信息和注銷退出，在個人資料中可以修改個人的基本信息，如郵箱、真實姓名、密碼提問、密碼答案等。在收貨資料中填寫收貨人的信息，可以使書店及時將消費者訂購的書籍運送給用戶；點擊修改密碼后輸入舊密碼和新密碼即可修改密碼；在我的定單中可以看到消費者要購買的書，點擊繼續購買可以轉到書籍瀏覽處，繼續購買；點擊統計消息，可以知道此會員何時注冊、下定單的時間、次數及成交次數和金額；點擊注銷退出，便退出會員登陸

12、，返回到主頁面。5.1.4 購物車使用 如圖5.2。圖5.2 購物車圖5.1.4.1 購買每本書目旁邊都有一個“購買”圖標，點擊“購買”，即將該書放入購物車，在右邊的我的購物車一欄中顯示消費者點擊購買過的書籍，并顯示共有幾種商品及合計多少元。“購物車”的內容包括您訂購書籍的信息：書名、數量、會員價、折扣等。5.1.4.2 修改定購數量在消費者確定購買購物車內的書后，可點擊下方的下訂單，每本書的默認訂購數量是“1”冊。如果要改變訂購數量，請在數量框中填入您想購買的數量，然后按下右邊的“修改數量”按鈕，系統會更新購物車信息，在此頁面也會提醒您是普通會員或是VIP會員和總金額，確定點擊下一步，即進入

13、結賬界面，填入消費者的基本信息，書店據此將書籍運送到消費者所指定的地點。如圖4.3。圖5.3 具體郵寄填寫圖5.1.4.3 刪除購物車內的書籍已經放入購物車的書籍，若想放棄，可按購物車界面中右邊的“刪除”按鈕，該書即被刪除，系統會更新購物車信息。如果希望購買網站暫時沒有的書籍，請您將所需的圖書的基本信息提供給我們，我們將會聯系出版社查找，并將結果盡快通知您。圖書的信息包括準確的書名、出版社、ISBN書號等。5.1.5 評級和評論 點擊具體書下方的對此書進行評級，便可對此書評級，分為0到10級，可對其他的消費者提供一些購買信息，也可對書籍進行評論，只要點擊下方的發表評論就可彈出對話框，實現了消費

14、者和書店之間的動態交互性。如圖4.4。 圖5.4 評論圖5.1.6 圖書排行榜點擊導航欄上的暢銷圖書可查看圖書銷售排行榜，圖書購買次數越多，此圖書在排行榜中的位置越往上，可以為消費者提供購書信息，即哪種書的銷售情況最佳。5.1.7 其他小功能點擊首頁右上方的加為收藏夾，便可將此網站地址加入本機的收藏夾內；點擊幫助，就會進入本網站的幫助網頁，此網頁詳細介紹了在本網上書店進行購物進行的流程和注意的問題；在首頁左上方有時間顯示，用JavaScript語言編寫而成；點擊網頁下方的聯系我們，即可彈出Microsoft office outlook，可向書店管理者發送郵件；點擊管理中心，可進入管理員登陸界

15、面，實現網站的后臺管理。5.2 用戶購物流程用戶購物流程如圖5.5所示：圖5.5 購物流程圖5.3 重要模塊具體功能實現5.3.1暢銷排行榜 暢銷排行榜通過比較購買次數而進行排名，此功能的實現過程，首先在數據庫的product表中加入一個字段solded，以此來記錄書籍被購買的次數，在排行榜代碼中比較字段solded的大小后與數據庫相連，由大到小排列顯示書籍的具體信息9。5.3.2 購物車購物車的實現首先檢查數據庫此用戶是否登陸，若無，則設置直接彈出提示注冊窗口，若有，則加入消費者的購物欄內，實際是在數據庫表orders中加入一條記錄，來記錄購買信息，其中也可修改購買數量，點擊修改按鈕實際是修

16、改數據庫中orders中productnum一項，填寫結賬信息是填寫orders表中receipt、address、postcode、 comments、paymethord等字段的內容，在下定單的過程中，由state來記錄購買進行到的過程，1到5表示在下定單過程中，而6則表示已經完成下定單的全過程，即消費者提交完畢。5.3.3 搜索功能搜索分為快速搜索和高級搜索，工作過程和搜索的表是一樣的，是product只是高級搜索連接和判斷數據庫中的字段多，涉及name、 author、mark、adddate、price和categoryid諸多字段，而快速只涉及name和categoryid兩個字段

17、的判斷，最后都是顯示出符合判斷條件的書籍。六網站整體設計6.1 CSS樣式單文件設計層疊樣式單CSS（Cascading Style Sheets）是W3C給出的兩種樣式單語言推薦標準之一。與HTML描述數據顯示方式的傳統方法相比具有表達效果豐富、文檔體積小、便于信息檢索和可讀性好等優點9。外部樣式表文件不但可以提高代碼復用性，而且有利于統一網站的整體風格。本網站在前臺界面和后臺管理分別使用了樣式單文件：style.css，網頁中引用外部樣式表的語法分別為：<link rel="stylesheet" href="./inc/style.css"

18、type="text/css">主要對前后臺界面風格如：字體的大小、超鏈接屬性、滾動條風格等進行了統一的調整和規定。6.2 創建數據庫連接動態網站開發，一個很重要的步驟就是創建數據庫連接，即訪問數據庫。本站采用了ADO（ActiveX數據對象）存取數據庫的對象,連接數據庫驅動為ODBC（開放數據庫互連）,連接方式為DSNless connection（不用數據源打開數據庫)。（1）ADO（ActiveX Data Objects）是用來存取數據庫的對象統稱，是建立在OLE DB技術基礎上的接口技術,OLE DB在ODBC的基礎上,用面向對象的思想對ODBC的函數重新進

19、行了分類和包裝,形成了新的標準，即ODBC是OLE DB 的子類,而OLE DB是ODBC的超類。ADO主要含有三種對象：Connection、Recordset和Command。Connection：負責打開或連接數據；Recordset：負責存取數據表；Command：負責對數據庫執行行動查詢命令。只依靠這三個對象還是無法存取數據庫的，還必須具有數據庫存取的驅動程序：OLE DB驅動程序或ODBC驅動程序。對于任何一種數據庫都必須有相對應的驅動程序，ADO才能對數據庫進行存取10。（2）本網站連接數據庫的代碼為：打開數據庫連接dim conn,connstr,db,rsdb="manage/db/db.mdb"Set conn = Server.CreateObject("ADODB.Connection")connstr="Provider=Microsoft.Jet.OLEDB.4.0;Data Source=" & Server.MapPath(""&db&"")七總結作