【導(dǎo)讀】膳禮品、母嬰用品、美容減肥商品、醫(yī)療器械等商品的網(wǎng)購及健康資訊服務(wù)。需求和經(jīng)濟(jì)走勢而設(shè)計(jì)開發(fā)的電子商務(wù)平臺。它有利于商家的宣傳推廣，提高知名度和市場影。本文首先介紹了網(wǎng)上購物系統(tǒng)的現(xiàn)狀及開發(fā)背景，然后論述了系統(tǒng)的設(shè)計(jì)目標(biāo)，市場需求，了商品管理，用戶信息管理，訂單管理等功能。最后，本文對制作網(wǎng)上購物系統(tǒng)的過程進(jìn)行了。系統(tǒng)總結(jié)，并列出所引用書目的名稱。在設(shè)計(jì)方面，本系統(tǒng)采用B/S三層結(jié)構(gòu)，同時使用ASP技術(shù)進(jìn)行動態(tài)頁面的設(shè)計(jì)。據(jù)庫選用Access數(shù)據(jù)庫。

　　

【正文】 業(yè)設(shè)計(jì)（論文） 系統(tǒng)功能實(shí)現(xiàn) 17 首頁設(shè)計(jì) 首頁設(shè)計(jì)簡介 由于購物系統(tǒng)首頁的內(nèi)容較多，而且個欄目的分類設(shè)置等一系列問題都是系統(tǒng)的 設(shè)計(jì)者所需要考慮的，經(jīng)過多次的分析和實(shí)踐，我總結(jié)出以下經(jīng)驗(yàn)：就是先設(shè)計(jì)其靜 態(tài)頁面，然后再添加動態(tài)的交互內(nèi)容。并且在進(jìn)入正式編寫程序之前，我們還要考慮 一個問題，對于一個信息量巨大的頁面來說，動輒就要幾百行甚至幾千行的代碼，這 對于后期的 維護(hù)來說是非常麻煩的。怎樣解決這個問題呢？本人經(jīng)過思考，決定將不同功能的代碼制作成幾個單獨(dú)的文件或者幾段功能相同的代碼段打包成包含文件，包含文件利用網(wǎng)站各個頁面中功能相同的程序或者代碼段打包成一個單獨(dú)的文件，當(dāng)某個頁面在需要使用它的時候，使用include 函數(shù)即可以調(diào)用在這段代碼。包含文件可以減少系統(tǒng)中代碼重復(fù)使用，進(jìn)而提高編程效率。還可以使網(wǎng)站各個頁面風(fēng)格統(tǒng)一。并且如果菜單、導(dǎo)航或腳文件等需要修改時，僅需改變這個包含文件即可，而不需要每個頁面都逐一修改。 首頁整體劃分為幾個部分： top 區(qū)域， left 區(qū)域， main 區(qū)域和 bottom 區(qū) 域，為了維護(hù)的方便和提高代碼的重用，節(jié)省開發(fā)時間，全部調(diào)用其他文件。這個四個區(qū)域分別由 文件、 文件 文件、 文件組成。 文件 包含文件 用來生成顯示在各個頁面頭部的內(nèi)容，包括網(wǎng)站的標(biāo)志圖片以及“登錄”、“注冊”、“收藏”、“首頁”、“購物車”等眾多超鏈接。 文件 包含文件 用來生成顯示首頁的左側(cè)區(qū)域，包含商品分類表，網(wǎng)站公告 欄，用戶評價等模塊。 文件 康民網(wǎng)上藥房首頁 實(shí)際上是一個展示藥品信息的頁面，主要功能是將本站點(diǎn)數(shù)據(jù)庫內(nèi) product 表中的各條藥品的記錄信息內(nèi)容，包括藥品名稱、藥品價格，藥品實(shí)樣的縮略圖、藥品功能的簡介等信息使用簡潔、美觀的布局方式展示在網(wǎng)頁上，來方便用戶進(jìn)行瀏覽。 文件 包含文件 用來生成顯示在各個頁面尾部的版權(quán)信息，幫助中心，以及網(wǎng)上經(jīng)營許可證號碼等信息。 首頁 文件 的界面效果如圖 54 所示。 東華理工大學(xué)軟件學(xué)院本科畢業(yè)設(shè)計(jì)（論文） 系統(tǒng)功能實(shí)現(xiàn) 18 圖 藥 品 信息 瀏覽模塊 藥 品 信息 瀏覽 模 塊功能簡介 在首頁顯示藥品縮略圖都是包含超鏈接，一旦被點(diǎn)擊就會鏈接到目標(biāo)文檔 ，輸出藥品的編號 id ，然后由 頁面負(fù)責(zé)將 product 數(shù)據(jù)表的詳細(xì)內(nèi)容在頁面顯示出來。 無論是注冊還是未注冊的用戶都可以在系統(tǒng)中瀏覽系統(tǒng)提供的商品信息。 藥品信息 瀏覽 模塊 的實(shí)現(xiàn) 東華理工大學(xué)軟件學(xué)院本科畢業(yè)設(shè)計(jì)（論文） 系統(tǒng)功能實(shí)現(xiàn) 19 該模塊主要實(shí)現(xiàn) 了 對網(wǎng)站上藥品信息的進(jìn)行 瀏覽， 該模塊主要是針對商品信息表數(shù)據(jù)表 product 進(jìn)行操作，將表 product 的里的數(shù)據(jù)信息以一定的布局方式顯示在網(wǎng)頁上。主要運(yùn)用了下拉列表框中數(shù)據(jù)庫的綁定， Datarepearter 控件的藥品信息瀏覽分頁顯示，運(yùn)用 Ado對數(shù)據(jù)庫進(jìn)行查詢、更新、新增、移除等操作。 商品的詳情瀏覽模塊 文件 的界面效果如圖 55 所示： 圖 43 商品詳情頁面 藥 品的訂購模塊 藥 品的訂購 模塊功能簡介 藥品訂購模塊主要實(shí)現(xiàn)了 實(shí)現(xiàn)電子購物車功能。 注冊用戶選擇好想要購買藥品后，點(diǎn)擊該藥品信息里的“購買”按鈕，就能將其放入購物車中，選擇好藥品如果不想要了，還可以在購物車中刪除該商品。當(dāng)用戶確認(rèn)好購物車內(nèi)的藥品后，單擊購物車下方的“提交”按鈕后系統(tǒng)即可自動生成訂單。本系統(tǒng)的電子購物模塊 ，主要包含以下幾個功能，即：添加購物車、查看購物車、生成訂單和清空購物車。 此截面為購物車實(shí)現(xiàn)的截面，其相應(yīng)的內(nèi)容保存在本機(jī)的中，而且其還可以設(shè)置時間限制，當(dāng)用戶超出一定時間沒有結(jié)算的話，其中的東西將被丟棄。如果繼 續(xù)挑選則相同的商品時累加的， 如圖 56 所示 ： 東華理工大學(xué)軟件學(xué)院本科畢業(yè)設(shè)計(jì)（論文） 系統(tǒng)功能實(shí)現(xiàn) 20 圖 44 購物車頁面 商品的訂購模塊 的實(shí)現(xiàn) 添加購物車就是把用戶選中的商品 放入 在購物車中，當(dāng)用戶在 商品瀏覽頁面點(diǎn)擊 “放入購物車 購買 ”按鈕時，系統(tǒng)會 自動 將該商品 加入到購物車中，并在購物車頁面顯示部分藥品信息 。 實(shí)際上是把該藥品的在數(shù)據(jù)表 product 的部分藥品信息，包括添加藥品系統(tǒng)給的編號、藥品名稱，藥品在網(wǎng)站的定價，藥品實(shí)樣的縮略圖、和用戶購買該藥品的數(shù)量等信息一同 保存在數(shù)據(jù)表 buylist 中。 此功能由電子購物車模塊 中的如下代碼段實(shí)現(xiàn)： function getPP(pi,pname) sql=select amp。pnameamp。 from product_price where id=amp。pi 39。(sql) set rs=() sql,conn,1,1 if not or not then getPP=rs(0) end if end function 該模塊為購物車內(nèi)顯示的每一種藥品在其右側(cè)提供一個 ” 刪除 ” 按鈕，只要點(diǎn)擊這個按鈕與之對應(yīng)的藥品就會從購物車中刪除，并且在數(shù)據(jù)表 buyplist 中對應(yīng)的記錄也會被自動刪。除。上述功能是依靠 頁面中如下代碼實(shí)現(xiàn)的： if t=del then (car)=replace((car),(li),0) (?) end if 東華理工大學(xué)軟件學(xué)院本科畢業(yè)設(shè)計(jì)（論文） 系統(tǒng)功能實(shí)現(xiàn) 21 清空購物車是指當(dāng)用戶 選好藥品后，有全都不想購買時，不用在購物車內(nèi)逐條刪除 ， 只需用點(diǎn)擊“清空“按鈕即可清除購物車中的所有藥品信息。上述功能是依靠 頁面中如下代碼實(shí)現(xiàn)的： if t=clear then (car)= (?) end if 該模塊允許注冊用戶在購物車中修改所 選購藥品的數(shù)量，用戶只需點(diǎn)擊數(shù)量一欄的“ ”和“ +”即可減少和增加所選購藥品的數(shù)量，更改后的藥品數(shù)量會存入 plist 數(shù)據(jù)表中，并在購物車頁面顯示出重新計(jì)算后的所購藥品總價格。上述功能是依靠 頁面中如下代碼實(shí)現(xiàn)的： input type=text size=2 value=%=carb(1)% id=c%=carb(0)% readonly=readonly name=amount%=carb(2)% / a href=javascript:a(%=carb(0)%,%=rsGetP(price)%, %=getProductMsg(rsGetP(pid),incount)%) class=cc+/afont color=999999(庫存： %=getProductMsg (rsGetP(pid) ,incount)% 購物車模塊流程圖如圖 45 所示。 東華理工大學(xué)軟件學(xué)院本科畢業(yè)設(shè)計(jì)（論文） 系統(tǒng)功能實(shí)現(xiàn) 22 圖 46 購物車模塊流程圖 開 始 查詢數(shù)據(jù)庫 數(shù)據(jù)是否存在 顯示商品的信息 是 是否放入購物車 購物車是否為空 是 沒有該商品 否 否 購物車中已 存在該商品 新建購物車 該商品數(shù)量加 1 將商品添加入購物車 是 否 顯示購物車信息 是否修改商品數(shù)量 否 是否清空購物車 是 刪除購物 車中商品 是 是否繼續(xù)購物 否 是否去收銀臺 接收填寫的訂單信息 數(shù)據(jù)是否為空 訂單信息存入數(shù)據(jù)庫 更新是否成功 是 否 是 否 是 修改商 品數(shù)量 是 結(jié) 束 否 否 否 東華理工大學(xué)軟件學(xué)院本科畢業(yè)設(shè)計(jì)（論文） 系統(tǒng)功能實(shí)現(xiàn) 23 藥品信 息管理模塊設(shè)計(jì) 藥品信息管理模塊功能簡介 藥品信息管理模塊 實(shí)現(xiàn)系統(tǒng)管理員 藥品對網(wǎng)站上藥品信息進(jìn)行管理的功能。管理員對藥品信息的管理主要包括對藥品的添加和刪除，對已有的網(wǎng)站藥品基本信息的進(jìn)行修改等內(nèi)容。 此 項(xiàng)功能 包括 藥品 信息管理 模塊 和 藥品信息添加模塊 兩個模塊。 藥品信息的主要內(nèi)容有：藥品名稱、藥品類別、藥品的價格，藥品的庫存等信息。 藥品信息管理模塊的實(shí)現(xiàn) 此模塊的主要是對 網(wǎng)站上的藥品信息進(jìn)行新增、修改、去除以及藥品類別 的 新增、修改、去除等操作 。 此模塊主要是針對藥品類型表 p_menu、藥品信息表 product 的處理， 用 DataGrid 控件綁定 藥品 信息表 ， 然后管理員可以對 藥品信息 進(jìn)行刪除與更新操作。對于藥品信息的添加通過管理員在后臺管理系統(tǒng)發(fā)布信息或直接在數(shù)據(jù)表中添加數(shù)據(jù)來實(shí)現(xiàn)。藥品 信息管理 、藥品信息 管理模塊 、 藥品信息添加模塊和商品類別管理 的執(zhí)行界面 分別 如圖 5 59.、 510 所 示 ： 圖 47 添加商品界面 東華理工大學(xué)軟件學(xué)院本科畢業(yè)設(shè)計(jì)（論文） 系統(tǒng)功能實(shí)現(xiàn) 24 圖 48 管理商品界面 圖 49 商品類別管理界面 顯示藥品的信息 的代碼如下： form action=?type=updateamp。id=%=id% method=post name=f onSubmit=return check() 名稱： input type=text value=%=rs(title)% name=title /br / 品牌： %call getppoption(rs(pp))% 庫存： input type=text value=%=rs(incount)% name=incount size=5 / 銷售量： %=rs(sellcount)%br / br /br / div class=k 價格： input type=text value=%=rs(price)% name=price size=5 / br / 類別： span id=menuname%=getMenuName(rs(menu))% %=getMenuName(rs(menu1))% %=getMenuName(rs(menu2))%/span input type=hidden name=menuid value=%=rs(menu)%,%=rs(menu1)%,%=rs(menu2)% /br / iframe id=menuchoose src= width=500 height=200 frameborder=0 scrolling=auto/iframe 介紹： textarea id=article name=article rows=20 cols=50 style=display:none%=rs(article)%/textarea 更新藥品信息的代碼如下： set rsUpdate=() sqlUpdate=select * from [product] where [id]=amp。(id) sqlUpdate,conn,1,3 rsUpdate(title)=trim((title)) rsUpdate(menu)=menu rsUpdate(menu1)=menu1 rsUpdate(menu2)=menu2 東華理工大學(xué)軟件學(xué)院本科畢業(yè)設(shè)計(jì)（論文） 系統(tǒng)功能實(shí)現(xiàn) 25 rsUpdate(price)=trim((price)) rsUpdate(pp)=trim((pp)) rsUpdate(incount)=trim((incount)) (?type=okamp。id=amp。(id)) end if 為了確保 藥品信息不要重復(fù)，在用戶提交表單時，首先要提交 用戶輸入的 藥