電子商務網(wǎng)站創(chuàng)建實例論述

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

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

返回10.1.3系統(tǒng)流程分析從客戶角度，購物流程為：注冊用戶、選購商品、預定商品、退出登錄。流程如下圖所示：用戶瀏覽商品精品推薦特價商品查詢商品購物車用戶登錄判斷用戶登錄新用戶注冊服務臺用戶訂單回執(zhí)未登錄新用戶從管理員角度，流程為：管理員登錄后臺，發(fā)布公告、添加鮮花產(chǎn)品，查看、管理預定信息，退出管理平臺。流程圖如下圖所示：管理員登錄驗證是否合法管理員添加商品管理信息管理商品管理訂單管理用戶管理欄目帳號驗證驗證成功驗證失敗10.1.4系統(tǒng)目錄結構請打開在線鮮花定購系統(tǒng)主目錄文件夾flowers，并查看其目錄結構：主目錄文件夾放置網(wǎng)站全部前臺頁面及子文件夾；Admin子文件夾：放置后臺管理系統(tǒng)文件，通過此文件夾中的login.asp登錄后臺管理系統(tǒng)；Bookpic子文件夾：存放后臺上傳的鮮花商品圖片；Db子文件夾：放置網(wǎng)站數(shù)據(jù)庫；Images子文件夾：放置網(wǎng)站全部圖片文件；Guanggao子文件夾：存放廣告圖片；Vote子文件夾：放置網(wǎng)站投票系統(tǒng)。10.2數(shù)據(jù)庫設計與實現(xiàn)10.2.1

數(shù)據(jù)庫需求分析根據(jù)上面的流程，在此系統(tǒng)中要用到以下幾個表：Users：用戶表，用以存放會員登錄賬戶密碼、真實姓名、聯(lián)系方式等相關信息；Shop_Admin：管理員表，存放管理員登錄用戶名稱、密碼等相關信息；Shop_news：新聞表，用于存放公告信息；Shop_books：鮮花商品表，用于存放鮮花商品信息；Shop_anclass：商品大類表Shop_nclass：商品小類表Shop_action：訂單表，用于存放不同會員的定購信息和定購狀態(tài)，以及存放在收藏夾中的商品。此外，還有網(wǎng)站相關的信息表，包括：Shop_fk：留言本信息；Shop_links：合作伙伴鏈接；Shop_gg：廣告管理；……10.2.2數(shù)據(jù)庫邏輯分析下面，請大家打開db中的shop1299764859.mdb數(shù)據(jù)庫，一起來分析幾個主要表的邏輯關系。Users：用戶表，存儲注冊用戶的重要信息，為防止用戶忘記密碼，使用question和answer字段存放取回密碼的問題和答案；Shop_Admin：管理員表，存放管理員名稱、密碼，密碼使用MD5不可逆算法進行加密；Shop_news：新聞公告表，相對獨立；Shop_books：鮮花商品表，用于存放鮮花商品信息，使用anclassid和nclassid分別存儲商品大類和小類編號；Shop_anclass：商品大類表，鮮花商品一級欄目，通過設置changyong決定是否顯示；Shop_nclass：商品小類表，存放二級欄目，通過anclassis與一級欄目關聯(lián)；Shop_action：訂單表，用于存放與訂單相關的基本信息。Zhuangtai記錄訂單當前狀態(tài)，1表示未作任何處理，5表示已處理完畢，6表示放入收藏夾。10.3前臺頁面模塊設計10.3.1首頁設計（點擊查看）設計電子商城的首頁，需要充分考慮網(wǎng)站的宗旨，清理網(wǎng)站的操作流程，將用戶最關注、最常用的功能點放在最醒目的位置，同時考慮網(wǎng)站的美觀和創(chuàng)意，吸引顧客的眼球。討論：總結一下，首頁總共提供了哪些主要功能？你認為有哪些亮點，哪些不足？10.3.2鮮花瀏覽模塊設計點擊鮮花分類鏈接，再轉到相應商品列表頁面。在該頁中將顯示屬于同一類型的所有鮮花商品的各項屬性，在每個鮮花商品下放都有一個購買及收藏按鈕，單擊可進行相應操作。商品列表用于實現(xiàn)用戶按各種方式進行商品瀏覽的功能，主要分兩步：從數(shù)據(jù)庫中生成數(shù)據(jù)集合，確定完成列表功能所需的參數(shù)值，見自定義函數(shù)showpage()；完成數(shù)據(jù)的顯示，見自定義函數(shù)showcontent()。10.3.2鮮花查詢模塊設計查詢系統(tǒng)對于一個電子商城系統(tǒng)是必不可少的功能之一，本查詢模塊分為兩種模式：普通查詢：提供關鍵字查詢高級查詢：增加了查詢條件，如價格范圍、產(chǎn)品分類等，讓用戶查詢更加準確。涉及本查詢模塊的文件如下：Webtop.asp：網(wǎng)頁頂部頁面，普通查詢模塊放在該文件上；Search.asp：高級查詢模塊頁面；Research.asp：查詢結果顯示頁面10.4用戶功能模塊用戶如果要購買商品，則必須注冊成網(wǎng)站會員，之后將為會員分配一個sessionID，購物車將使用session對象跟蹤會員，會員能隨時添加商品到購物車中；用戶注冊登錄后，可以修改個人資料，修改個人密碼和取回丟失的密碼，查看個人訂單和收藏夾等，如右圖：10.4.1用戶注冊設計點擊用戶注冊鏈接，進入用戶注冊文件Reg.asp頁面，如下圖所示：設計用戶注冊功能時須注意：對用戶輸入信息進行驗證，如用戶名不能為空，Email地址的有效性檢查等，此處利用check()函數(shù)來檢驗；用戶忘記密碼，可通過點擊頁面底部“取回密碼”，回答預設的問題找回；用戶密碼的安全問題，必須做好密碼加密工作，本程序利用MD5.asp進行加密。10.4.2用戶登錄設計用戶登錄界面是一個獨立的文件userinfo.asp，其實現(xiàn)原理為：用戶輸入用戶名密碼后，單擊登錄，表單將值傳遞到用戶登錄驗證頁面Chkuser.asp。若登錄成功，則將該用戶名寫入Cookies標簽，以方便后面的調(diào)用。

response.Cookies("bookshop")("username")=trim(request("username"))用戶成功登錄后，將跳轉回首頁，顯示：10.5購物車模塊的設計購物車是電子商務類網(wǎng)站非常重要的功能模塊之一，主要功能有：將商品放入購物車瀏覽購物車管理購物車中的商品購物車功能主要涉及下面2個文件：Shopping.asp：購物車功能主要文件，可以對購買商品的數(shù)量進行修改；Shoucang.asp：收藏夾功能頁面，當某商品尚未確定定購時，可先放入收藏夾。10.5.1訂購鮮花流程（點擊觀看視頻）當用戶決定訂購一款產(chǎn)品時，只需單擊“購買”按鈕，進入購物車功能文件shopping.asp，在這里可以執(zhí)行更改數(shù)量、清空購物車、重新選購等各項操作。如果確定購買，則可單擊“下一步”按鈕填寫詳細的訂購表單。填寫完后，單擊“下一步”按鈕，如果用戶資料準確無誤，將會出現(xiàn)一個確認表單，單擊“確認”后就會生成一份正式訂單，并自動發(fā)一份訂單資料到客戶信箱。如果只是需要收藏，可以單擊“收藏”按鈕。10.5.2添加購買商品功能設計單擊“購買”后，頁面跳轉到shopping.asp文件，該文件主要分以下三大部分：訂購商品清單：在此可以對商品數(shù)量進行修改；客戶信息：包括地址、等，方便送貨；訂購商品詳細清單和用戶填寫資料。10.6后臺管理模塊設計10.6.1后臺登錄及權限設計與用戶登錄設計相似，此處不再贅述10.6.2鮮花商品大類管理主要涉及以下兩個文件：Anclass.asp：商品大類管理文件，可添加、修改、刪除商品大類；Saveanclass.asp：具體實現(xiàn)添加、修改、刪除商品大類的程序文件。10.6.3鮮花商品小類管理主要涉及以下兩個文件：Nclass.asp：商品小類管理文件，可添加、刪除、修改商品小類；Savenclass.asp：具體實現(xiàn)添加、修改、刪除商品小類功能。這兩個文件與大類管理的實現(xiàn)類似，所不同的是，需要與大類的anclassid關聯(lián)。10.6.4鮮花商品類別轉移當某些二級欄目需要轉移到其他一級欄目中時，需要使用類別轉移功能，涉及的文件如下：Moveclass.asp：商品類別轉移頁面文件；Savemoveclass.asp：實現(xiàn)轉移功能的程序代碼文件。轉移欄目的原理：修改小分類對應的大分類編號需要注意的問題：轉移小類的同時也要轉移小類下所有的商品；轉移后需要修改小分類的排序。10.6.5添加鮮花商品商品添加功能是后臺管理系統(tǒng)的重要功能之一，本系統(tǒng)設置了3個分類，管理員可將商品同時放入3個欄目分類中。本功能涉及文件如下：Addbook.asp：添加商品前臺頁面；Saveaddbook.asp：添加商品處理程序頁面。此外，在上傳圖片的時候，使用了“化境ASP無組件上傳類upload_5xsoft”的方式。10.6.6管理鮮花訂單訂單管理模塊是后臺管理的另一個重要模塊，包括訂單列表、訂單修改、訂單刪除、打印訂單等功能。本功能涉及文件如下：Editdingdan.asp：訂單列表頁面Viewdingdan.asp：訂單處理程序頁面10.6.7管理后臺用戶管理員登錄后，可以管理自己的個人信息或其他管理員的所有信息。本功能涉及的文件如下：Manageadmin.asp：管理員管理主界面；Saveadmin.asp：保存管理員設置程序文件。注意：后臺管理用戶與前臺用戶完全分開，權限：管理人員：擁有本站所有管理權限；添加人員：只能添加、刪除、修改商品資料；查看人員：管理商品評論和用戶訂單。10.7小結本章詳細介紹了一個具有強大功能的B2C電子商務購物平臺，該平臺采用B/S模式設計，通過ASP技術構建而成。具有強大的商品管理、分類管理、購物車、訂單管理統(tǒng)計、會員管理、在線支付等功能，同時擁有靈活的廣告管理、新聞管理等功能。通過本章的學習，同學們要能理解電子商城系統(tǒng)的結構，掌握購