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

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