小商品電子商務(wù)網(wǎng)站開發(fā)【畢業(yè)論文】

1、<p>　　本科畢業(yè)論文(設(shè)計)</p><p><b>　?。ǘ?屆）</b></p><p>　　小商品電子商務(wù)網(wǎng)站開發(fā)</p><p>　　所在學(xué)院 </p><p>　　專業(yè)班級 電氣工程及其自動化 </p>&

2、lt;p>　　學(xué)生姓名 學(xué)號 </p><p>　　指導(dǎo)教師 職稱 </p><p>　　完成日期 年 月 </p><p><b>　　摘 要</b></p><p>　　隨著電腦技術(shù)

3、的急速發(fā)展和進一步成熟，電子商務(wù)慢慢地演變成為當代現(xiàn)代商業(yè)的一個重要發(fā)展方向。電子商務(wù)是電腦科技和商品貿(mào)易結(jié)合發(fā)展到現(xiàn)在的一種新型產(chǎn)物。</p><p>　　各行業(yè)的企業(yè)都將通過電子商務(wù)，而緊密地聯(lián)系在一起，使得社會各種現(xiàn)實的和網(wǎng)絡(luò)虛擬的合作成為一種可能。我所做的這個基于WEB的商城電子商務(wù)網(wǎng)站論文正是要實現(xiàn)網(wǎng)上交易，滿足我所面對消費顧客的需求。我們的網(wǎng)站要求推陳出新，不同于一般的小商品電子商務(wù)網(wǎng)站?，F(xiàn)在在網(wǎng)上交

4、易平臺上，網(wǎng)站色彩繽紛，各式各樣，商家都靠不同的形式吸引著顧客的眼球，但是所基于的網(wǎng)站設(shè)計軟件和步驟都是相同的。我們基于ASP技術(shù)和Dreamweaver、flash、photoshop等應(yīng)用軟件制作，并基于Web實現(xiàn)功能。</p><p>　　基于Web的商務(wù)銷售網(wǎng)站實現(xiàn)了一個完整的購物功能。從用戶注冊到商品查詢，再到下訂單并通過雙方商定最終達成購物的實現(xiàn)。</p><p>　　關(guān)鍵詞：

5、電子商務(wù)；ASP；Web；交易；網(wǎng)站設(shè)計；Dreamweaver</p><p><b>　　Abstract</b></p><p>　　With the rapid development of computer technology and further mature ，e-commerce slowly evolved into a important de

6、velopment direction of contemporary modern business. E-commerce is a computer technology and commodity trade combination of development up to now a new product. </p><p>　　Various sectors of enterprise will t

7、hrough e-commerce，and closely together, make the social various realistic and network virtual cooperation became a possibility. What I did this based on WEB of mall e-commerce sites is to realize the paper Internet trans

8、actions，meet me face consumer needs of customers. Our new website requirement unlike general commodity e-commerce sites . Now in online trading platform，website sundry color profusion ，businessmen are on different forms

9、 of attracting customers</p><p>　　Based on the Web business sales site achieved a complete shopping function .Registered to commodities inquires from users, to order and eventually agreed on by both sides ag

10、reed the realization of shopping.</p><p>　　Keywords: E-commerce；ASP；Web； Exchange； Site design； Dreamweaver </p><p><b>　　目 錄</b></p><p><b>　　1 引言1</b><

11、;/p><p>　　1.1網(wǎng)站的設(shè)計目標1</p><p>　　1.2系統(tǒng)開發(fā)意義1</p><p>　　2 網(wǎng)站開發(fā)軟件的介紹和使用2</p><p>　　2.1 ASP工具的介紹2</p><p>　　2.2 Macromedia Dreamweaver 8 工具的介紹3</p><p&

12、gt;　　2.3 Access工具使用4</p><p>　　3 網(wǎng)站整體功能6</p><p>　　3. 1 顧客購物步驟6</p><p>　　3. 2 網(wǎng)站具體功能6</p><p>　　3.3 網(wǎng)站的主題功能和分析7</p><p>　　3.3.1 總體功能7</p><p>

13、;　　3.3.2 管理員登陸8</p><p>　　3.3.3前臺購物流程圖9</p><p>　　3.3.4后臺購物流程圖9</p><p>　　3.3.5注冊功能流程圖10</p><p>　　3.3.6商品搜索流程圖11</p><p>　　3.3.7購物車流程圖11</p><p

14、>　　4 網(wǎng)站在軟件中的顯示12</p><p>　　4.1 網(wǎng)站首頁12</p><p>　　4.2主要熱點模塊14</p><p>　　4.3 會員管理模塊設(shè)計14</p><p>　　4.4 會員登錄16</p><p>　　4.5 用戶登陸頁面實現(xiàn)的功能18</p><p

15、>　　5 網(wǎng)站數(shù)據(jù)庫設(shè)計19</p><p>　　6 創(chuàng)建和管理本地站點20</p><p>　　6.1 本地站點的簡單介紹20</p><p>　　6.2 創(chuàng)建本地站點的具體操作步驟21</p><p>　　6.3 本地網(wǎng)站的站點定義21</p><p>　　6.4 網(wǎng)站運行與瀏覽22</p&

16、gt;<p>　　6.5 利用IIS瀏覽網(wǎng)站24</p><p>　　6.5.1利用IIS瀏覽網(wǎng)站24</p><p>　　6.5.2利用ASP測試工具模仿IIS環(huán)境25</p><p><b>　　7 總結(jié)27</b></p><p>　　8 致謝錯誤!未定義書簽。</p>&

17、lt;p><b>　　參考文獻27</b></p><p>　　附錄 作品資料29</p><p><b>　　1 引言</b></p><p>　　1.1網(wǎng)站的設(shè)計目標</p><p>　　之所以選擇網(wǎng)站設(shè)計為自己畢業(yè)設(shè)計的任務(wù)，主要有三點目標。一、為了適應(yīng)社會的發(fā)展潮流，在現(xiàn)在這個社

18、會學(xué)會和領(lǐng)悟更多的知識和經(jīng)驗，在以后發(fā)展中有所用途。二、為了方便人們網(wǎng)上購物而設(shè)計的，能進行B2C、B2C的交易，人們能通過網(wǎng)站瀏覽訪問不同的網(wǎng)站，了解商品信息，與商家取得聯(lián)系，下訂單，達成最終交易。三、現(xiàn)代的社會是一個商業(yè)的社會，網(wǎng)上交易也是一種交易的模式，即使以后經(jīng)商對自己的銷售方式肯定是有所幫助的。</p><p><b>　　1.2系統(tǒng)開發(fā)意義</b></p><

19、p>　　從系統(tǒng)的背景來看，可以看出開發(fā)一個網(wǎng)上購物系統(tǒng)有以下幾點重大的意義：</p><p>　　投資少，回收快。一項針對中國中小企業(yè)的情況調(diào)查顯示，個人在網(wǎng)下啟動銷售公司的平均費用至少5萬元，而網(wǎng)上開店建店成本非常小。一般說，籌辦一家網(wǎng)上的商店投入很小，不用去辦營業(yè)執(zhí)照，不用去租門面，不用囤積貨品，所需資金不過1500元左右；網(wǎng)上商店比同等規(guī)模的地面商店“租金”要低得多，同時租金不會因為營業(yè)面積的增加而增

20、加，投資者也不用為延長營業(yè)時間而增加額外的費用。 </p><p>　　基本不需要占壓資金。傳統(tǒng)商店的進貨資金少則幾千元，多則數(shù)萬元，而網(wǎng)上商店則不需要壓資金。 </p><p>　　24小時營業(yè)時間。網(wǎng)上商店延長了商店的營業(yè)時間，一天24小時、一年365天不停地運作，無須專人值班看店，都可照常營業(yè)。傳統(tǒng)店鋪的營業(yè)時間一般為8-12小時，遇上壞天氣或者老板、店員有急事也不得不暫時休息。

21、 </p><p>　　不受店面空間的限制。哪怕只是街邊小店，在網(wǎng)上卻可以擁有百貨大樓那么大的店面，只要投資者愿意，可以擺上成千上萬種商品。目前國內(nèi)最大的專業(yè)拍賣網(wǎng)站同時在線的商品要超過10萬件，已超過一些大超市。 </p><p>　　不受地理位置影響。不管客戶離店有多遠，也不管顧客是國內(nèi)還是國外，在網(wǎng)上，客戶一樣可很方便地找到并購買商品。這令消費群體突破了地域的限制[1]。</

22、p><p>　　2 網(wǎng)站開發(fā)軟件的介紹和使用</p><p>　　2.1 ASP工具的介紹</p><p>　　ASP是Active Server Page的縮寫，意為“動態(tài)服務(wù)器頁面”。ASP是微軟公司開發(fā)的代替CGI腳本程序的一種應(yīng)用,它可以與數(shù)據(jù)庫和其它程序進行交互，是一種簡單、方便的編程工具。ASP的網(wǎng)頁文件的格式是.asp，現(xiàn)在常用于各種動態(tài)網(wǎng)站中。另外阿斯

23、匹林、天門冬氨酸、阿里軟件銷售合作伙伴、美國武裝系統(tǒng)暨程序公司等的縮寫也都為ASP。ASP語言結(jié)構(gòu)簡單，易學(xué)易懂，應(yīng)用非常廣泛，利用ASP技術(shù)開發(fā)網(wǎng)站的人數(shù)在不斷增加。ASP作為一種相對簡單而功能強大的網(wǎng)頁程序編程語言，可以實現(xiàn)企業(yè)內(nèi)的各種語言的數(shù)據(jù)化、網(wǎng)絡(luò)化。ASP文件與HTML文件類似，但ASP文件可以包含腳本命令放在<%和%>之間，當用戶請求一個*.asp主頁時，WWW響應(yīng)HTTP請求調(diào)用ASP引擎調(diào)用到相應(yīng)的腳本引擎

24、進行處理。</p><p>　　ASP獨具以下特點：</p><p>　　1. 使用VBScipt、Jscript等簡單易懂的腳本語言，結(jié)合HTML代碼，即可快速地完成網(wǎng)站的應(yīng)用程序。</p><p>　　2. 無須compile編譯，容易編寫，可直接在服務(wù)器端內(nèi)直接執(zhí)行。</p><p>　　3. 使用普通的文本編輯器，例如windows的

25、記事本，即可進行編輯設(shè)計。</p><p>　　4. 與瀏覽器無關(guān).用戶端只要使用可執(zhí)行HTML碼的瀏覽器，即可瀏覽Active Server Pages所設(shè)計的網(wǎng)頁內(nèi)容。Active Server Pages所使用的腳本語言均在WEB服務(wù)器端執(zhí)行。用戶瀏覽器不需要能夠執(zhí)行這些腳本的語言。</p><p>　　5. Active Server Pages能與任何ActiveX scrip

26、ting 語言相容。除了可使用VBscript或Jscript語言來設(shè)計外，還通過plug-in方式，使用由第三方提供的其他腳本語言，譬如REXX 、Perl、Tcl等。腳本引擎是提供腳本程序的COM物件。</p><p>　　6. Active Server Pages的源程序，不會被傳到客戶瀏覽器，因而可以避免本人寫的程序被他人竊取，也提高了程序的安全性。</p><p>　　7. 可

27、使用服務(wù)器的腳本來產(chǎn)生客戶端的腳本。</p><p>　　8. Active Server Component具有無限擴充性。可以使用Visual basic、Java、Visual C++、COBOL等編程語言來編寫你所需要的ActiveX Server Component[2]。</p><p>　　2.2 Macromedia Dreamweaver 8 工具的介紹</p>

28、;<p>　　Dreamweaver8是在網(wǎng)頁設(shè)計與制作領(lǐng)域中用戶最多、應(yīng)用最廣、功能最強大的軟件，隨著Dreamweaver 8的發(fā)布，更堅Dreamweaver在該領(lǐng)域的地位。它集網(wǎng)頁設(shè)計、網(wǎng)站開發(fā)和站點管理功能于一身，具有可視化、支持多平臺和跨瀏覽器的特性，是目前網(wǎng)站設(shè)計、開發(fā)、制作的首選工具。</p><p>　　1. 靈活的編寫方式</p><p>　　Dreamw

29、eaver具有靈活編寫網(wǎng)頁的特點，不但將世界一流水平的“設(shè)計”和“代碼”編輯器合二為一，而且在設(shè)計窗口中還精化了源代碼，能幫助用戶按工作需要定制自己的用戶界面。</p><p>　　2. 可視化編輯界面</p><p>　　Dreamweaver是一種所見即所得的HTML編輯器，可實現(xiàn)頁面元素的插入和生成?；蛞暬庉嫮h(huán)境大量減少了代碼的編寫，同時亦保證了其專業(yè)性和兼容性，并且可以對內(nèi)部的H

30、TML編輯器和任何第三方的HTML編輯器進行實時的訪問。無論用戶習(xí)慣手工輸入HTML源代碼還是使用可視化的編輯界面，Dreamweaver都能提供便捷的方式使用戶設(shè)計網(wǎng)頁和管理網(wǎng)站變得更容易。</p><p>　　3. 功能更多的CSS支持——CSS可視化設(shè)計、CSS檢查工具</p><p>　　4. 動態(tài)跨瀏覽器驗證</p><p>　　當保存時系統(tǒng)自動檢查當前文

31、檔的跨瀏覽器有效性，可以指定何種瀏覽器為測試用瀏覽器，同時系統(tǒng)自動檢驗以確定頁面有沒有目標瀏覽器不支持的tags或CSS結(jié)構(gòu)。動態(tài)跨瀏覽器有效性檢查功能可以自動核對tags和CSS規(guī)則是否適應(yīng)目前的主瀏覽器[3]。</p><p>　　5. 強大的WEB站點管理功能</p><p>　　6. 內(nèi)建的圖形編輯引擎</p><p>　　7. Dreamweaver8的集

32、成特性</p><p>　　Dreamweaver8繼承了Fireworks、Flash和Shockwave的集成特性，可以在這些Web創(chuàng)作工具之間自由地切換，輕松地創(chuàng)建美觀實用的網(wǎng)頁。</p><p>　　8. 豐富的媒體支持能力</p><p>　　可以方便地加入Java、Flash、Shockwave、ActiveX以及其他媒體。Dreamweaver具有強大

33、的多媒體處理功能，在設(shè)計DHTML和CSS方面表現(xiàn)得極為出色，它利用JavaScript和DHTML語言代碼輕松地實現(xiàn)網(wǎng)頁元素的動作和交互操作。Dreamweaver還提供行為和時間線兩種控件來產(chǎn)生交互式響應(yīng)和進行動畫處理。</p><p>　　9. 超強的擴展能力</p><p>　　Dreamweaver8還支持第三方插件，任何人都可以根據(jù)自己的需要擴展Dreamweaver的功能，并

34、且可以發(fā)布這些插件[3]。</p><p>　　2.3 Access工具使用</p><p>　　Access 是微軟公司推出的基于Windows的桌面關(guān)系數(shù)據(jù)庫管理系統(tǒng)（RDBMS），是Office系列應(yīng)用軟件之一。它提供了表、查詢、窗體、報表、頁、宏、模塊7種用來建立數(shù)據(jù)庫系統(tǒng)的對象；提供了多種向?qū)А⑸善?、模板，把?shù)據(jù)存儲、數(shù)據(jù)查詢、界面設(shè)計、報表生成等操作規(guī)范化；為建立功能完善的數(shù)

35、據(jù)庫管理系統(tǒng)提供了方便，也使得普通用戶不必編寫代碼，就可以完成大部分數(shù)據(jù)管理的任務(wù)。 </p><p>　　Access是一種關(guān)系型數(shù)據(jù)庫管理系統(tǒng)，其主要特點如下： </p><p>　　1. 存儲方式單一 </p><p>　　Access管理的對象有表、查詢、窗體、報表、頁、宏和模塊，以上對象都存放在后綴為（.mdb）的數(shù)據(jù)庫文件種，便于用戶的操作和管理。 &l

36、t;/p><p><b>　　2. 面向?qū)ο?</b></p><p>　　Access是一個面向?qū)ο蟮拈_發(fā)工具，利用面向?qū)ο蟮姆绞綄?shù)據(jù)庫系統(tǒng)中的各種功能對象化，將數(shù)據(jù)庫管理的各種功能封裝在各類對象中。它將一個應(yīng)用系統(tǒng)當作是由一系列對象組成的，對每個對象它都定義一組方法和屬性，以定義該對象的行為和外國，用戶還可以按需要給對象擴展方法和屬性。</p><

37、;p>　　通過對象的方法、屬性完成數(shù)據(jù)庫的操作和管理，極大地簡化了用戶的開發(fā)工作。同時，這種基于面向?qū)ο蟮拈_發(fā)方式，使得開發(fā)應(yīng)用程序更為簡便。</p><p>　　3. 界面友好、易操作 </p><p>　　Access是一個可視化工具，是風(fēng)格與Windows完全一樣，用戶想要生成對</p><p>　　象并應(yīng)用，只要使用鼠標進行拖放即可，非常直觀方便。系統(tǒng)

38、還提供了表生成器、查詢生成器、報表設(shè)計器以及數(shù)據(jù)庫向?qū)?、表向?qū)?、查詢向?qū)А⒋绑w向?qū)?、報表向?qū)У裙ぞ?，使得操作簡便，容易使用和掌握?</p><p>　　4. 集成環(huán)境、處理多種數(shù)據(jù)信息 </p><p>　　Access基于Windows操作系統(tǒng)下的集成開發(fā)環(huán)境，該環(huán)境集成了各種向?qū)Ш蜕善鞴ぞ?，極大地提高了開發(fā)人員的工作效率，使得建立數(shù)據(jù)庫、創(chuàng)建表、設(shè)計用戶界面、設(shè)計數(shù)據(jù)查詢、報表打印

39、等可以方便有序地進行。 </p><p>　　5. Access支持ODBC（開發(fā)數(shù)據(jù)庫互連，Open Data Base Connectivity）</p><p>　　利用Access強大的DDE（動態(tài)數(shù)據(jù)交換）和OLE（對象的聯(lián)接和嵌入）特性，可以在一個數(shù)據(jù)表中嵌入位圖、聲音、Excel表格、Word文檔，還可以建立動態(tài)的數(shù)據(jù)庫報表和窗體等。Access還可以將程序應(yīng)用于網(wǎng)絡(luò)，并與網(wǎng)

40、絡(luò)上的動態(tài)數(shù)據(jù)相聯(lián)接。利用數(shù)據(jù)庫訪問頁對象生成HTML文件，輕松構(gòu)建Internet/Intranet的應(yīng)用[4]。</p><p><b>　　3 網(wǎng)站整體功能</b></p><p>　　為了適應(yīng)商業(yè)領(lǐng)域的國際化和商業(yè)領(lǐng)域的國際化、信息化，電子商務(wù)充分利用計算機技術(shù)實現(xiàn)網(wǎng)絡(luò)通信科技和因特網(wǎng)的結(jié)合，在短短十幾年的時間內(nèi)，迅速成為了全球一項重要的支柱產(chǎn)業(yè)，我們嘗試建立

41、一個全天候的網(wǎng)上購物平臺，借助現(xiàn)代電腦技術(shù)，為訪問本網(wǎng)站的用戶提供優(yōu)質(zhì)的購物服務(wù)、可靠和詳細的產(chǎn)品信息以及產(chǎn)品最新的動態(tài)。</p><p>　　3. 1 顧客購物步驟</p><p>　　本網(wǎng)站分為購物區(qū)、購物車、會員車、數(shù)據(jù)車四部分。實現(xiàn)相互間的關(guān)系網(wǎng)絡(luò)，具體操作如下：</p><p>　　顧客首先進入本網(wǎng)站的首頁，通過會員注冊以后成為本網(wǎng)站的會員。會員和游客瀏覽

42、網(wǎng)頁，選購商品。會員可享受專為會員設(shè)計的聊天室，可以實現(xiàn)會員之間的產(chǎn)品共享功能。最后，會員在購物廣場選購產(chǎn)品，放入購物車，在購物車中進行編輯，之后填寫相關(guān)個人信息和商品信息，選擇付款方式，經(jīng)確認之后，向管理員下購物單。并且還能實現(xiàn)意見反饋和退貨等其他任何功能。</p><p>　　3. 2 網(wǎng)站具體功能</p><p><b>　　1. 廣告宣傳</b></p&

43、gt;<p>　　通過圖片、動畫等信息為客戶提供豐富多彩的網(wǎng)站介紹，樹立網(wǎng)站在顧客心目中的形象，起到品牌效益。</p><p><b>　　2. 網(wǎng)上瀏覽</b></p><p>　　顧客可以通過商品展示區(qū)對所展示的產(chǎn)品的信息，例如產(chǎn)地、功能、價格等，讓客戶可以滿意產(chǎn)品的信息。按照約定的規(guī)定完成交易過程。</p><p><

44、b>　　3. 網(wǎng)上訂單</b></p><p>　　客戶對商品了解滿意后，可以直接在網(wǎng)頁中查閱價格、確定數(shù)量、選擇付款方式來訂購商品。本網(wǎng)站根據(jù)顧客訂購的要求交付貨物。</p><p><b>　　4. 咨詢商討</b></p><p>　　客戶可通過本頁聊天室、QQ、阿里旺旺等工具來討論問題洽談業(yè)務(wù)，可以實現(xiàn)商家面對面銷售的

45、過程。</p><p><b>　　5. 意見反饋</b></p><p>　　通過顧客的留言板，客戶可直接發(fā)表對網(wǎng)站，對商品的意見，提出更多、更接近實際的建議和意見。新顧客也可以通過老客戶的留言來了解本商品的銷售情況和顧客滿意度來更多了解信息。</p><p><b>　　6. 退貨訂貨</b></p>&

46、lt;p>　　當客戶對產(chǎn)品滿意時，可以申請訂貨。而顧客當收到商品使用不滿意時要求退貨，可以退貨，當填滿了一些基本信息和返回商品后，可以收到已付款。</p><p><b>　　7. 招商鏈接</b></p><p>　　客戶可以通過本網(wǎng)站上的照片和文字鏈接到自己想要訪問的其他相關(guān)網(wǎng)站的地址，查閱一些必要的信息和使用的軟件工具。</p><p&

47、gt;<b>　　8. 會員社區(qū)</b></p><p>　　已經(jīng)注冊成為會員的客戶，可以使用該功能登錄社區(qū)網(wǎng)頁，以昵稱和網(wǎng)友交流，也可修改自己的身份信息。</p><p><b>　　9. 數(shù)據(jù)管理</b></p><p>　　對網(wǎng)站中涉及的諸多數(shù)據(jù)表進行系統(tǒng)的管理，進行一些后臺的數(shù)據(jù)操作，例如商品資料的管理、客戶資料管

48、理。</p><p><b>　　10. 網(wǎng)站鏈鎖</b></p><p>　　網(wǎng)站與網(wǎng)站直接實現(xiàn)多層的鏈接，實現(xiàn)相互的訪問，實現(xiàn)互利[5]。</p><p>　　3.3 網(wǎng)站的主題功能和分析</p><p>　　3.3.1 總體功能</p><p>　　該系統(tǒng)用戶分為兩類：用戶和管理員，在整個系

49、統(tǒng)中他們具有不同的功能和權(quán)限。如圖3-1所示?？蛻舢斶M入網(wǎng)站之后所進行的就是對商品的瀏覽，首先可以先注冊成為會員，然后當確定要購買某商品之后進行網(wǎng)上交易訂貨。而管理員進入網(wǎng)站之后對商品進行管理，對客戶的資料信息進行管理，對零售和批發(fā)情況也進行管理，對倉庫進貨出貨進行管理。</p><p><b>　　圖3-1商城系統(tǒng)圖</b></p><p>　　系統(tǒng)采用的思想，對整

50、個系統(tǒng)分成了3個大模塊：前臺交易板塊、數(shù)據(jù)庫及持久層的設(shè)計、后臺管理模塊。各個模塊又進行了一步的細分，如前臺交易模塊又分為查詢、電話直訂等；數(shù)據(jù)庫采用了個性化服務(wù)；使得系統(tǒng)具有方便性、個性化、跨區(qū)域等特點；同時又保證交易數(shù)據(jù)的安全、穩(wěn)定、快速和完整；使其運行得高速、安全、穩(wěn)定。</p><p>　　3.3.2 管理員登陸</p><p>　　如圖3-2所示，當管理員登陸自己賬戶之后，實現(xiàn)信

51、息傳遞功能。對自己的個人信息進行一定的管理，如密碼、郵箱。對訂單的一些先后順序編排整齊，實現(xiàn)訂單先打先下先發(fā)的制度。還有就是對自己的賬戶余額進行適當?shù)墓芾怼?lt;/p><p>　　圖3-2管理員登錄圖</p><p>　　3.3.3前臺購物流程圖</p><p>　　如圖3-3所示，普通用戶第一次進入本網(wǎng)站，先是瀏覽商品，當滿意之后可以選擇訂購商品。接下去是注冊成為用

52、戶，并登陸，去購物車瀏覽自己一共訂了多少數(shù)量和價格的產(chǎn)品。然后到支付寶填寫完必要的信息之后完成訂單。</p><p>　　圖3-3 前臺購物流程圖</p><p>　　3.3.4后臺購物流程圖</p><p>　　如圖3-4所示，當用戶訂單之后，管理員對其進行處理，確認貨物存在并進行發(fā)貨。對貨物包裝之后發(fā)貨，并在交易管理中選擇確認收貨，完成結(jié)賬。</p>

53、<p>　　圖3-4后臺購物流程圖</p><p>　　3.3.5注冊功能流程圖</p><p>　　如圖3-5所示，當用戶注冊成為會員的時候，需要填入用戶名、密碼、E-mail地址和其他信息，并且核對信息是否與所了解信息重復(fù)。[6]</p><p>　　圖3-5注冊功能流程表</p><p>　　3.3.6商品搜索流程圖<

54、;/p><p>　　如圖3-6所示，當會員開始搜索商品時，用戶收入相關(guān)條件，出來搜索結(jié)果可以查看商品，放入購物車中，并下達訂單。如果需要繼續(xù)購物則可以選擇重新搜索。而當用戶對選擇的商品不滿意，可以進行繼續(xù)搜索。</p><p>　　圖3-6商品搜索流程圖</p><p>　　3.3.7購物車流程圖</p><p>　　如圖3-7所示，當會員開始搜

55、索商品時，用戶收入相關(guān)條件，出來搜索結(jié)果可以查看商品，放入購物車中，并下達訂單。[7]</p><p>　　圖3-7購物車流程圖</p><p>　　4 網(wǎng)站在軟件中的顯示</p><p>　　當進入網(wǎng)站時，首先出現(xiàn)的是本網(wǎng)站的首頁，首頁包括本網(wǎng)站前臺用戶的所有功能菜單，界面美觀。在Dreamweaver8中設(shè)計視圖和設(shè)計代碼都會同時顯示出來，當網(wǎng)站網(wǎng)頁設(shè)計視圖時

56、，可以在設(shè)計代碼界面看到你所設(shè)計的網(wǎng)頁代碼。同樣的，當我們網(wǎng)上尋找到代碼時，也可以通過Dreamweaver8可以實現(xiàn)視圖，讓我們實現(xiàn)我們所要的功能。</p><p><b>　　4.1 網(wǎng)站首頁</b></p><p>　　如圖4-1所示，本圖是網(wǎng)站首頁的設(shè)計樣式，首頁最主要的功能就是吸引客戶的眼球，當客戶被你主頁所吸引之后，才能對購物產(chǎn)生興趣。首頁展示的是對熱銷產(chǎn)

57、品的宣傳，是對產(chǎn)品明細的劃分，是對產(chǎn)品類別的進行搜索。</p><p><b>　　圖4-1網(wǎng)站首頁</b></p><p>　　而通過Dreamweaver8可以實現(xiàn)我們所要的代碼，代碼如下：</p><p>　　Sub myDataGrid_DeleteCommand(sender As Object,e As DataGridComman

58、dEventArgs)</p><p>　　dtable=session("MyCar")</p><p>　　dim theNo as integer=cint(e.Item.Cells(0).Text)</p><p>　　dim myDataRowCollection as datarowcollection </p>&l

59、t;p>　　dim theRow as datarow ‘聲明一個表行，用于保存一件商品</p><p>　　mydatarowcollection=dtable.rows</p><p>　　if mydatarowcollection.Contains(theno) then ‘查詢選者的某件商品</p><p>　　thero

60、w=mydatarowcollection.Find(theno)</p><p>　　mydatarowcollection.Remove(theRow) ‘刪除選者的商品</p><p>　　session("MyCar")=dtable</p><p>　　myDataBind()</p><p>

61、;<b>　　end if</b></p><p><b>　　end sub </b></p><p>　　Sub btn_Click(sender As Object,e As EventArgs)</p><p>　　Dim objItem As DataGridItem '

62、;聲明DataGridItem對象</p><p>　　Dim objBookNum As TextBox</p><p>　　dim myDataRowCollection as datarowcollection</p><p>　　dim therow as datarow</p><p>　　dtable=session("

63、MyCar")</p><p>　　session("MyCar")=dtable ‘更新session中的MyCar變量</p><p>　　Call myDataBind() ‘重新綁定</p><p><b>　　end sub&l

64、t;/b></p><p>　　sub GoToCheck(sender as object,e as eventargs)</p><p>　　Dim Script As String</p><p>　　Script = "<Script Language='JavaScript'>"</p>

65、<p>　　Script "Javascript:window.close();window.open('CheckOut.aspx')<"</p><p>　　Script += "/Script>"</p><p>　　end sub[8]</p><p&g

66、t;<b>　　4.2主要熱點模塊</b></p><p>　　而通過Dreamweaver8的格局布置功能可以實現(xiàn)主要熱點模塊設(shè)計，首先設(shè)計主要格局布置，再接下去，在布局中設(shè)計表格和模塊，所以才能實現(xiàn)主要熱點模塊的一些設(shè)計。其中主要一部分熱點模塊視圖4-2所示，熱點模塊主要是對圖每一款產(chǎn)品進行分析。每一頁都是對產(chǎn)品進行介紹，包括產(chǎn)品的原產(chǎn)地、價格、名稱和產(chǎn)品圖片。</p>&

67、lt;p>　　圖4-2熱點模塊視圖</p><p>　　4.3 會員管理模塊設(shè)計</p><p>　　在前臺的會員管理模塊中主要包括會員注冊、會員登錄、會員資料修改3部分。由于會員資料修改同會員注冊的實現(xiàn)方法類似，只是調(diào)用的SQL語句不同，所以此處只給出會員注冊和會員登錄進行介紹。</p><p>　　會員注冊的入口位于網(wǎng)站首頁的左側(cè)。用戶單擊【注冊】按鈕即可

68、進入到會員注冊頁面，該頁面的設(shè)計效果如圖4-3所示，用戶注冊網(wǎng)頁界面主要是包括用戶輸入的用戶名、真實姓名、密碼、所在城市、聯(lián)系地址、證件號碼、聯(lián)系電話和E-mail，這些方式主要是為了安全和聯(lián)系使用，以便完成更好的銷售和服務(wù)。</p><p><b>　　圖4-3用戶注冊圖</b></p><p><b>　　部分實現(xiàn)代碼如下：</b></

69、p><p>　　if (myform.pwd1.value==""){</p><p>　　alert("請確認密碼！");myform.pwd1.focus();return;</p><p><b>　　}</b></p><p>　　if (myform.pwd.value!=m

70、yform.pwd1.value){</p><p>　　alert("您兩次輸入的密碼不一致，請重新輸入！");myform.pwd.focus();return;</p><p><b>　　}</b></p><p>　　if(myfrom.cardno.value==""){</p>

71、<p>　　alert("請證件號碼！");myform.cardno.focus();return;</p><p>　　if (myform.email.value==""){</p><p>　　alert("請輸入Email地址！");myform.email.focus();return;</p>

72、<p><b>　　}</b></p><p>　　var i=myform.email.value.indexOf("@");</p><p>　　var j=myform.email.value.indexOf(".");</p><p>　　if((i<0)||(i-j>0

73、)||(j<0)){</p><p>　　alert("您輸入的Email地址不正確，請重新輸入！</p><p>　　");myform.email.value="";myform.email.focus();return;</p><p><b>　　}</b></p><

74、p>　　會員注冊模塊由兩個頁面組成，一個是用于收集用戶輸入的注冊信息的會員注冊頁面，另一個用于將會員注冊信息保存到數(shù)據(jù)表中的處理頁。會員注冊頁面主要由表單元素組成，比較簡單。</p><p>　　將會員注冊信息保存到數(shù)據(jù)表中，首先使用JavaBean中的member類保存客戶端輸入的會員信息，再通過調(diào)用memberDaoImpl中的insert方法將會員信息保存到會員信息表中。在保存會員信息時，還需要判斷會

75、員名是否存在，必須保證會員名稱的惟一性[9]。</p><p><b>　　4.4 會員登錄</b></p><p>　　會員登錄用于網(wǎng)站會員登錄本網(wǎng)站進行購物或查看訂單情況。會員登錄入口位于網(wǎng)站首頁的左側(cè)，頁面運行結(jié)果如圖所示。下面給出會員登錄頁面的設(shè)計效果圖和會員登錄后的會員登錄頁面的運行結(jié)果，分別如圖4-4、圖4-5所示。</p><p>

76、;　　圖4-4會員未登錄界面 </p><p>　　圖4-5會員已登錄界面</p><p><b>　　部分實現(xiàn)代碼如下：</b></p><p>　　{ ResultSet rs=conn.executeQuery("select * from tb_Member where username

77、='"+username+"' and freeze=0");</p><p>　　if(rs.next()){</p><p>　　String PWD=request.getParameter("PWD");</p><p>　　if(PWD.equals(rs.getString("p

78、assword"))){ </p><p>　　session.setAttribute("username",username); </p><p>　　response.sendRedirect("index.jsp"); </p><p>　　}else{ out.println("&l

79、t;script language='javascript'>alert('您輸入的用戶名或密碼錯誤，請與管理員聯(lián)系!')}else{out.println("<script language='javascript'>alert('您輸入的用戶名或密碼錯誤，或您的賬戶已經(jīng)被凍結(jié)，請與管理員聯(lián)系!');window.location.href=&

80、#39;index.jsp';</script>");}</p><p>　　}catch(Exception e){</p><p>　　out.println("<script language='javascript'>alert('您的操作有誤!');window.location.href=

81、9;index.jsp';</script>");}</p><p>　　conn.close(); %></p><p>　　當用戶在登錄窗口中輸入用戶名和密碼后，單擊【登錄】按鈕，系統(tǒng)將對輸入的用戶名和密碼進行驗證，如果用戶輸入的用戶名存在并且凍結(jié)字段的值不為1，則判斷用戶輸入的密碼是否正確，如果密碼正確，則重新進入網(wǎng)站首頁，顯示登錄用戶的用戶名、【

82、修改資料】按鈕、【退出登錄】按鈕，否則提示登錄失敗。</p><p>　　4.5 用戶登陸頁面實現(xiàn)的功能</p><p>　　登陸用戶信息頁面、貨物中心asp程序、留言板asp程序、交換意向asp程序、會員信息asp程序[10]。登陸用戶信息頁面其圖形視圖如圖4-6所示：</p><p>　　圖4-6登錄用戶信息界面</p><p><

83、b>　　5 網(wǎng)站數(shù)據(jù)庫設(shè)計</b></p><p>　　在信息世界中，信息從客觀事物出發(fā)流經(jīng)數(shù)據(jù)庫，通過決策機構(gòu)最后又回到客觀世界，信息的這一循環(huán)經(jīng)歷了三個領(lǐng)域：信息世界，數(shù)據(jù)世界，現(xiàn)實世界?，F(xiàn)實世界的事物反映到人的頭腦中，人的大腦對它有個認識過程，經(jīng)過分析（選擇、命名、分類等）進入信息世界。這些信息再進一步加工、編碼，然后進入數(shù)據(jù)世界，而軟件系統(tǒng)的開發(fā)工作需要考慮這兩個方面的問題，也就是要考慮

84、系統(tǒng)開發(fā)所需要的數(shù)據(jù)，以及如何對這些數(shù)據(jù)進行操作。這兩個問題貫穿了整個軟件系統(tǒng)的開發(fā)過程，這也就是數(shù)據(jù)庫的設(shè)計問題，軟件設(shè)計的一個核心。</p><p>　　網(wǎng)上購物系統(tǒng)的主要對象是用戶，所以必需建立用戶表，包括用戶的基本信息情況；用戶的主要活動是對商品的購買，所以必需建立商品信息表；用戶對商品的購買，選擇所要的商品，首先得對商品進行搜索，所以我們把商品進行分類，進行大類和小類的劃分，建立商品類別表和商品類別細分

85、表；最后用戶提交定單，建立定單表。</p><p>　　經(jīng)過分析，此數(shù)據(jù)庫包含如下表：</p><p>　　Class_1表；商品類別表（商品號、商品名稱、錄入時間）</p><p>　　Class_2表；商品類別細分表（商品號、商品細分名稱、商品所屬類名稱、錄入時間）</p><p>　　Orderlist表；定單表（用戶號、用戶名稱、郵編

86、、電話、Email、地址、匯款方式、錄入時間、狀態(tài)）</p><p>　　Product表；商品信息表（商品號、商品總類名稱、商品細分類名稱、商品簡介、商品說明、會員價、市場價、商品圖象、訪問次數(shù)）</p><p>　　Reguser表；用戶表（用戶號、用戶密碼、密碼提示問題、問題答案、姓名、性別、Email、電話、地址、郵編、時間）</p><p>　　Shopl

87、ist表[11]。</p><p>　　6 創(chuàng)建和管理本地站點</p><p>　　6.1 本地站點的簡單介紹</p><p>　　站點是由一組相關(guān)網(wǎng)頁以及有關(guān)的文件、腳本、數(shù)據(jù)庫等內(nèi)容組成的有機集合體。根據(jù)站點存放的位置不同可以把站點分為本地站點和遠程站點。要制作一個完整的、能夠提供給用戶通過網(wǎng)絡(luò)訪問的網(wǎng)站，首先需要在本地磁盤上編寫，這種放置在本地磁盤上的站點被稱

88、為本地站點。把制作好的本地站點通過網(wǎng)絡(luò)傳輸?shù)交ヂ?lián)網(wǎng)Web服務(wù)器里的站點被稱之為遠程站點。Dreamweaver具有管理本地站點和遠程站點的強大功能，利用Dreamweaver對站點的管理能力，能夠盡可能的減少錯誤，如路徑錯誤、連接錯誤等。本地站點其實質(zhì)是一個建立在本地磁盤根目錄下的文件夾，在建立比較大的網(wǎng)站時，可以在本地站點下建立若干個文件夾用來分類保存文件或按欄目保存文件。</p><p>　　在創(chuàng)建站點之前如

89、圖6-1所示，首先要根據(jù)網(wǎng)站的規(guī)劃確定好要建立的站點結(jié)構(gòu)，然后依據(jù)站點規(guī)劃創(chuàng)建站點，這樣創(chuàng)建的站點不僅便于后續(xù)網(wǎng)頁的創(chuàng)建，而且也便也網(wǎng)站的維護和更新管理。關(guān)于站點的規(guī)劃請參閱本教材的相關(guān)部分，根據(jù)我們將要建設(shè)的網(wǎng)站，確定的網(wǎng)站結(jié)構(gòu)[12]。</p><p>　　圖6-1本地站點結(jié)構(gòu)</p><p>　　6.2 創(chuàng)建本地站點的具體操作步驟</p><p>　?。?）打

90、開“開始” →“程序” →“管理工具” →“Internet服務(wù)管理器”命令，打開“internet信息服務(wù)”窗口，單擊電腦圖標前的“+”號。</p><p>　?。?）在“默認Web站點”上單擊鼠標右鍵，在彈出快捷菜單中選擇“新建” →“站點”命令，將彈出“歡迎使用Web站點創(chuàng)建向?qū)А睂υ捒?，然后單擊（下一步）按鈕，彈出對話框，輸入站點的說明文字“SHOE”。</p><p>　　（3）

91、單擊（下一步）按鈕，在彈出的對話框中主要輸入web站點的IP地址、TCP端口號和主機頭名。根據(jù)實際情況填寫，如果沒有聯(lián)網(wǎng)，則IP地址可以填寫為127.0.0.1，TCP端口號采用默認值80，與站點主機頭有關(guān)的唯一問題是瀏覽器，采用默認值為空。如果改變了端口號，則在使用瀏覽器登錄網(wǎng)站時，需在URL中指定鏈接的端口號，如：當TCP端口號為90時，URL應(yīng)為127.0.0.1.</p><p>　?。?）單擊（下一步）

92、按鈕,彈出“WEB站點創(chuàng)建向?qū)А睂υ捒?，要設(shè)置WEB站點的主目錄，可以單擊（瀏覽）按鈕，來選擇網(wǎng)站主目錄。</p><p>　　（5）設(shè)置好以后單擊（下一步）按鈕，彈出“設(shè)置WEB站點的訪問權(quán)限”對話框，一般情況都采用IIS5.0的默認值。</p><p>　　（6）單擊（下一步）按鈕，再單擊（確定）按鈕，完成WEB站點的創(chuàng)建。</p><p>　　6.3 本地網(wǎng)站

93、的站點定義</p><p>　　如圖6-2所示，當進入本地站點定義的界面之后完成的是站點名稱和站點域名的定義，當填寫完之后則進入下一步。</p><p>　　圖6-2本地站點定義界面</p><p>　　6.4 網(wǎng)站運行與瀏覽</p><p>　　設(shè)置“數(shù)據(jù)源 (ODBC) 打開【控制面板】→【管理工具】→【數(shù)據(jù)源 (ODBC)】如圖6-3所

94、示</p><p>　　圖6-3數(shù)據(jù)源管理器界面</p><p>　　進入【數(shù)據(jù)源（ODBC）】打開【系統(tǒng)DSN】選項卡點擊【添加】按鈕如圖6-4所示</p><p>　　圖6-4創(chuàng)建數(shù)據(jù)源界面</p><p>　　進入【創(chuàng)建新數(shù)據(jù)源】窗口，選擇數(shù)據(jù)源的驅(qū)動程序【Microsoft Access Driver (*.mdb)】后，進入【ODB

95、C Microsoft Access 安裝】窗口如圖6-5所示，在數(shù)據(jù)源名（N）文本框輸入【fang】，</p><p>　　圖6-5數(shù)據(jù)庫安裝界面</p><p>　　點擊【選擇】按鈕進入【選擇數(shù)據(jù)庫】窗口如圖6-6找出數(shù)據(jù)庫點擊【確定】</p><p>　　圖6-7選擇數(shù)據(jù)庫界面</p><p>　　返回【ODBC Microsoft A

96、ccess 安裝】窗口點擊【確定】完成[13]。</p><p>　　6.5 利用IIS瀏覽網(wǎng)站</p><p>　　筆者提供兩個利用IIS瀏覽本網(wǎng)站的方法：</p><p>　　6.5.1利用IIS瀏覽網(wǎng)站</p><p>　　打開【控制面板】→【管理工具】→【Internet信息服務(wù)（IIS）】如圖6-8所示</p><

97、;p>　　圖6-8網(wǎng)絡(luò)信息服務(wù)界面</p><p>　　進入Internet信息服務(wù)（IIS）后打開【本地計算機】→【網(wǎng)站】</p><p>　　右鍵打開【默認網(wǎng)站】→【新建】→【虛擬目錄】</p><p>　　進入【歡迎使用虛擬目錄創(chuàng)建向?qū)А看翱谌鐖D6-9所示，選擇【下一步】繼續(xù) </p><p>　　進入【虛擬目錄別名】窗口輸入虛

98、擬目錄的別名（Web1），點擊【下一步】繼續(xù)</p><p>　　圖6-9虛擬目錄創(chuàng)建向?qū)Ы缑?lt;/p><p>　　進入【網(wǎng)站內(nèi)容】窗口輸入網(wǎng)站的本地文件夾E:\Dreamweaver BYSJ點擊【下一步】繼續(xù)。</p><p>　　進入【訪問權(quán)限】窗口全選所有選擇，點擊【下一步】繼續(xù)。</p><p>　　進入【已成功完成虛擬目錄創(chuàng)建向?qū)?/p>

99、】窗口如圖6-10所示，點擊【完成】按鈕完成。</p><p>　　圖6-10目錄創(chuàng)建向?qū)瓿山缑?lt;/p><p>　　在打開【默認網(wǎng)站】→【W(wǎng)eb1】虛擬目錄，找出【index.html】</p><p>　　點擊右鍵，在右鍵菜單點擊瀏覽即可瀏覽網(wǎng)站。[14]</p><p>　　6.5.2利用ASP測試工具模仿IIS環(huán)境</p>

100、;<p>　　綠色專用ASP調(diào)試工具</p><p>　　首先將綠色測試軟件【專用ASP調(diào)試工具.exe】移動至與網(wǎng)頁文件夾同一個目錄下。打開測試軟件，點擊網(wǎng)頁文件夾的名稱“Dreamweaver BYSJ”即可瀏覽網(wǎng)站[15]。</p><p><b>　　7 總結(jié)</b></p><p>　　在開發(fā)過程中我學(xué)到了一些經(jīng)驗：系

101、統(tǒng)分析的好壞將決定著的系統(tǒng)開發(fā)成功與否，一份好分析設(shè)計將是成功開發(fā)主要因素。我們在著手開發(fā)之前不要急于編程，先應(yīng)有較長的時間去把分析做好，做好數(shù)據(jù)庫設(shè)計工作，寫出相關(guān)的開發(fā)文檔等。然后再開始編寫程序代碼，這樣做到每寫一步代碼心底有數(shù),有條不絮。</p><p>　　我還要感謝我的母校，以及在大學(xué)四年生活中給予我關(guān)心和幫助的老師和同學(xué)，是他們教會了我專業(yè)的知識和做人的道理。通過這次畢業(yè)論文我還明白了作為一名電氣工程

102、專業(yè)的大學(xué)畢業(yè)生，我們要會的不僅僅是技術(shù)應(yīng)用，更重要的是要有整體做實在事情的能力。我會在以后的工作和學(xué)習(xí)中不斷完善自己，為我最熱愛的母校爭光，為自己翻開輝煌的新篇章。</p><p>　　在論文的寫作過程中讓我越來越明白一個道理，越困難的事都要分步驟一步步地完成，每天完成一些，當全部完成的時候你不得不說，事。情都是這么做的。而伴隨著事情的完成過程中細心和耐心是我們所要具備的能力。對事情不要急也不要放棄，要培養(yǎng)自己

103、平和的心態(tài)去面對任何所碰到的事情。人生道路上到處都是困難和坎坷，而我們都要去面對。我們應(yīng)該把這些當做是我們成功路上所必須要經(jīng)歷的磨練，當最后我們成功了，我們才能變得更加強大。</p><p><b>　　參考文獻</b></p><p>　　[1] 陳志浩.《電子商務(wù)》課程實驗教學(xué)大綱[M].北京：中國財經(jīng)經(jīng)濟出版，1998,9,5.</p><p

104、>　　[2] 強鋒科技.ASP網(wǎng)絡(luò)編程從入門到精通[M].北京：清華大學(xué)出版社，2010,10,13.</p><p>　　[3] 李庭春.B2C電子商務(wù)流程淺析[J].北京：中國管理信息化，2008,12(3):3～8.</p><p>　　[4] 杜軍平，黃杰．SQL Server 2000數(shù)據(jù)庫開發(fā)[M]．北京：機械工業(yè)出版，2005,10(： 10～20).</p>

105、;<p>　　[5] 饒云波，張應(yīng)輝．基于ASP．NET的電子商務(wù)平臺設(shè)計與實現(xiàn)[M]．計算機技術(shù)與發(fā)展，2006,5(:160～162)．</p><p>　　[6] 李玲，翟劍飛.B2C電子商務(wù)網(wǎng)站的設(shè)計與實現(xiàn)[J].北京：清華大學(xué)出版社，2005， 33(12).</p><p>　　[7] 孫繼紅.基于.NET三層架構(gòu)的網(wǎng)上商城設(shè)計與實現(xiàn)[M].北京：人民郵電出版社

106、，2008,8(:78～90).</p><p>　　[8] 張新明.銷售型B2C網(wǎng)站存在的問題及建議[J].北京：中國管理信息化，2010,13(9):5～10.</p><p>　　[9] 陳繼鋒，蘇云鳳.Access數(shù)據(jù)庫技術(shù)及應(yīng)用[M].北京：中國水利水電出版社，2009，10(5)(:50～78).</p><p>　　[10] 郭瑞軍，李杰，初曉璐等.A

107、SP數(shù)據(jù)庫開發(fā)實例精粹[M].北京：電子工業(yè)出版社，2005,2.</p><p>　　[11] 梁瑾,張鳳銀.伊人軒網(wǎng)上商城的設(shè)計與開發(fā)[J].上海：微型電腦應(yīng)用，2008,24(7):55～60.</p><p>　　[12] 梁春曉．電子商務(wù)導(dǎo)論[M]．北京：電子工業(yè)出版社，2001,5(:38～52)．</p><p>　　[13] 董慧．電子商務(wù)網(wǎng)頁設(shè)計與

108、網(wǎng)站建設(shè)[M]．武漢：武漢大學(xué)出版社，2004,10.</p><p>　　[14] 宋偉.我國電子商城網(wǎng)站可用性評估體系研究——以電子類網(wǎng)站為例[D].山東：山東大學(xué)，2007，10，15.</p><p>　　[15] K. C. Kavvadias，V. Z. Maroulis，M. K. Krokida;，M. S. Rahman. Development ofa Versatil

109、e Database for Transport Properties of Foods[J]. International Journal of Food Properties，2009，3(12) ：522 ～ 535.</p><p><b>　　附錄 作品資料</b></p><p><b>　　1 網(wǎng)站初始首頁</b></p&g

110、t;<p>　　如圖 附錄-1所示我電子商務(wù)網(wǎng)站的初始頁面，在頁面的背景中我還將自己個性的名字“方建雄”放入其中。初始的界面比較簡單，但是結(jié)構(gòu)清晰，制作簡單。首頁主要是展示了首頁面的美觀，首頁包括商品搜索、商品分類、商品展示、熱銷商品展示、友情網(wǎng)站鏈接。</p><p>　　圖 附錄-1網(wǎng)站初始首頁</p><p><b>　　2 首頁標題設(shè)計</b>&

111、lt;/p><p>　　如圖 附錄-2是頭像上傳前的照片，如圖 附錄-3是頭像上傳后的，當進入如圖</p><p>　　附錄-4所示當我所需要的圖像上傳時，首先編輯圖片的信息，就可以上傳我們的圖片了，圖 附錄-3就是完成之后的頭像和網(wǎng)站名稱。</p><p>　　圖 附錄-2頭像上傳前照片</p><p>　　圖 附錄-3是頭像上傳后照片 &

112、lt;/p><p>　　圖 附錄-4背景頭像上傳方法</p><p><b>　　3 友情鏈接</b></p><p>　　友情鏈接的制作前和制作后的圖像如圖 附錄-5和鏈接的網(wǎng)站首頁如圖 附錄-6，友情鏈接模塊主要是實現(xiàn)網(wǎng)站中的雙贏目的，通過自己的網(wǎng)站能夠鏈接到與其相關(guān)的網(wǎng)頁，例如圖 附錄-5中可以通過本網(wǎng)站鏈接到“你的格調(diào)”網(wǎng)站，也可以從“你的

113、格調(diào)”網(wǎng)站訪問本網(wǎng)站，實現(xiàn)商家相互宣傳功能。</p><p>　　圖 附錄-5友情鏈接制作前后界面</p><p>　　圖 附錄-6鏈接的網(wǎng)站首頁</p><p><b>　　寶貝分類</b></p><p>　　寶貝分類部分裝飾前如圖 附錄-7所示和裝飾后如圖 附錄-8所示，寶貝因為種類繁多等原因，為了方便用戶的搜索，

114、商品按照銷量，按照上架時間的先后順序，按照價格指標，都可以分為一類，大大提高了用戶搜索的時間。</p><p>　　圖 附錄-7寶貝分類前界面</p><p>　　這是通過圖 附錄-9所示的方法編輯的商品分類界面，產(chǎn)品還可以通過外貿(mào)的單子來宣傳自己的業(yè)務(wù)，圖所在的部分就能吸引到客戶的眼球去關(guān)注寶貝分類這一部分。</p><p>　　圖 附錄-8寶貝分類后界</

115、p><p>　　寶貝編輯分類的方法如圖 附錄-9，寶貝分類這一板塊編輯的方法共用三部分：編輯分類、寶貝歸類、類目促銷區(qū)設(shè)置。在每一個模塊它都需要添加以下圖片的信息和地址進入，還可以移動圖片在區(qū)域的位置。</p><p>　　圖 附錄-9編輯分類的方法界面</p><p>　　寶貝歸類的方法如圖 附錄-10</p><p>　　圖 附錄-10寶貝歸