第十講 電子商務(wù)網(wǎng)站創(chuàng)建實(shí)例

第十講電子商務(wù)網(wǎng)站創(chuàng)建實(shí)例引言上次課，我們從系統(tǒng)設(shè)計(jì)、數(shù)據(jù)庫(kù)的設(shè)計(jì)與實(shí)現(xiàn)以及系統(tǒng)管理三方面剖析了一個(gè)全站系統(tǒng)，介紹在基本方案確定后，如何快速完成網(wǎng)站建設(shè)。今天，我們將看看一個(gè)真正的電子商務(wù)網(wǎng)站實(shí)例——在線鮮花定購(gòu)系統(tǒng)，一起來討論，一個(gè)電子商務(wù)網(wǎng)站需要具備哪些主要功能，各種功能又是如何實(shí)現(xiàn)的。我們?cè)谡n上將特別關(guān)注系統(tǒng)功能的設(shè)計(jì)，代碼部分主要由同學(xué)們課后慢慢理解、學(xué)習(xí)。10.1系統(tǒng)分析與總體設(shè)計(jì)10.1.1功能描述在線鮮花定購(gòu)系統(tǒng)主要是建立網(wǎng)上鮮花定購(gòu)及管理平臺(tái)，主要提供以下功能：發(fā)布鮮花產(chǎn)品，供客戶查看；實(shí)現(xiàn)簡(jiǎn)單的鮮花查詢功能；客戶能方便的訂購(gòu)鮮花產(chǎn)品；客戶能有效的管理自己的訂單；管理員可以管理所有客戶的訂單。一般網(wǎng)上商店系統(tǒng)都應(yīng)具備以上功能。難點(diǎn)：購(gòu)物車：幫助客戶完成商品的訂購(gòu)或收藏；訂單管理：管理員對(duì)客戶訂單的管理；在線支付功能：它是電子商務(wù)的瓶頸，也是此類系統(tǒng)實(shí)現(xiàn)的難點(diǎn)。簡(jiǎn)單起見，此處不涉及與銀行支付的網(wǎng)關(guān)的調(diào)用，只是記錄顧客的銀行卡號(hào)及支付金額。系統(tǒng)結(jié)構(gòu)設(shè)計(jì)在線鮮花訂購(gòu)系統(tǒng)結(jié)構(gòu)圖電子商城系統(tǒng)管理模塊會(huì)員模塊鮮花分類鮮花發(fā)布鮮花查詢訂單管理公告管理會(huì)員注冊(cè)鮮花瀏覽鮮花查詢訂單管理1.管理功能模塊鮮花分類：按照鮮花的不同品種進(jìn)行分類管理；鮮花發(fā)布：添加鮮花產(chǎn)品的相關(guān)信息，按類別進(jìn)行，同時(shí)可更改鮮花產(chǎn)品的相關(guān)信息等；鮮花搜索：根據(jù)鮮花名稱和類別進(jìn)行模糊查詢；訂單管理：管理會(huì)員的訂單信息，當(dāng)訂單無效時(shí)，可刪除；訂單產(chǎn)品已配送，可更改訂單狀態(tài)；公告管理：發(fā)布公告信息，提供與鮮花相關(guān)的定購(gòu)流程、優(yōu)惠信息等。

返回2.會(huì)員功能模塊會(huì)員注冊(cè)：客戶添加會(huì)員信息，記錄客戶聯(lián)系方式、地址、真實(shí)姓名等；鮮花瀏覽：可查看所有鮮花產(chǎn)品，同時(shí)根據(jù)銷售排行、推薦產(chǎn)品等進(jìn)行參考選購(gòu)；鮮花搜索：根據(jù)鮮花名稱和類別進(jìn)行模糊查詢，方便會(huì)員找到感興趣的產(chǎn)品；訂單管理：會(huì)員管理自己的訂單信息，可以刪除訂單；訂單產(chǎn)品配送時(shí)，可查看訂單狀態(tài)。

返回10.1.3系統(tǒng)流程分析從客戶角度，購(gòu)物流程為：注冊(cè)用戶、選購(gòu)商品、預(yù)定商品、退出登錄。流程如下圖所示：用戶瀏覽商品精品推薦特價(jià)商品查詢商品購(gòu)物車用戶登錄判斷用戶登錄新用戶注冊(cè)服務(wù)臺(tái)用戶訂單回執(zhí)未登錄新用戶從管理員角度，流程為：管理員登錄后臺(tái)，發(fā)布公告、添加鮮花產(chǎn)品，查看、管理預(yù)定信息，退出管理平臺(tái)。流程圖如下圖所示：管理員登錄驗(yàn)證是否合法管理員添加商品管理信息管理商品管理訂單管理用戶管理欄目帳號(hào)驗(yàn)證驗(yàn)證成功驗(yàn)證失敗10.1.4系統(tǒng)目錄結(jié)構(gòu)請(qǐng)打開在線鮮花定購(gòu)系統(tǒng)主目錄文件夾flowers，并查看其目錄結(jié)構(gòu)：主目錄文件夾放置網(wǎng)站全部前臺(tái)頁(yè)面及子文件夾；Admin子文件夾：放置后臺(tái)管理系統(tǒng)文件，通過此文件夾中的login.asp登錄后臺(tái)管理系統(tǒng)；Bookpic子文件夾：存放后臺(tái)上傳的鮮花商品圖片；Db子文件夾：放置網(wǎng)站數(shù)據(jù)庫(kù)；Images子文件夾：放置網(wǎng)站全部圖片文件；Guanggao子文件夾：存放廣告圖片；Vote子文件夾：放置網(wǎng)站投票系統(tǒng)。10.2數(shù)據(jù)庫(kù)設(shè)計(jì)與與實(shí)現(xiàn)數(shù)據(jù)庫(kù)需求分分析根據(jù)上面的流流程，在此系系統(tǒng)中要用到到以下幾個(gè)表表：Users：用戶表，用用以存放會(huì)員員登錄賬戶密密碼、真實(shí)姓姓名、聯(lián)系方方式等相關(guān)信信息；Shop_Admin：管理員表，，存放管理員員登錄用戶名名稱、密碼等等相關(guān)信息；；Shop_news：新聞表，用用于存放公告告信息；Shop_books：鮮花商品表表，用于存放放鮮花商品信信息；Shop_anclass：商品大類表表Shop_nclass：商品小類表表Shop_action：訂單表，用用于存放不同同會(huì)員的定購(gòu)購(gòu)信息和定購(gòu)購(gòu)狀態(tài)，以及及存放在收藏藏夾中的商品品。此外，還有網(wǎng)網(wǎng)站相關(guān)的信信息表，包括括：Shop_fk：留言本信息息；Shop_links：合作伙伴鏈鏈接；Shop_gg：廣告管理；；……數(shù)據(jù)庫(kù)邏輯分分析下面，請(qǐng)大家家打開db中的shop1299764859.mdb數(shù)據(jù)庫(kù)，一起起來分析幾個(gè)個(gè)主要表的邏邏輯關(guān)系。Users：用戶表，存存儲(chǔ)注冊(cè)用戶戶的重要信息息，為防止用用戶忘記密碼碼，使用question和answer字段存放取回回密碼的問題題和答案；Shop_Admin：管理員表，，存放管理員員名稱、密碼碼，密碼使用用MD5不可逆算法進(jìn)進(jìn)行加密；Shop_news：新聞公告表表，相對(duì)獨(dú)立立；Shop_books：鮮花商品表表，用于存放放鮮花商品信信息，使用anclassid和nclassid分別存儲(chǔ)商品品大類和小類類編號(hào)；Shop_anclass：商品大類表表，鮮花商品品一級(jí)欄目，，通過設(shè)置changyong決定是否顯示示；Shop_nclass：商品小類表表，存放二級(jí)級(jí)欄目，通過過anclassis與一級(jí)欄目關(guān)關(guān)聯(lián)；Shop_action：訂單表，用用于存放與訂訂單相關(guān)的基基本信息。Zhuangtai記錄訂單當(dāng)前前狀態(tài)，1表示未作任何何處理，5表示已處理完完畢，6表示放入收藏藏夾。10.3前臺(tái)頁(yè)面模塊塊設(shè)計(jì)首頁(yè)設(shè)計(jì)（點(diǎn)擊查看））設(shè)計(jì)電子商城城的首頁(yè)，需需要充分考慮慮網(wǎng)站的宗旨旨，清理網(wǎng)站站的操作流程程，將用戶最最關(guān)注、最常常用的功能點(diǎn)點(diǎn)放在最醒目目的位置，同同時(shí)考慮網(wǎng)站站的美觀和創(chuàng)創(chuàng)意，吸引顧顧客的眼球。。討論：總結(jié)一一下，首頁(yè)總總共提供了哪些主要功能能？你認(rèn)為有有哪些亮點(diǎn)，哪些些不足？鮮花瀏覽模塊塊設(shè)計(jì)點(diǎn)擊鮮花分類類鏈接，再轉(zhuǎn)轉(zhuǎn)到相應(yīng)商品列表頁(yè)面面。在該頁(yè)中將將顯示屬于同同一類型的所所有鮮花商品品的各項(xiàng)屬性性，在每個(gè)鮮鮮花商品下放放都有一個(gè)購(gòu)購(gòu)買及收藏按按鈕，單擊可可進(jìn)行相應(yīng)操操作。商品列表用于于實(shí)現(xiàn)用戶按按各種方式進(jìn)進(jìn)行商品瀏覽覽的功能，主主要分兩步：：從數(shù)據(jù)庫(kù)中生生成數(shù)據(jù)集合合，確定完成成列表功能所所需的參數(shù)值值，見自定義義函數(shù)showpage()；完成數(shù)據(jù)的顯顯示，見自定定義函數(shù)showcontent()。鮮花查詢模塊塊設(shè)計(jì)查詢系統(tǒng)對(duì)于于一個(gè)電子商商城系統(tǒng)是必必不可少的功功能之一，本本查詢模塊分分為兩種模式式：普通查詢：提提供關(guān)鍵字查查詢高級(jí)查詢：增增加了查詢條條件，如價(jià)格格范圍、產(chǎn)品品分類等，讓讓用戶查詢更更加準(zhǔn)確。涉及本查詢模模塊的文件如如下：Webtop.asp：網(wǎng)頁(yè)頂部部頁(yè)面，普通通查詢模塊放放在該文件上上；Search.asp：高級(jí)查詢模模塊頁(yè)面；Research.asp：查詢結(jié)果顯顯示頁(yè)面10.4用戶功能模塊塊用戶如果要購(gòu)購(gòu)買商品，則則必須注冊(cè)成成網(wǎng)站會(huì)員，，之后將為會(huì)會(huì)員分配一個(gè)個(gè)sessionID，購(gòu)物車將使使用session對(duì)象跟蹤會(huì)員員，會(huì)員能隨隨時(shí)添加商品品到購(gòu)物車中中；用戶注冊(cè)登錄錄后，可以修修改個(gè)人資料料，修改個(gè)人人密碼和取回回丟失的密碼碼，查看個(gè)人人訂單和收藏藏夾等，如右右圖：用戶注冊(cè)設(shè)計(jì)計(jì)點(diǎn)擊用戶注冊(cè)冊(cè)鏈接，進(jìn)入入用戶注冊(cè)文文件Reg.asp頁(yè)面，如下圖圖所示：設(shè)計(jì)用戶注冊(cè)冊(cè)功能時(shí)須注注意：對(duì)用戶輸入信信息進(jìn)行驗(yàn)證證，如用戶名名不能為空，，Email地址的有效性性檢查等，此此處利用check()函數(shù)來檢驗(yàn)；；用戶忘記密碼碼，可通過點(diǎn)點(diǎn)擊頁(yè)面底部部“取回密碼碼”，回答預(yù)預(yù)設(shè)的問題找找回；用戶密碼的安安全問題，必必須做好密碼碼加密工作，，本程序利用用MD5.asp進(jìn)行加密。用戶登錄設(shè)計(jì)計(jì)用戶登錄界面面是一個(gè)獨(dú)立立的文件userinfo.asp，其實(shí)現(xiàn)原理理為：用戶輸輸入用戶名密密碼后，單擊擊登錄，表單單將值傳遞到到用戶登錄驗(yàn)驗(yàn)證頁(yè)面Chkuser.asp。若登錄成功，，則將該用戶戶名寫入Cookies標(biāo)簽，以方便便后面的調(diào)用用。response.Cookies("bookshop")("username")=trim(request("username"))用戶成功登錄錄后，將跳轉(zhuǎn)轉(zhuǎn)回首頁(yè)，顯顯示：10.5購(gòu)物車模塊的的設(shè)計(jì)購(gòu)物車是電子子商務(wù)類網(wǎng)站站非常重要的的功能模塊之之一，主要功功能有：將商品放入購(gòu)購(gòu)物車瀏覽購(gòu)物車管理購(gòu)物車中中的商品購(gòu)物車功能主主要涉及下面面2個(gè)文件：Shopping.asp：購(gòu)物車功能能主要文件，，可以對(duì)購(gòu)買買商品的數(shù)量量進(jìn)行修改；；Shoucang.asp：收藏夾功能能頁(yè)面，當(dāng)某某商品尚未確確定定購(gòu)時(shí)，，可先放入收收藏夾。訂購(gòu)鮮花流程程（點(diǎn)擊觀看視視頻）當(dāng)用戶決定訂訂購(gòu)一款產(chǎn)品品時(shí)，只需單單擊“購(gòu)買””按鈕，進(jìn)入入購(gòu)物車功能能文件shopping.asp，在這里可以以執(zhí)行更改數(shù)數(shù)量、清空購(gòu)購(gòu)物車、重新新選購(gòu)等各項(xiàng)項(xiàng)操作。如果確定購(gòu)買買，則可單擊擊“下一步””按鈕填寫寫詳細(xì)的訂購(gòu)購(gòu)表單。填寫寫完后，單擊擊“下一步””按鈕，如如果用戶資料料準(zhǔn)確無誤，，將會(huì)出現(xiàn)一一個(gè)確認(rèn)表單單，單擊“確確認(rèn)”后就會(huì)會(huì)生成一份正正式訂單，并并自動(dòng)發(fā)一份份訂單資料到到客戶信箱。。如果只是需要要收藏，可以以單擊“收藏藏”按鈕。添加購(gòu)買商品品功能設(shè)計(jì)單擊“購(gòu)買””后，頁(yè)面跳跳轉(zhuǎn)到shopping.asp文件，該文件件主要分以下下三大部分：：訂購(gòu)商品清單單：在此可以以對(duì)商品數(shù)量量進(jìn)行修改；；客戶信息：包包括地址、電電話等，方便便送貨；訂購(gòu)商品詳細(xì)細(xì)清單和用戶戶填寫資料。。10.6后臺(tái)管理模模塊設(shè)計(jì)后臺(tái)登錄及及權(quán)限設(shè)計(jì)計(jì)與用戶登錄錄設(shè)計(jì)相似似，此處不不再贅述鮮花商品大大類管理主要涉及以以下兩個(gè)文文件：Anclass.asp：商品大類管管理文件，可添添加、修改改、刪除商商品大類；；Saveanclass.asp：具體實(shí)現(xiàn)現(xiàn)添加、修修改、刪除除商品大類類的程序文文件。鮮花商品小小類管理主要涉及以以下兩個(gè)文文件：Nclass.asp：商品小類管管理文件，可添添加、刪除除、修改商商品小類；；Savenclass.asp：具體實(shí)現(xiàn)現(xiàn)添加、修修改、刪除除商品小類類功能。這兩個(gè)文件件與大類管管理的實(shí)現(xiàn)現(xiàn)類似，所所不同的是是，需要與與大類的anclassid關(guān)聯(lián)。鮮花花商商品品類類別別轉(zhuǎn)轉(zhuǎn)移移當(dāng)某某些些二二級(jí)級(jí)欄欄目目需需要要轉(zhuǎn)轉(zhuǎn)移移到到其其他他一一級(jí)級(jí)欄欄目目中中時(shí)時(shí)，，需需要要使使用用類類別別轉(zhuǎn)轉(zhuǎn)移移功功能能，，涉涉及及的的文文件件如如下下：：Moveclass.asp：商品品類類別別轉(zhuǎn)轉(zhuǎn)移移頁(yè)面面文文件件；；Savemoveclass.asp：實(shí)實(shí)現(xiàn)現(xiàn)轉(zhuǎn)轉(zhuǎn)移移功功能能的的程程序序代代碼碼文文件件。。轉(zhuǎn)移移欄欄目目的的原原理理：：修修改改小小分分類類對(duì)對(duì)應(yīng)應(yīng)的的大大分分類類編編號(hào)號(hào)需要要注注意意的的問問題題：：轉(zhuǎn)移移小小類類的的同同時(shí)時(shí)也也要要轉(zhuǎn)轉(zhuǎn)移移小小類類下下所所有有的的商商品品；；轉(zhuǎn)移移后后需需要要修修改改小小分分類類的的排排序序。。添加加鮮鮮花花商商品品商品品添添加加功功能能是是后后臺(tái)臺(tái)管管理理系系統(tǒng)統(tǒng)的的重重要要功功能能之之一一，，本本系系統(tǒng)統(tǒng)設(shè)設(shè)置置了了3個(gè)分分類類，，管管理理員員可可將將商商品品同同時(shí)時(shí)放放入入3個(gè)欄欄目目分分類類中中。。本功功能能涉涉及及文文件件如如下下：：Addbook.asp：添加加商商品品前前臺(tái)臺(tái)頁(yè)頁(yè)面面；Saveaddbook.asp：添添加加商商品品處處理理程程序序頁(yè)頁(yè)面面。。此外外，，在在上上傳傳圖圖片片的的時(shí)時(shí)候候，，使使用用了了““化化境境ASP無組組件件上上傳傳類類upload_5xsoft”的方方式式。。管理理鮮鮮花花訂訂單單訂單單管管理理模模塊塊是是后后臺(tái)臺(tái)管管理理的的另另一一個(gè)個(gè)重重要要模模塊塊，，包包括括訂訂單單列列表表、、訂訂單單修修改改、、訂訂單單刪刪除除、、打打印印訂訂單單等等功功能能。。本功功能能涉涉及及文文件件如如下下：：Editdingdan.asp：訂單單列列表表頁(yè)頁(yè)面面Viewdingdan.asp：訂訂單單處處理理程程序序頁(yè)頁(yè)面面管理理后后臺(tái)臺(tái)用用戶戶管理員登登錄后，，可以管管理自己己的個(gè)人人信息或或其他管管理員的的所有信信息。本功能涉涉及的文文件如下下：Manageadmin.asp：管理員管管理主界界面；Saveadmin.asp：保存管管理員設(shè)設(shè)置程序序文件。。注意：后后臺(tái)管理理用戶與與前臺(tái)用用戶完全全分開，，權(quán)限：：管理人員員：擁有有本站所所有管理理權(quán)限；；添加人員員：只能能添加、、刪除、、修改商商品資料料；查看人員員：管理理商品評(píng)評(píng)論和用用戶訂單單。10.7