電子商務個人網(wǎng)站規(guī)劃設計報告

1、目 錄內(nèi)容摘要1第一章 系統(tǒng)使用技術概述11.1選題背景11.2技術支持2第二章 系統(tǒng)分析42.1可行性分析42.2 需求分析52.3 實現(xiàn)功能5第三章 總體設計與詳細設計83.1系統(tǒng)的設計思想83.2系統(tǒng)功能模塊圖83.3注冊登錄模塊83.4購物模塊103.5整體布局113.6分析得到數(shù)據(jù)字典11第四章 編碼調(diào)試與實現(xiàn)134.1首頁布局134.2購物車布局144.3其他功能實現(xiàn)154.4功能連接16總 結17摘 要 隨著計算機技術的日益發(fā)展，現(xiàn)代社會已經(jīng)到了真正的信息時代，互聯(lián)網(wǎng)上的這個虛擬世界正在具體化、現(xiàn)實化，并逐漸與現(xiàn)實生活融為一體。電子商務的迅速發(fā)展不僅是因為其將傳統(tǒng)商務流程電子化、

2、數(shù)字化而提高效率，而且在于其創(chuàng)造了更多的貿(mào)易機會。這是一個發(fā)展迅速的新市場，將形成一套全新的貿(mào)易活動框架。與此同時,商業(yè)空間也發(fā)展到全球規(guī)模, 這更加促進電子商務的(Electronic Commerce, EC)飛速發(fā)展，電子商務網(wǎng)站也就應運而生。建立商業(yè)網(wǎng)站，成了企業(yè)走近電子商務的第一步，電子商務網(wǎng)站使傳統(tǒng)的封閉營銷方式轉(zhuǎn)化為利用互聯(lián)網(wǎng)的方便性，向全世界的消費者宣傳自己的產(chǎn)品。本論文主要從網(wǎng)站的內(nèi)容定位、模塊結構、外觀設計三方面著手進行設計，電子商務網(wǎng)站的主要構件包括：數(shù)據(jù)庫（客戶數(shù)據(jù)庫、商品數(shù)據(jù)庫）、購物車、客戶公告、用戶注冊和登錄、訂單查詢、商品搜索引擎。此電子購物網(wǎng)站主要實現(xiàn)電子商城

3、的購物車模塊，實現(xiàn)了用戶瀏覽頁面商品和用戶登錄注冊等功能，用戶把商品放入購物車，并且對購物車里的商品進行修改，增添和刪除購物車的商品，以及改變購物車里商品的數(shù)量，最后確定后遞交訂單，管理員根據(jù)訂單以及客戶貨款的情況來確定是否發(fā)貨，然后在后臺進行填寫已經(jīng)發(fā)貨的情況，以及管理員的后臺管理，包括對注冊用戶的帳號的管理情況，譬如修改、刪除等等。關鍵字：商業(yè)網(wǎng)站 數(shù)據(jù)庫 訂單 電子商城 搜索引擎第一章 系統(tǒng)使用技術概述1.1選題背景電子商務被看作是一種現(xiàn)代化的商業(yè)和行政作業(yè)方法，這種方法改善產(chǎn)品和服務質(zhì)量、提高服務傳遞速度，實現(xiàn)跨領域商業(yè)活動，滿足政府組織、廠商和消費者降低成本的需求，通過計算機網(wǎng)絡加快

4、信息交流以支持決策。電子商務的內(nèi)涵和外延也在不斷充實和擴展。近年來，世界范圍內(nèi)Internet/Intranet網(wǎng)絡環(huán)境的基本形成，使得基于Internet環(huán)境的系統(tǒng)的設計與開發(fā)成為重要方向，特別是B/S結構的應用越來越廣泛。本電子商城網(wǎng)站是建立一個商品銷售平臺阿里巴巴之上，這個平臺是企業(yè)發(fā)展及走向全球所迫切需要的。為企業(yè)單位搭建一個商品發(fā)布、交易的平臺，企業(yè)將銷售商品在此平臺發(fā)布，由網(wǎng)站相關管理人員管理，這樣既能提高企業(yè)的銷售量，擴大銷售范圍，同時也能節(jié)約企業(yè)開辦更多實體店的費用，從而節(jié)約了大量人力物力，于是本電子商務網(wǎng)站就應運而生了。隨著電子商務魅力的日漸顯露，虛擬企業(yè)、虛擬銀行、網(wǎng)絡營銷

5、、網(wǎng)上購物、網(wǎng)上支付、網(wǎng)絡廣告等一大批前所未聞的新詞匯正在為人們所熟悉和認同，這些詞匯同時也從另一個側(cè)面反映了電子商務正在對社會和經(jīng)濟產(chǎn)生的影響?；贏SP.NET技術的文靜電子商城系統(tǒng)正是網(wǎng)上購物的一種。隨著網(wǎng)絡技術的迅速的發(fā)展，網(wǎng)上購物已在互聯(lián)網(wǎng)上十分流行，人們可以不受時間的限制和空間的限制，及不受傳統(tǒng)購物的諸多限制，可以隨時隨地進行購物，同時由于產(chǎn)品的網(wǎng)絡成本遠低于傳統(tǒng)商店中的產(chǎn)品成本，從而商品的買賣方都能得到實惠，為此開發(fā)文靜電子商城網(wǎng)站十分必要。本五金工具電子商城網(wǎng)站目的是為企業(yè)的營銷管理提供一種可行的在互聯(lián)網(wǎng)上的營銷手段和營銷方法，以解決商品信息流通慢、流通面狹小、企業(yè)資金及經(jīng)營狀

6、況不清、市場分散的問題，促進銷售業(yè)務流程的自動化，降低企業(yè)的銷售成本提高公司的整體效益，也為用戶購買提供一個簡捷、合理、公正、公平、公開的交易方式。本課題主要實現(xiàn)對商品的下訂單，訂單的管理，訂單的確認，商品的瀏覽及系統(tǒng)管理員對訂單的管理，對商品的管理，從而為商家和買家提供了電子商務的平臺。1.2技術支持Dreamweaver是MICROSOFT公司推出的網(wǎng)頁制作工具，它功能強大、操作方便，易學易用，是目前最為流行的網(wǎng)頁制作與站點管理工具。Dreameaver 8.0不僅保持了開發(fā)過程輕松及頁面效果完美的制作風格，且工作界面清新自然，并對相關面板、圖標等進行歸整，使用戶用起來更為順手，開發(fā)更為簡

7、便。Dreameaver 8.0是功能更強大的用于可視化設計與管理網(wǎng)頁和網(wǎng)站的專業(yè)級HTML編輯器。無論是在可視化編輯環(huán)境中進行開發(fā)，還是習慣于書寫HTML代碼，Dreameaver8.0都能令用戶很快上手，并且提供實用的工具來增加他們的網(wǎng)頁設計經(jīng)驗，使他們在網(wǎng)頁設計中更加得心應手。Dreameaver8.0的可視化不只是體現(xiàn)在其靈活的界面和直觀的開發(fā)環(huán)境上，面板的組合、行為、樣式表、時間軸，以及定制并拓展Dreameaver等強大的編輯的功能與完美的擴展性都是同類其他軟件所不可比擬的。Dreamweaver是一個很酷的網(wǎng)頁設計軟件，它包括可視化編輯、HTML代碼編輯的軟件包，并支持Activ

8、eX、JavaScript、Java、Flash、ShockWave等特性，而且它還能通過拖拽從頭到尾制作動態(tài)的HTML動畫，支持動態(tài)HTML(Dynamic HTML)的設計，使得頁面沒有plug-in也能夠在Netscape和IE 4.0瀏覽器中正確地顯示頁面的動畫。同時它還提供了自動更新頁面信息的功能。它采用圖形化的界面以及“所見即所得（WYSIWYG）”的方式編寫網(wǎng)頁，大大提高了專業(yè)網(wǎng)頁制作人員的工作效率，使得開發(fā)WEB更加輕松自如。20第二章 系統(tǒng)分析2.1可行性分析（1）技術可行性分析本系統(tǒng)主要通過Dreamweaver8.0 等可視化工具設計頁面，Dreamweaver8.0對頁

9、面框架的制作非常容易上手，在大體框架制作完成的基礎上，對頁面進行美觀設計和修飾中用到CSS樣式表等。運用ASP.NET 技術設計易學易懂，同樣能開發(fā)出功能齊全的系統(tǒng)模塊出來，同時本網(wǎng)站的開發(fā)是由本人完成，本人已修完本專業(yè)所有的專業(yè)基礎課和專業(yè)課，熟悉數(shù)據(jù)的開發(fā)環(huán)境，有一定的運用系統(tǒng)軟件和一定的編程能力，完全勝任此項開發(fā)，故本網(wǎng)站在技術上可行的。（2） 經(jīng)濟可行性分析與傳統(tǒng)的實體店傳統(tǒng)的銷售方式相比，本系統(tǒng)在擴大了企業(yè)銷售產(chǎn)品的范圍，增大了企業(yè)銷售范圍的同時，還提高了企業(yè)的知名度，提高了銷售效率，更是減少了企業(yè)在銷售中的開銷。它是方便企業(yè)進行商品銷售的良好平臺。另外，系統(tǒng)運行所需要的硬件條件在今

10、天是很容易得到滿足的。作為其開發(fā)和運行的軟件工具也是再普遍不過了的。因此，此系統(tǒng)在經(jīng)濟上是完全可行的。因此，從以上的分析可以看出，網(wǎng)頁設計采用ASP.NET技術和Dreamweaver8.0技術，采用B/S體系結構設計本系統(tǒng)，無論是在功能上、技術上還是在經(jīng)濟上都是不錯的設計方案。（3） 操作可行性分析 本網(wǎng)站是基于微型計算機圖形界面的操作，所以一般的會上網(wǎng)的普通用戶即可使用本系統(tǒng)。 系統(tǒng)管理員要求有計算機的專業(yè)知識。 對系統(tǒng)管理員將進行專業(yè)培訓，使其能夠熟練管理本網(wǎng)站，一般計算機相關專業(yè)的人員即可勝任。（4）分析結論綜上所述，從技術上、經(jīng)濟上、可操作性都是可行的,而且要求不高，所以本系統(tǒng)的開發(fā)

11、是可行的。2.2 需求分析系統(tǒng)的實際應用性很明顯，電子商務發(fā)展非常迅速，人們追求的是簡捷、方便、省時，通過Internet批發(fā)選購商品，不必花費太多的時間去逛商場，坐在家里上網(wǎng)就可以買到稱心的商品，符合人們的心愿。附合全球采購商的需求。其本電子商城網(wǎng)站的基本功能模塊要有：注冊和登錄模塊，還要查詢數(shù)據(jù)庫里的商品信息，能夠方便顧客進行訂購操作，還要隨時查看自己的購物車信息，對用戶信息管理員信息及其商品的分類信息的管理。在性能上來講，需要查看最新商品信息，譬如價格、產(chǎn)地、制造商、規(guī)格、詳細介紹等等都是客戶所想要了解的基本信息。從可靠性來講，他們需要安全的方式進行交易，并要使自己所提供的信息保密。2.

12、3 實現(xiàn)功能綜述調(diào)查，本課題主要實現(xiàn)電子商城的購物車模塊，實現(xiàn)對商品的下訂單，訂單的管理，訂單的確認，商品的瀏覽及網(wǎng)站管理員對訂單的管理，對商品的管理，從而為商家和買家提供了電子商務的平臺。本網(wǎng)站主要實現(xiàn)如下內(nèi)容： 客戶的注冊與登錄。 商品信息的管理（商品的添加，刪除和修改）與瀏覽。 訂單的管理（下訂單，訂單修改，訂單刪除，訂單確認及查看以往訂單）。 會員信息的管理（會員信息的添加，修改和刪除）。根據(jù)數(shù)據(jù)流向分析，畫出整個系統(tǒng)的數(shù)據(jù)流圖用 戶阿里巴巴網(wǎng)站商 家/后 臺普通用戶信息錯 誤訂單信息訂單信息會員賬號密碼管理員賬號密碼訂單信息圖2.1第一層數(shù)據(jù)流圖對系統(tǒng)采用層次結構進行初步細化，得到如

13、下第二層數(shù)據(jù)流圖：D4商家后臺訂購注冊登陸用戶D1管理員信息D2商品信息詳情D3購物表訂單詳細信息D7暫存信息D5會員信息D8暫時注冊信息商品信息訂購信息訂購詳細信息訂單信息選購商品信息選購商品信息注冊信息注冊信息注冊信息會員信息管理員信息商品信息訂購信息管理員賬號密碼賬號密碼訂單詳細信息會員信息圖2.2 第二層數(shù)據(jù)流圖第三章 總體設計與詳細設計3.1系統(tǒng)的設計思想系統(tǒng)使用頁面模塊化設計，就是把一個頁面當作一個模塊，進行單獨的調(diào)試，然后把各個模塊堆砌在一起。該系統(tǒng)把左邊部分、頭部、尾部以及數(shù)據(jù)庫連接文件等都分別建立一個公共文件，需要連接時就進行調(diào)用，把各個部分結合成一個頁面。3.2系統(tǒng)功能模塊

14、圖根據(jù)系統(tǒng)的功能，對前臺功能模塊進行分析。前臺用戶模塊主要包括商品信息查看，分類展示，商品查詢，用戶注冊，用戶登錄，用戶購買商品等7個主要模塊。前臺用戶模塊如圖3.1所示。前臺功能模塊公司首頁供應商品誠信檔案聯(lián)系方式公司展示會員中心公司動態(tài)圖3.1 用戶前臺模塊圖3.3注冊登錄模塊該電子商務網(wǎng)站具有用戶注冊、會員登錄功能。用戶通過輸入帳號、密碼，與數(shù)據(jù)庫中的已注冊用戶信息進行對照，并進行登錄，并且顯示已經(jīng)登錄信息，沒有注冊或者密碼錯誤就提示用戶重新輸入，或者進行重新注冊。下面顯示這個模塊的程序流程圖：開始會員賬號/密碼驗證注 冊結束FF圖3.2 注冊登錄程序流程圖當購物車產(chǎn)生式，系統(tǒng)后臺會產(chǎn)生

15、一個臨時的表單，存放購物車中商品即用戶所選擇的商品的商品編號，金額和數(shù)量。當用戶確定購買后將生成訂單，此時系統(tǒng)用臨時表單中的商品編號從商品信息數(shù)據(jù)表中將商品詳細信息調(diào)出，病累加臨時表單中的金額，最后表現(xiàn)在生成的訂單中。下面是實現(xiàn)該功能的程序流程圖： 開 始 繼續(xù)購物數(shù)據(jù)修改（商品數(shù)量變化）生成訂單是否登錄復查信息訂單信息選擇商 品放入購物車確認更改FTFY圖3.3 購物程序流程圖3.4購物模塊瀏覽商品未注冊用戶 注冊未登錄登錄用戶選擇商品訂購商品購物車注冊登錄結算中心提交訂單圖3.4 前臺客戶的瀏覽訂購流程3.5整體布局 五金工具阿里巴巴網(wǎng)的布局可以用一個圖形來表示圖3-5 整體布局圖3.6分

16、析得到數(shù)據(jù)字典阿里巴巴客戶數(shù)據(jù)結構數(shù)據(jù)字典如表3.1所示。表3.1 電子商城前臺用戶結構數(shù)據(jù)字典數(shù)據(jù)結構前臺用戶含義說明是網(wǎng)站的面向的對象組成自動編號，用戶名，用戶密碼，姓名，電話，地址，郵政編碼，圖片管理員數(shù)據(jù)結構數(shù)據(jù)字典表3.2 管理員數(shù)據(jù)結構數(shù)據(jù)字典數(shù)據(jù)結構管理員含義說明是網(wǎng)站的管理者，管理各種信息組成自動編號、用戶名、密碼電子商城商品存儲數(shù)據(jù)字典表3.3商品數(shù)據(jù)存儲數(shù)據(jù)字典數(shù)據(jù)存儲商品信息表流入數(shù)據(jù)流增加商品信息流出數(shù)據(jù)流展示商品信息組成自動編號，名稱，大類，價格，詳細介紹，圖片，是否推薦訂單信息存儲數(shù)據(jù)字典表3.4 訂單信息存儲數(shù)據(jù)字典數(shù)據(jù)存儲訂單信息表說明訂單信息是購物模塊的核心信

17、息，是實現(xiàn)前臺用戶與商品之間的紐帶流入數(shù)據(jù)流購買商品，下訂單組成購買編號，商品編號，購買時間，是否付款，購買者編號，購買數(shù)量，購買價格類信息存儲數(shù)據(jù)字典表3.5類信息數(shù)據(jù)字典數(shù)據(jù)結構商品類含義說明是商品的類組成自動編號，類名稱第四章 編碼調(diào)試與實現(xiàn)4.1首頁布局首頁作為一個電子商務的門戶，其作用的重要性不言而喻，在使用Dreameaver 8.0進行編寫與設計程序的時候第一步是建立站點：打開Dreameaver 8.0站點新建站點建立站點并命名完成。這是一個Dreameaver 8.0能夠合理運行的關鍵。其效果如圖4-1圖所示。 圖4-1 建立站點圖 建立站點之后的操作均保存在“shangwu

18、”這個站點之下?！按蜷_”HTML式樣，進入編譯頁面，選擇“布局”，首頁選擇布局的主頁面大小1100*700像素，在1100*700像素的布局上進行小布局設置。因為小布局的操作不會影響大布局的美觀性和可操作性，是一個解決問題沖突的好辦法。以網(wǎng)頁logo為例，建立一個289*87的小布局窗口，將圖片logo插入就行了。Dreameaver 8.0一個很好的優(yōu)點就是操作非常簡單。能夠即點即成的使用。避免了不斷調(diào)試的麻煩。如圖4-2所示就是這個網(wǎng)頁的logo設計。圖4-2 網(wǎng)頁logo圖整體頁面布局如圖4-3所示圖4-3 整體效果圖4.2購物車布局 頁面大小是1000*600，在建立布局之后其屬性要做

19、相應的改變，而且為了達到一定的效果要進行一定效果的編譯處理。其中一個就是“鼠標經(jīng)過圖像”，為了凸顯效果，這是一個方法?！笆髽私?jīng)過圖像”處理過程如圖4-4：圖4-4 鼠標經(jīng)過圖像 購物車對應的屬性修改如圖4-5所示：圖4-5 購物車屬性圖 整體購物車編譯設計圖如圖4-6所示：圖 4-6 購物車4.3其他功能實現(xiàn) 頁面其他功能包括：搜索、詢價、旺旺、登錄、注冊、個人中心、我的訂單、幫助中心、聯(lián)系方式，地圖分類等等功能的編譯與購物車模塊還有首頁布局模塊的功能基本差不多。因此，這里不多做介紹了。4.4功能連接 網(wǎng)頁的最大功能是能通過它為媒介進行數(shù)據(jù)交換與信息交流，因此，沒有鏈接的網(wǎng)頁是沒有任何功能與作用的，為了是頁面變得合理并且能夠與數(shù)據(jù)進行交