網(wǎng)上巧克力店地設(shè)計與實現(xiàn)

濃情巧克力網(wǎng)站的設(shè)計和分析1濃情巧克力網(wǎng)站的實現(xiàn)目標(biāo)1.1濃情巧克力網(wǎng)站的系統(tǒng)目的實現(xiàn)一個商家和消費者都滿意的網(wǎng)上購買巧克力的平臺。消費者可以通過網(wǎng)絡(luò)了解現(xiàn)有的商品信息，并且對商品進(jìn)行選購，構(gòu)建一個專門的電子商務(wù)系統(tǒng)，來實現(xiàn)客戶的登錄，注冊，信息的檢索和查詢加入購物車，生成訂單，訂單查詢，訂單刪除等功能。后臺管理系統(tǒng)可以管理會員的信息，訂單信息，貨物的倉儲管理及貨物信息的更新等功能。1.2濃情巧克力網(wǎng)站的實現(xiàn)意義網(wǎng)上巧克力店可以給個人或創(chuàng)業(yè)者提供自己的廣闊空間和表現(xiàn)自己的平等舞臺，減少經(jīng)營成本和庫存不易的情況，訂單即時生成，實現(xiàn)方便快捷銷售，提高自身的競爭力。同時它可以幫助經(jīng)營者掌握市場動態(tài)，提高工作效率、降低經(jīng)營成本。網(wǎng)上巧克力店將傳統(tǒng)的巧克力店流程電子化，數(shù)學(xué)化，一方面可以大量減少人力、物力、財力，降低成本；另一方面突破了時間和空間的限制，使得交易可以隨時隨地進(jìn)行，從而大大提高了效率。網(wǎng)上巧克力店，借助互聯(lián)網(wǎng)的信息通達(dá)性，可以使消費者方便快捷選購自己心滿意足的產(chǎn)品，而且可以提供給消費者選擇的產(chǎn)品種類更加的豐富，選擇余地更大。而經(jīng)營者可以借助網(wǎng)絡(luò)提高自己的品牌巧克力知名度，擴(kuò)大自己的消費人群。并且經(jīng)營管理更加的簡單易上手，只要有基礎(chǔ)的電腦操作知識就可以進(jìn)行小店的經(jīng)營了。2濃情巧克力網(wǎng)站的分析2.1濃情巧克力網(wǎng)站的業(yè)務(wù)流程分析業(yè)務(wù)流程圖是一種描述系統(tǒng)內(nèi)各單位、人員之間業(yè)務(wù)關(guān)系、作業(yè)順序和管理信息流向的圖表，利用它可以幫助分析人員找出業(yè)務(wù)流程中的不合理流向，它是物理模型。業(yè)務(wù)流程圖主要是描述業(yè)務(wù)走向。濃情巧克力網(wǎng)站的業(yè)務(wù)分析如圖2-1。用戶注冊填寫信息，進(jìn)行信息的處理確認(rèn)，然后登錄；登錄頁面進(jìn)入，輸入昵稱密碼，然后登錄入店鋪中；進(jìn)入店鋪選購商品流程如下，將選好的商品放入購物車之中，可以在購物車進(jìn)行已選商品的管理，確認(rèn)生成訂單，訂單確認(rèn)無誤后付款；商品的搜索是進(jìn)行商品產(chǎn)地的搜索，然后再進(jìn)行商品的選購。用戶用戶注冊登錄用戶信息單數(shù)據(jù)庫進(jìn)入店鋪購物車付款付款單賣家訂單付款單發(fā)貨2-1業(yè)務(wù)流程圖2.2濃情巧克力網(wǎng)站的數(shù)據(jù)流程圖分析數(shù)據(jù)流程圖是描述系統(tǒng)數(shù)據(jù)流程的工具，它將數(shù)據(jù)獨立抽象出來，通過圖形方式描述信息的來龍去脈和實際流程。首先是會員注冊的數(shù)據(jù)流程分析：會員注冊，將注冊信息反饋給系統(tǒng)，系統(tǒng)將注冊信息存檔，生成一份登錄信息，分別發(fā)送給用戶和登錄系統(tǒng)，用戶通過登錄信息登錄系統(tǒng)，登錄系統(tǒng)向信息處理系統(tǒng)發(fā)送一份用戶信息報告，系統(tǒng)進(jìn)行存檔。如下圖2-2用戶用戶信息分類數(shù)據(jù)庫登錄系統(tǒng)用戶信息單登錄信息單用戶信息單登錄信息單用戶信息單登錄信息單用戶信息單2-2登錄數(shù)據(jù)流程圖其次是訂單的數(shù)據(jù)流程圖分析：用戶下訂單之后，有系統(tǒng)將其傳入數(shù)據(jù)庫中，如果有貨，發(fā)出貨單分別給倉庫和用戶，通知倉庫出貨；如果沒有，發(fā)補(bǔ)貨單給倉庫，倉庫進(jìn)貨后發(fā)出進(jìn)貨單記錄。NNY用戶單據(jù)處理數(shù)據(jù)存儲倉庫補(bǔ)貨單出貨單YY訂單出貨單存貨判斷補(bǔ)貨單出貨單出貨單YY訂單進(jìn)貨單補(bǔ)貨單2-3銷售數(shù)據(jù)流程圖2.3濃情巧克力網(wǎng)站的實體-聯(lián)系圖分析E-R方法是“實體-聯(lián)系方法”（Entity-RelationshipApproach）的簡稱。它是描述現(xiàn)實世界概念結(jié)構(gòu)模型的有效方法。實體聯(lián)系模型，實體關(guān)系模型或?qū)嶓w聯(lián)系模式圖(ERD)是由美籍華裔計算機(jī)科學(xué)家陳品山(PeterChen)發(fā)明，是概念數(shù)據(jù)模型的高層描述所使用的數(shù)據(jù)模型或模式圖，它為表述這種實體聯(lián)系模式圖形式的數(shù)據(jù)模型提供了圖形符號。用戶的實體及其屬性用戶用戶用戶名昵稱電話地址郵編2-4用戶實體關(guān)系圖商品的實體及其屬性商品商品編號產(chǎn)品名稱原價優(yōu)惠價片商品圖片2-5商品實體關(guān)系圖訂單實體及其屬性訂訂單商品編號訂單狀態(tài)訂單信息2-6訂單實體關(guān)系圖完整的E-R圖如下倉庫用戶倉庫用戶訂單商品存儲消費NNNMM2-6系統(tǒng)e-r圖3濃情巧克力網(wǎng)站的設(shè)計3.1濃情巧克力網(wǎng)站的功能模塊的設(shè)計濃情巧克力網(wǎng)站的使用者主要是用戶和管理者，對用戶來說，實現(xiàn)的功能包括用戶對商品信息的了解和查詢，對個人信息的管理，存放選中的商品的購物車，最后產(chǎn)生訂單；對管理者來說，需要對用戶的信息，商品的信息，以及銷售的訂單信息進(jìn)行管理。（1）用戶功能可以概括為以下幾點：·商品信息模塊：包括巧克力信息的瀏覽，查詢搜索等；·用戶信息管理模塊：處理用戶注冊、登錄驗證；·購物車模塊：可以添加自己喜歡的巧克力；·訂單模塊：此模塊中的信息由購物車結(jié)賬產(chǎn)生，可以供用戶查詢訂單狀態(tài)，修改訂單信息。（2）管理者功能可以概括為以下幾點：·用戶管理：可以查詢、修改客戶信息；·商品管理：可以添加、修改、刪除商品信息；·銷售管理：處理用戶的訂單，查詢訂單以及對訂單的管理如同下圖所示濃情巧克力系統(tǒng)用戶濃情巧克力系統(tǒng)用戶訂單信息用戶管理管理者信息管理商品管理購物車商品信息訂單管理3-1功能模塊圖3.2濃情巧克力網(wǎng)站的系統(tǒng)流程設(shè)計系統(tǒng)流程圖（SystemFlowchart）是描繪系統(tǒng)物理模型的傳統(tǒng)工具。它的基本思想是用圖形符號以黑盒子形式描繪系統(tǒng)里面的每個部件(程序、文件、數(shù)據(jù)庫、表格、人工過程等），表達(dá)信息在各個部件之間流動的情況。如圖，濃情巧克力網(wǎng)站的系統(tǒng)流程如下，用戶進(jìn)入網(wǎng)站之后選擇登錄或者注冊，登錄如果輸入正確的密碼則進(jìn)入店鋪，進(jìn)行購物放入購物車中后，判斷是否繼續(xù)購買，然后生成訂單，由用戶完成付款。進(jìn)入網(wǎng)站登錄進(jìn)入網(wǎng)站登錄注冊密碼驗證錯誤提示NOYES進(jìn)入店鋪購買商品購物車是否繼續(xù)購買YES生成訂單付款NO3-2系統(tǒng)流程圖3.3濃情巧克力網(wǎng)站的數(shù)據(jù)庫設(shè)計巧克力表字段名類型字段大小主鍵產(chǎn)品編號自動編號長整型是產(chǎn)品名稱文本50產(chǎn)地文本50市面價格貨幣濃情價貨幣圖文本50用戶表字段名類型字段大小格式用戶編號(主)自動編號長整型\1000\1姓名文本20昵稱文本30郵箱文本50生日日期/時間2011-7-6喜好文本50性別是/否YES/NO訂單表字段名類型字段大小格式訂單編號（主）自動編號長整型\20"11"商品編號文本50用戶編號文本50地址文本50是否發(fā)貨是/否YES/NO郵編數(shù)字長整型4濃情巧克力網(wǎng)站的實現(xiàn)4.1濃情巧克力網(wǎng)站的開發(fā)環(huán)境使用MacromediaDreamweaver8開發(fā)，Dreamweaver是個原本由Macromedia公司所開發(fā)的著名網(wǎng)站開發(fā)工具。Dreamweaver可以用最快速的方式將Fireworks，F(xiàn)reeHand，或Photoshop等檔案移至網(wǎng)頁上。使用檢色吸管工具選擇熒幕上的顏色可設(shè)定最接近的網(wǎng)頁安全色。對于選單，快捷鍵與格式控制，都只要一個簡單步驟便可完成。使用網(wǎng)站地圖可以快速制作網(wǎng)站雛形、設(shè)計、更新和重組網(wǎng)頁。改變網(wǎng)頁位置或檔案名稱，Dreamweaver會自動更新所有連結(jié)。使用支援文字、HTML碼、HTML屬性標(biāo)簽和一般語法的搜尋及置換功能使得復(fù)雜的網(wǎng)站更新變得迅速又簡單。Dreamweaver是唯一提供RoundtripHTML、視覺化編輯與原始碼編輯同步的設(shè)計工具。它包含HomeSite和BBEdit等主流文字編輯器。幀(frames)和表格的制作速度快的令您無法想像。進(jìn)階表格編輯功能使您簡單的選擇單格、行、欄或做未連續(xù)的選取。甚至可以排序或格式化表格群組，Dreamweaver支援精準(zhǔn)定位，利用可輕易轉(zhuǎn)換成表格的圖層以拖拉置放的方式進(jìn)行版面配置。所見即所得Dreamweaver成功整合動態(tài)式出版視覺編輯及電子商務(wù)功能。使用的VBscript作為開發(fā)語言，VBScript是VisualBasicScript的簡稱，即VisualBasic腳本語言，有時也被縮寫為VBS。是asp動態(tài)網(wǎng)頁默認(rèn)的編程語言，配合asp內(nèi)建對象和ADO對象，用戶很快就能掌握訪問數(shù)據(jù)庫的asp動態(tài)網(wǎng)頁開發(fā)技術(shù)。VBScript是微軟的一種腳本語言，可以看作是vb語言的簡化版，與VBA的關(guān)系也非常密切。它具有原語言容易學(xué)習(xí)的特性。目前這種語言廣泛應(yīng)用于網(wǎng)頁和ASP程序制作，同時還可以直接作為一個可執(zhí)行程序。用于調(diào)試簡單的VB語句非常方便。4.2濃情巧克力網(wǎng)站的運(yùn)行環(huán)境（1）硬件配置：CPU：intelPentium4cpu3.00GHz、內(nèi)存：512MB、硬盤：35G、顯卡：NVIDIAGeForce7100GS、（2）軟件配置：操作系統(tǒng)：winxp、瀏覽器：IE7.0、數(shù)據(jù)庫：microsoftaccess、軟件開發(fā)語言：vbscript、系統(tǒng)開發(fā)工具：MacromediaDreamweaver8、服務(wù)器：IIS。4.3濃情巧克力網(wǎng)站的具體實現(xiàn)過程4.3.1登錄頁面的實現(xiàn)首先是登錄頁面的設(shè)計，如下圖所示圖4-1登錄頁面具體代碼如下<formid="form1"name="form1"method="post"action="店鋪.asp"><tablewidth="400"height="243"border="0"cellpadding="0"cellspacing="0"><tr><tdheight="43"colspan="2"class="STYLE2"><divalign="center">會員登陸</div></td></tr><tr><tdwidth="239"height="20"> </td><tdwidth="335"height="20"> </td></tr><tr><tdheight="40"><divalign="right"class="STYLE22">昵稱</div></td><tdheight="40"><label><inputtype="text"name="nicheng"></label></td></tr><tr><tdheight="40"><divalign="right"class="STYLE22">賬號</div></td><tdheight="40"><label><inputtype="text"name="textfield2"></label></td></tr><tr><tdheight="40"><divalign="right"class="STYLE22">密碼</div></td><tdheight="40"><label><inputtype="text"name="pwd"></label></td></tr><tr><tdheight="40"colspan="2"><divalign="center"><spanclass="STYLE2">會員注冊</span><label><inputname="Submit"type="submit"value="登陸"></label></div></td></tr></table></form>·登錄后店鋪右上角有輸入的昵稱顯示，動態(tài)顯示的代碼如下<%=request.form("nicheng")%>·登錄密碼的驗證步驟如下，先進(jìn)入店鋪.asp進(jìn)行代碼的驗證<%ifrequest.Form("pwd")<>("zbp843023")thenresponse.Redirect("錯誤.asp")endif%>然后進(jìn)入錯誤.asp頁面驗證<%ifrequest.Form("pwd")=("zbp843023")thenresponse.Redirect("店鋪.asp")endif%>4.3.2商品展示頁面的實現(xiàn)圖4-2產(chǎn)品展示頁首先是數(shù)據(jù)庫的連接如圖連接完成,生成一個連接,然后建立一個記錄集圖4-3數(shù)據(jù)庫連接圖4-5記錄集的建立然后把信息添加到網(wǎng)頁上面圖4-6產(chǎn)品展示頁的設(shè)計具體代碼如下<%=rst.Fields.Item("產(chǎn)品名稱").Value%><%=rst.Fields.Item("產(chǎn)地").Value%><%=FormatCurrency(rst.Fields.Item("市面價格").Value,2,-2,-2,-2)%><%=FormatCurrency(rst.Fields.Item("濃情價").Value,2,-2,-2,-2)%><imgsrc="<%=rst.Fields.Item("圖片").Value%>"/><AHREF="<%=MM_moveFirst%>">第一頁</A><ahref="<%=MM_movePrev%>">前一頁</a><AHREF="<%=MM_moveNext%>">下一頁</A><AHREF="<%=MM_moveLast%>">最后一頁</A>4.3.3商品搜索頁面的實現(xiàn)首先定義一個記錄集,SQL代碼如下SELECT巧克力詳情.產(chǎn)品名稱,巧克力詳情.產(chǎn)地,巧克力詳情.市面價格,圖.圖片F(xiàn)ROM巧克力詳情INNERJOIN圖ON巧克力詳情.產(chǎn)品編號=圖.產(chǎn)品編號WHERE(((巧克力詳情.產(chǎn)地)='cd'));然后如圖定義一個變量圖4-7搜索記錄集的生成搜索頁面如下圖4-8搜索頁面的設(shè)計<formid="form1"name="form1"method="post"action="搜索.asp"><tablewidth="520"border="0"cellspacing="0"cellpadding="0"><tr><td><divalign="right"class="STYLE22">你想要來自哪的巧克力</div></td><td><label><divalign="left"><inputtype="text"name="chandi"></div></label></td></tr><tr