電子商務(wù)網(wǎng)站設(shè)計實驗報告

1、目錄一、系統(tǒng)規(guī)劃 3（一）農(nóng)產(chǎn)品電子商務(wù)網(wǎng)站發(fā)展前景 31. 前景大好原因分析 32. 農(nóng)產(chǎn)品電子商務(wù)網(wǎng)站發(fā)展趨勢 3（二）農(nóng)產(chǎn)品電子商務(wù)網(wǎng)站發(fā)展現(xiàn)狀 4二、系統(tǒng)分析 4（一）可行性分析 41. 技術(shù)可行性 42. 經(jīng)濟可行性 5（二）建設(shè)網(wǎng)站的目的及功能分析 61. 網(wǎng)站建設(shè)目的 62. 網(wǎng)站的功能 7（三）網(wǎng)站主要流程分析 81. 網(wǎng)站策劃 82. 網(wǎng)站設(shè)計 83. 完成樣稿 94. 網(wǎng)站測試 95. 網(wǎng)站的推廣和維護 9三、網(wǎng)站設(shè)計 9（一）總體設(shè)計 91. 網(wǎng)站 CI（ corporate identity ）設(shè)計、風(fēng)格定位 92. 網(wǎng)站主色調(diào)及視覺效果設(shè)計 10（二）詳細設(shè)計 111

2、. 用戶中心頁面 112. 數(shù)據(jù)庫設(shè)計 15四、網(wǎng)站實現(xiàn) 18（一）開發(fā)工具 18（二）實現(xiàn)模塊 191. 網(wǎng)站首頁 192. 登陸頁面 203. 網(wǎng)上商城首頁 214. 特色產(chǎn)品頁 225. 詳情頁面 236. 注冊頁面 24五、設(shè)計總結(jié)及心得體會 25（一）網(wǎng)站優(yōu)點 251. 主頁上有網(wǎng)站的標(biāo)志物 252. 易于導(dǎo)航 253. 頁面長短適宜 254. 頁面風(fēng)格統(tǒng)一 26（二）網(wǎng)站缺點 261. 美觀性有待提高 262. 安全系數(shù)有待提高 26（三）改進策略 261. 藝術(shù)學(xué)習(xí) 262. 技術(shù)改進 26（四）心得體會 27六、小組成員各自實現(xiàn)的主要功能 30電子商務(wù)網(wǎng)站設(shè)計實驗報告一、系統(tǒng)規(guī)

3、劃（一）農(nóng)產(chǎn)品電子商務(wù)網(wǎng)站發(fā)展前景1. 前景大好原因分析我國是農(nóng)業(yè)大國， 也是互聯(lián)網(wǎng)大國， 農(nóng)產(chǎn)品電子商務(wù)在我國有著非常廣闊的發(fā)展空間。 近年來，農(nóng)產(chǎn)品電子商務(wù)呈現(xiàn)加速發(fā)展的態(tài)勢， 2013 年淘寶網(wǎng)大規(guī)模復(fù)制特色中國地方館， 對農(nóng)產(chǎn)品網(wǎng)店規(guī)模起到了顯著地拉動作用，根據(jù)阿里巴巴集團研究中心測算，經(jīng)營農(nóng)產(chǎn)品 的網(wǎng)店數(shù)量于 2013 年已經(jīng)成功突破 100 萬家。同時， 2013 年，幾乎全類目的農(nóng)產(chǎn)品都迎 來了較速度的增長，而交易金額比較靠前的新鮮水果、海鮮水產(chǎn)、南北干貨、新鮮蔬菜等 重點類目增幅超過了 300%。阿里巴巴集團研究中心還表示， 2013 年阿里各平臺農(nóng)產(chǎn)品銷 售額達到 500 億

4、元，并且預(yù)計 2014 年有望邁上 1000 億臺階，這一數(shù)字相當(dāng)于 2008 年淘 寶全網(wǎng)交易額。如此好的發(fā)展前景， 主要得益于我國網(wǎng)購平臺的爆發(fā)式增長。 據(jù)聯(lián)商網(wǎng)資訊中心報告， 2013年淘寶成交額為 1.1 萬億，天貓成交額為 4410 億，表明網(wǎng)購極大地釋放了內(nèi)需能量， 以電子商務(wù)為代表的新的商業(yè)模式正在以超乎想象的速度加快傳統(tǒng)商業(yè)模式的升級和轉(zhuǎn) 變。憑借其巨大的勢能和蓬勃態(tài)勢，電子商務(wù)必將拉動農(nóng)產(chǎn)品等相關(guān)行業(yè)高速發(fā)展。2. 農(nóng)產(chǎn)品電子商務(wù)網(wǎng)站發(fā)展趨勢另外，農(nóng)產(chǎn)品電子商務(wù)的經(jīng)營模式越來越多樣化，農(nóng)業(yè)合作社、傳統(tǒng)經(jīng)紀人以及第三 方服務(wù)商等角色都開始逐步完成其在農(nóng)產(chǎn)品電子商務(wù)過程中的成功轉(zhuǎn)

5、型， 這種趨勢促進了 農(nóng)產(chǎn)品電子商務(wù)經(jīng)營模式的多樣化， 這種多樣化對農(nóng)產(chǎn)品的銷售和網(wǎng)購平臺的健康發(fā)展是 非常有利的。2012 年央視熱播的紀錄片 舌尖上的中國 引發(fā)了淘寶的美食購買熱潮， 地方特色美 食成了淘寶上的熱門搜索詞。淘寶數(shù)據(jù)顯示， 舌尖上的中國開播后，短短 5 天就有 580 多萬人上淘寶搜索熟悉的家鄉(xiāng)味。此前冷門的毛豆腐、諾鄧火腿等美食銷量快速增長，例 如云南的諾鄧火腿在紀錄片播出后 5 天內(nèi)，成交量增加了 4.5 倍，環(huán)比增長 17 倍！這一 事件表明，舌尖的SNS營銷之下，農(nóng)產(chǎn)品電子商務(wù)勢不可擋。（二）農(nóng)產(chǎn)品電子商務(wù)網(wǎng)站發(fā)展現(xiàn)狀國內(nèi)學(xué)者真正意義上開始對農(nóng)產(chǎn)品電子商務(wù)進行研究始于

6、2000年。通過在CNKI中國知網(wǎng)數(shù)據(jù)庫中學(xué)術(shù)文獻總庫中高級檢索相關(guān)文獻，從中很容易發(fā)現(xiàn)，目前國內(nèi)對農(nóng)產(chǎn)品電子商務(wù)研究剛剛起步，并且局限于定性分析和應(yīng)用研究，尚未采用過完全意義上的實證研究。所以農(nóng)產(chǎn)品電子商務(wù)研究理論知識尚不完善。涉農(nóng)網(wǎng)站中純農(nóng)業(yè)網(wǎng)站較少，未能形成農(nóng)業(yè)信息服務(wù)體系。而結(jié)合中國農(nóng)業(yè)信息網(wǎng)、中國農(nóng)業(yè)交易網(wǎng)、中國興農(nóng)網(wǎng)等農(nóng)業(yè)網(wǎng)站來看，其服務(wù)局限于農(nóng)業(yè)新品種和新技術(shù)的傳播，各類農(nóng)業(yè)網(wǎng)站直觀反映的農(nóng)業(yè)信息多，有 關(guān)分析、生產(chǎn)決策的信息較少，而且大多數(shù)網(wǎng)站內(nèi)容相同，沒有特色，缺乏專業(yè)性和實用 性，結(jié)合本地情況開發(fā)利用的智能服務(wù)尚屬空白。另外，農(nóng)產(chǎn)品物流配送體系尚不健全，若是遠距離交易，保鮮

7、設(shè)備、安全設(shè)備等基本 條件都無法達到標(biāo)準，因此，智能化服務(wù)的就近推薦已經(jīng)成為農(nóng)產(chǎn)品電子商務(wù)發(fā)展的大趨 勢。二、系統(tǒng)分析（一）可行性分析1. 技術(shù)可行性（ 1）硬件平臺 本系統(tǒng)以位于 chinanet 主干網(wǎng)上軟件平臺，既作為數(shù)據(jù)服務(wù)器，管理原始商業(yè)信息并響應(yīng)商業(yè)服務(wù)器提出的服務(wù)請求；又作為Web服務(wù)器，以高速率發(fā)布信息；服務(wù)器還具有定位其他服務(wù)器的功能。（ 2）軟件平臺 選用 windows7 操作系統(tǒng)作為開發(fā)環(huán)境之一，另外選用 iis7.0 作為 Web 服務(wù)器，它可以支持有編輯環(huán)境的界面、全文檢索功能以及多媒體功能，作為一種Web服務(wù)組件，可以用于網(wǎng)頁瀏覽、文件傳輸、新聞服務(wù)和郵件發(fā)送等。

8、它使得在網(wǎng)絡(luò)上發(fā)布信 息成為一件很容易的事。使用由 Microsoft 公司開發(fā)的 SQL Server2008 建立并維護網(wǎng)站 數(shù)據(jù)庫。它是至今為止最強大和最全面的 Microsoft SQL Server 版本。首先，它是可信 任的，使公司可以以很高的安全性、 可靠性和可擴展性來運行他們最關(guān)鍵任務(wù)的應(yīng)用程序， 它可以對整個數(shù)據(jù)庫、數(shù)據(jù)文件和日志文件進行加密，以防止未授權(quán)的用戶訪問而不需要 改動應(yīng)用程序，并且 SQL Server 2008 通過第三方秘鑰管理和硬件安全模塊產(chǎn)品為安全性 提供支持。其次，它是高效的，使公司可以降低開發(fā)和管理他們的數(shù)據(jù)基礎(chǔ)設(shè)施的時間和 成本， SQL Serve

9、r 2008 加強了數(shù)據(jù)庫鏡像，可以實現(xiàn)頁面自動修復(fù)，壓縮輸出的日志流 以便使數(shù)據(jù)庫鏡像所要求的網(wǎng)絡(luò)帶寬達到最小。最后，它是智能的，通過提供全面的平臺 在用戶需要的時候給他發(fā)送觀察和信息。使用 Visual Studio 2010 作為開發(fā)環(huán)境，它是一個集成環(huán)境，可以利用現(xiàn)有技能建 模、編碼、調(diào)試、測試和部署大量應(yīng)用程序類型，并且有助于簡化常用任務(wù)并幫助開發(fā)人 員深入探索平臺。它還提供了強大的工具用于管理項目，維護源代碼和發(fā)現(xiàn)bug，既可以手動和自動測試又可以使用高級調(diào)試工具來調(diào)試程序，確保以正確方式構(gòu)建正確的應(yīng)用程序。2. 經(jīng)濟可行性根據(jù)阿里巴巴集團研究中心測算， 2013 年，幾乎全類目的

10、農(nóng)產(chǎn)品都迎來了較速度的增 長，而交易金額比較靠前的新鮮水果、海鮮水產(chǎn)、南北干貨、新鮮蔬菜等重點類目增幅超 過了 300%。阿里巴巴集團研究中心還表示，2013 年阿里各平臺農(nóng)產(chǎn)品銷售額達到 500 億元，并且預(yù)計 2014 年有望邁上 1000億臺階，這一數(shù)字相當(dāng)于 2008 年淘寶全網(wǎng)交易額。 福建省安溪縣中閩弘泰茶葉專業(yè)合作社通過入駐天貓，直接對接海量網(wǎng)購消費者，改變了以往多層批發(fā)的不合理結(jié)構(gòu)，實現(xiàn)了店鋪業(yè)績快速成長。2011年店鋪銷售額3000萬元，2012年達到5000萬元。由以上事例及數(shù)字可以看出，農(nóng)產(chǎn)品電子商務(wù)發(fā)展前景大好，在 建立農(nóng)產(chǎn)品商城平臺之后，通過合理經(jīng)營，網(wǎng)站獲得的直接經(jīng)

11、濟利益將非?？捎^。隨著舌尖上的中國系列節(jié)目的播出，網(wǎng)絡(luò)美食購買狂潮已經(jīng)被掀起。越來越多的人開始關(guān)注地方美食，農(nóng)產(chǎn)品銷售形勢大好。此前冷門的毛豆腐、松茸、諾鄧火腿、乳扇等銷量增長最快。例如云南的諾鄧火腿在紀錄片播出后5天內(nèi)，成交量增加了 4.5倍，環(huán)比增長17倍，這也間接的給我們的網(wǎng)站推廣做了免費廣告，節(jié)省高額廣告費。但在高興之余我們也需要保持清醒的頭腦，農(nóng)產(chǎn)品電子商務(wù)前景看好僅僅是說明我們的網(wǎng)站可能成功，而我們還需要做的是打造自己的品牌，提供更加優(yōu)質(zhì)的服務(wù)，在眾多的 同類網(wǎng)站中脫穎而出，可喜的是目前同行業(yè)網(wǎng)站發(fā)展也尚處于拓展階段，不存在行業(yè)壟斷 現(xiàn)象，因此我們成為行業(yè)龍頭的目標(biāo)還是可以實現(xiàn)的。

12、（二）建設(shè)網(wǎng)站的目的及功能分析1.網(wǎng)站建設(shè)目的河北省是農(nóng)業(yè)大省，緊靠京津與山東河南等農(nóng)業(yè)大省相連又有優(yōu)良的海港，農(nóng)產(chǎn)品流 通條件優(yōu)良，農(nóng)業(yè)始終保持了快速發(fā)展的好形勢，主要農(nóng)產(chǎn)品在國內(nèi)市場占有重要位置。 但長期以來，受地區(qū)經(jīng)濟的局限，農(nóng)產(chǎn)品主要通過第三方流通到京津地區(qū)，對廣泛區(qū)域市 場的開發(fā)非常有限，導(dǎo)致農(nóng)村市場體系滯后、農(nóng)產(chǎn)品流通不暢成為阻礙農(nóng)業(yè)和農(nóng)村經(jīng)濟健 康發(fā)展、影響農(nóng)戶增收的重要因素之一。隨著因特網(wǎng)的普及與商業(yè)化運營 ，電子商務(wù)在各個領(lǐng)域蓬勃發(fā)展起來，其優(yōu)越性也已經(jīng)被越來越多的企業(yè)、消費者認可，規(guī)模也不斷壯大，農(nóng)產(chǎn)品電子商務(wù)也逐漸走向成熟。農(nóng)產(chǎn)品電子商務(wù)銷售系統(tǒng)就是將電子商務(wù)、農(nóng)產(chǎn)品交易

13、 和農(nóng)資信息發(fā)布進行有效的整合，為人們在線進行農(nóng)產(chǎn)品交易提供了虛擬網(wǎng)絡(luò)環(huán)境和保障農(nóng)產(chǎn)品電子商務(wù)順利運營的管理環(huán)境，在農(nóng)產(chǎn)品電子商務(wù)平臺及其子平臺下，商家可以以 較低成本來進行農(nóng)產(chǎn)品交易活動。同時，商家可以實現(xiàn)與消費者的直接接觸，減少了中間 環(huán)節(jié)，有利于農(nóng)民增收，使商家與消費者的聯(lián)系更加密切，大大降低農(nóng)戶進行廣告宣傳、信息搜索、貿(mào)易洽談等 商務(wù)活動的成本費用。通過分析研究河北省地區(qū)農(nóng)業(yè)經(jīng)濟發(fā)展的基本實情以及對現(xiàn)行的農(nóng)產(chǎn)品類電子商務(wù) 平臺進行詳細的調(diào)查和研究， 我們組以京東商城的商業(yè)模式為模板設(shè)計開發(fā)出了河北區(qū)域 農(nóng)業(yè)信息網(wǎng)， 充分利用電子商務(wù)的優(yōu)越性解決農(nóng)村地區(qū)農(nóng)產(chǎn)品生產(chǎn)與市場經(jīng)濟不適應(yīng)的矛 盾

14、 , 提高全省農(nóng)民的收入水平 , 推動農(nóng)村社會經(jīng)濟的改革與發(fā)展 , 促進社會主義新農(nóng)村的建 設(shè)。2. 網(wǎng)站的功能該商城是一個交易與信息發(fā)布集成的平臺，所以商城的整體系統(tǒng)響應(yīng)時間、整體系統(tǒng) 性能和故障切換能力應(yīng)達到或高于以下幾點要求：（ 1）穩(wěn)定性。滿足 10000 個用戶的訪問壓力下的正常訪問，保證多個買家在線支付時 系統(tǒng)不會因為超負荷而崩潰或超負荷。（2）實時性。對外部事件能及時做出反應(yīng)，雖然無法預(yù)知事件何時到達，但是系統(tǒng)必 須在事件發(fā)生時能夠在嚴格的時間內(nèi)做出響應(yīng)，在峰值負載的時候也應(yīng)如此。（3）安全性。保證系統(tǒng)不因外界的攻擊而崩潰，做好安全保障措施，關(guān)注外部環(huán)境的 惡意攻擊，減少應(yīng)用開發(fā)

15、者的重復(fù)勞動，為系統(tǒng)提供安全的訪問管理機制，對數(shù)據(jù)進行加 密解密操作。對靜態(tài)和動態(tài)信息提供具有權(quán)限控制的信息發(fā)布功能，且信息發(fā)布功能具有嚴格地操 作流程控制，如編輯、校對、審核與發(fā)布等流程，并可由具有系統(tǒng)管理員身份的用戶對該 操作流程進行自定義。為了滿足消費者的需要，吸引更多的消費者，該商城還應(yīng)具備以下功能：（1）提供農(nóng)產(chǎn)品的展示功能、搜索功能以及農(nóng)產(chǎn)品的促銷、推薦、排名等信息。（2）提供農(nóng)產(chǎn)品在線購物功能，以及業(yè)務(wù)人員網(wǎng)上訂單的管理功能。（3）提供產(chǎn)品供應(yīng)會員的門戶管理功能，包括注冊、基本信息管理、生產(chǎn)產(chǎn)品信息管 理、產(chǎn)品綠色誠信度管理等。（4 ）提供面向管理人員以及客戶服務(wù)人員的相關(guān)功能。

16、（5）提供在線支付系統(tǒng)和錢包功能并完善安全保護，建立安全保障系統(tǒng)。（6）提供后臺信息發(fā)布、查詢以及業(yè)務(wù)交易管理功能。（7）提供幫助支持中心，為用戶提供幫助支持以及消費者留言系統(tǒng)。（8）為消費者提供購物車功能，方便消費者添加商品或刪除選購的商品以及在線下訂 單等。（9）提供論壇系統(tǒng)，以便消費者發(fā)表意見、提出問題、解決問題等。（三）網(wǎng)站主要流程分析1. 網(wǎng)站策劃根據(jù)用戶的需求，農(nóng)產(chǎn)品市場競爭情況，策劃網(wǎng)站的功能、框架、結(jié)構(gòu)等。2. 網(wǎng)站設(shè)計首先，根據(jù)企業(yè)的要求和實際狀況，設(shè)計適合企業(yè)的網(wǎng)站方案。是選擇虛擬主機服務(wù),還是自己購置服務(wù)器；根據(jù)企業(yè)風(fēng)格度身定制；一切根據(jù)企業(yè)的實際需要選擇，最合適的才是最

17、好的。3. 完成樣稿根據(jù)網(wǎng)站建設(shè)方案完成網(wǎng)站初稿設(shè)計：網(wǎng)站首頁圖、網(wǎng)站架構(gòu)圖、網(wǎng)站頻道首頁風(fēng)格 等。4. 網(wǎng)站測試在網(wǎng)站初稿設(shè)計確定后，為其提供建站服務(wù)的網(wǎng)絡(luò)公司需開展后臺程序的搭建，然后 進行網(wǎng)站整體運行效果的測試。測試無誤后，網(wǎng)站就可提供域名，進行正式上線運行。5. 網(wǎng)站的推廣和維護進行網(wǎng)站的推廣，讓盡可能多的潛在用戶了解并訪問網(wǎng)站，為最最終形成購買決策 提供支持。網(wǎng)站推廣要借助一定的網(wǎng)絡(luò)工具和資源，如搜索引擎、分類目錄、電子郵件、 網(wǎng)站鏈接、網(wǎng)絡(luò)廣告媒體、傳統(tǒng)推廣渠道等。網(wǎng)站維護包括服務(wù)器及相關(guān)軟硬件的維護，數(shù)據(jù)庫的維護、內(nèi)容的更新與調(diào)整、制定 相關(guān)網(wǎng)站維護的規(guī)定等。三、網(wǎng)站設(shè)計(一)總

18、體設(shè)計1. 網(wǎng)站 CI ( corporate identity )設(shè)計、風(fēng)格定位1.1 網(wǎng)站的 logo圖3-1網(wǎng)站logo網(wǎng)站的logo左面，是綠色背景黃色麥穗的圖案，右側(cè)是網(wǎng)站的名字“河北區(qū)域農(nóng)業(yè) 信息網(wǎng)”。麥穗代表農(nóng)產(chǎn)品，橙色寓意成熟和豐收，綠色象征環(huán)保和安全。1.2網(wǎng)站的設(shè)計風(fēng)格網(wǎng)站以綠色為主色調(diào)，配有橙色，體現(xiàn)了網(wǎng)站的綠色、環(huán)保、安全、經(jīng)濟的主題， 橙色是暖色調(diào)，代表了豐收的喜悅，生活的美滿與經(jīng)濟的發(fā)展。網(wǎng)站給人一中舒服、輕松 的感覺。2.網(wǎng)站主色調(diào)及視覺效果設(shè)計打開一個網(wǎng)站，給用戶留下第一印象的既不是網(wǎng)站的豐富內(nèi)容，也不是網(wǎng)站合理的 版面布局，而是網(wǎng)站的色彩。色彩對人的視覺效果非

19、常明顯，一個網(wǎng)站設(shè)計成功與否，在 某種程度上取決與設(shè)計者對色彩的運用和搭配。網(wǎng)站以綠色為整體色調(diào)，點綴黃色，綠色代表著網(wǎng)站出售的農(nóng)產(chǎn)品綠色、環(huán)保、安全、經(jīng)濟的主題，黃色代表了農(nóng)民的豐收，經(jīng) 濟的發(fā)展。網(wǎng)站以宋體為主。（二）詳細設(shè)計1.用戶中心頁面頁面分上、中、下三部分，頂部的左側(cè)是網(wǎng)站的logo，用戶中心四個字，右側(cè)是客服熱線和搜索框；中部分為左、中、右三部分。左側(cè)是用戶中兄弟導(dǎo)航欄，右側(cè)是商城動態(tài) 和市場動態(tài)，中間部分是相應(yīng)網(wǎng)頁對應(yīng)的內(nèi)用；底部是鏈接，包括關(guān)于我們、法律聲明、 友情鏈接、網(wǎng)站地圖等。網(wǎng)站的LOGO用戶中心搜索引擎商城動態(tài) 用戶中心各用戶中心的不同的子頁面對應(yīng)不同的頁面一市場動

20、態(tài)關(guān)于我們|法律聲明|使用協(xié)議|版權(quán)隱私I友情鏈接|網(wǎng)站地圖圖3-2用戶中心的框架模板用戶中心的導(dǎo)航欄、商城動態(tài)、市場動態(tài)、底部連接的實現(xiàn)頁面的截圖如下圖所示:用戶中心退出用戶首頁個人資料我的訂單我的呃物車購買過的商品收藏的商品收藏的店請評價菅理我的優(yōu)恵信息我的鶴包賬號支全收貨地址商城動態(tài)阿木都與入垂商賽實戰(zhàn)020 *陰木都與入莊商蠱實械020 »阿木都與入駐商贏實戰(zhàn)020 聞木都與入駐商冢實戰(zhàn)Q20 陽木都與入莊商家實戰(zhàn)。沁 *悶?zāi)径寂c入駐商家實械020市場動態(tài)陽木都與入.毎商家實戰(zhàn)020 *開末祁寫入.莊商家買戰(zhàn)020 *阿木都與入駐商家實戰(zhàn)020 阿木都與入駐商冢實戰(zhàn)020 間

21、未都與入駝商賽實戰(zhàn)020 珂木都與入.韭商彖實戰(zhàn)020圖3-3用戶中心頁面詳圖(1 )用戶首頁用戶名、點擊左側(cè)導(dǎo)航欄中的用戶首頁，中部會出現(xiàn)如下的頁面。 頂部是用戶的頭像信用等級、擁有的優(yōu)惠券。您好，哎喲先生I 擁有優(yōu)惠券：o張直擊査看待評i/m品：o個點擊査看待仃栽待航蛍0待收貨0特評析0退款0【全國包由訂和田新噩玉棗(二星)1. 51rg (50Csx3)果實¥4S. O【全國刃挪】和田輒疆玉 棗(二星1. 5kg (500x3)果實¥4 9. Q【全國邑曲】和田新皚玉棗(二星)1. Ek(500gx3)杲實¥49. O圖3-4用戶首頁(2 )個人資料個人資料

22、頁面可以修改用戶的資料，如修改聯(lián)系人名稱、手機號碼修改說料甦孤煨寫正確的手機號碼用于驗證注冊倍息、找回至碼、客戶聯(lián)策零°(3)我的購物車我的購物車模塊右側(cè)沒有商城動態(tài)和市場動態(tài)兩個板塊，中部分為左右兩部分。右側(cè)為購物車的詳細界面。選中商品信息前面的復(fù)選框，點擊結(jié)算，可以進行支付。勻乂向醤樣勺號才二蘭音rtf斗 祁丸無戒卡觀盃杠料対彈127.»2S4.4CHO剤2向?qū)Ｍ??.i:和=右百W 5P 3?占巧”開 代七豐苗中于挙針才誌I 2V.和H其匸武t冬新替丈若臣譽掙Ki=認汗 債£屯 £41ZT. 30匚里瘡弘啤 >*»«! 廿

23、卓臺i+«s甘圧蠱一：¥ 0. ()0結(jié) 聲圖3-6我的購物車(4 )評價管理評價管理頁面可以評價所購買的產(chǎn)品，也可以修改、取消評價。我的評價以下儀靈示僅可以評怕的商品訂單號西品名稱禺買n可評怕內(nèi)咨DD123456T8今天天肓毎像還不錯20L4. 10.14)暫時豐禪帝童看訐情環(huán)謂評價 評餡說明：H刼上基您確耳過算完咸了杯確認阪馥"的商為 癒司址當(dāng)雀評住耳玄家分盲您的心猬休峻。 衛(wèi)、您對氨次咸朝購裏的高韶都肯一災(zāi)憚怡機合.肛炭和咲專好孚電！3、若商品蹩收咸功后血天內(nèi)不評價則系媲認給予誅商創(chuàng)好評！(5)帳號安全帳號安全頁面可以修改密碼，可以利用郵箱驗證找回密碼，利用

24、手機驗證驗證帳號所 屬人。圖3-8賬號安全2.數(shù)據(jù)庫設(shè)計(1)已付款訂單表(YiFuKuan):主要包含已完成訂單的相關(guān)信息。包括：詳情、日期、物流、總價等相關(guān)信息。如表3-1 YiFuKuan表 3-1 YiFuKuan序號字段名字段類型長度允許空字段描述1Xia ngQi ngn varchar50詳情2RiQin varchar50日期3WuLiun varchar50V物流4Zon gJian varchar50總價5LiuYa nn varchar50V留言6DiZhin varchar50地址7Zhua ngTaiint4狀態(tài)8Dia nHuan varchar50電話9Wan C

25、he ngRiQidatetime8完成日期10ShouHuoRe nn varchar50收貨人(2)公告(GongGao):主要存放有關(guān)公告的信息，包括：編號、標(biāo)題、內(nèi)容和時間。如表 3-2 GongGao :表 3-2 GongGao序號字段名字段值長度允許空字段描述1IDint4編號2BiaoTin varchar50標(biāo)題3NeiRo ngtext內(nèi)容4ShiJia ndatetime8時間(3)管理員表(GuanLiYuan):主要存放有關(guān)管理員的信息，包括管理員編號、姓名、密碼、登錄時間和權(quán)限等。如表3-3 GuanLiYuan :表 3-3 GuanLiYuan序號字段名字段值長

26、度允許空字段描述1IDint4編號2Xi ngMi ngn varchar50V姓名3MiMan varchar50密碼4Den gLuShiJia ndatetime8登錄時間5Quan Xia nint4權(quán)限(4)地區(qū)(DiQu):主要存放商品所屬地區(qū)的相關(guān)信息，包括地區(qū)編號、名稱等。如表3-4 DiQu :表 3-4 DiQu序號字段名字段類型長度允許空字段描述1IDint4編號2Min gChe ngn varchar50名稱（5）賣家（MaiJia）:主要存放商品賣家的相關(guān)信息，包括賣家編號、電話、郵箱等相關(guān)信息。如表3-5 MaiJia :表 3-5MaiJia序號字段名字段類型長

27、度允許空字段描述1IDint4編號2YouXia ngn varchar50郵箱3MiMan varchar50密碼4Dia nHuan varchar50電話5NiChe ngn varchar50昵稱6TuPiann varchar(MAX)圖片7KaiDia nint4開店（6）商品表（ShangPin）：主要存放有關(guān)商城商品的相關(guān)信息，包括商品編號、名稱、數(shù)量、價格以及折扣等相關(guān)信息。如表3-6 Sha ngPin:表 3-6 ShangPin序號字段名字段類型長度允許空字段描述1IDint4編號2Min gChe ngn varchar50名稱3ShuLia ngint4數(shù)量4Jia

28、Geint4價格5ZheKouint4V折扣6She ngCha nRiQidatetime8生產(chǎn)日期7BaoZhiQin varchar50保質(zhì)期8Da nWein varchar4單位9Cha nDin varchar50V產(chǎn)地10Bia nMan varchar50V編碼11TuPiann varchar50圖片12Xia ngQi ngtext詳情13DiQuint4V地區(qū)14Yi ngXiaoint4V幸好15MaiJian varchar50賣家16TuiJia nint4推薦四、網(wǎng)站實現(xiàn)（一）開發(fā)工具本系統(tǒng)以位于 chinan et主干網(wǎng)上軟件平臺，既作為數(shù)據(jù)服務(wù)器，管理原始商業(yè)

29、信息 并響應(yīng)商業(yè)服務(wù)器提出的服務(wù)請求；又作為Web服務(wù)器，以高速率發(fā)布信息；服務(wù)器還具有定位其他服務(wù)器的功能。選用windows7操作系統(tǒng)作為開發(fā)環(huán)境之一，另外選用iis7.0作為Web服務(wù)器，它可以支持有編輯環(huán)境的界面、全文檢索功能以及多媒體功能，作為一 種Web服務(wù)組件，可以用于網(wǎng)頁瀏覽、文件傳輸、新聞服務(wù)和郵件發(fā)送等。它使得在網(wǎng)絡(luò) 上發(fā)布信息成為一件很容易的事。使用由Microsoft 公司開發(fā)的SQL Server2008建立并維護網(wǎng)站數(shù)據(jù)庫。它是至今為止最強大和最全面的Microsoft SQL Server 版本。首先，它是可信任的，使公司可以以很高的安全性、可靠性和可擴展性來運行

30、他們最關(guān)鍵任務(wù)的 應(yīng)用程序，它可以對整個數(shù)據(jù)庫、數(shù)據(jù)文件和日志文件進行加密，以防止未授權(quán)的用戶訪 問而不需要改動應(yīng)用程序，并且 SQL Server 2008 通過第三方秘鑰管理和硬件安全模塊產(chǎn) 品為安全性提供支持。其次，它是高效的，使公司可以降低開發(fā)和管理他們的數(shù)據(jù)基礎(chǔ)設(shè) 施的時間和成本， SQL Server 2008 加強了數(shù)據(jù)庫鏡像，可以實現(xiàn)頁面自動修復(fù)，壓縮輸 出的日志流以便使數(shù)據(jù)庫鏡像所要求的網(wǎng)絡(luò)帶寬達到最小。最后，它是智能的，通過提供 全面的平臺在用戶需要的時候給他發(fā)送觀察和信息。使用 Visual Studio 2010 作為開發(fā)環(huán)境，它是一個集成環(huán)境，可以利用現(xiàn)有技能建 模、

31、編碼、調(diào)試、測試和部署大量應(yīng)用程序類型，并且有助于簡化常用任務(wù)并幫助開發(fā)人 員深入探索平臺。它還提供了強大的工具用于管理項目，維護源代碼和發(fā)現(xiàn)bug，既可以手動和自動測試又可以使用高級調(diào)試工具來調(diào)試程序， 確保以正確方式構(gòu)建正確的應(yīng)用程 序。（二）實現(xiàn)模塊1. 網(wǎng)站首頁網(wǎng)站首頁最上方為醒目的網(wǎng)站 logo 和導(dǎo)航欄以及搜索欄和熱門推薦詞。并且將“加 入收藏”放在網(wǎng)頁上方，提示對我們感興趣的消費者將網(wǎng)站收藏以便于消費者需要時快速 找到我們。接下來依次是重要新聞、特色產(chǎn)品推薦、供求專區(qū)、科技苑和商家專區(qū)。重要新聞的設(shè)置意在通過農(nóng)產(chǎn)品商家關(guān)心的農(nóng)業(yè)信息吸引商家入駐我們的網(wǎng)站，并且通過科技知識普及來為

32、商家提供附加服務(wù)，提升顧客滿意度。首頁廣告展示部分用以給有 經(jīng)濟實力并且有意愿為自己產(chǎn)品做推廣的商家展示自己的商品，同時也是我們的重要盈利點之一。平臺公告多用來將本網(wǎng)站更新的服務(wù)廣而告之。免費注冊、登陸等都是為便于顧 客使用我們的網(wǎng)站而提供的貼心服務(wù)。特色產(chǎn)品推薦部分用以推薦網(wǎng)站熱銷產(chǎn)品以及時下比較受歡迎的新入駐產(chǎn)品。 供求專區(qū)用于網(wǎng)站用戶之間自由交流，發(fā)布自己能夠供應(yīng)或者當(dāng)前急需的物資，以便于交 易的順利達成?？萍荚范嗵峁┬袠I(yè)致富案例以及科技知識普及， 另設(shè)置有咨詢互動欄以便于網(wǎng)站用戶之間就如何高效經(jīng)營業(yè)務(wù)進行自由交流。商家專區(qū)用于推薦入駐河北區(qū)域農(nóng)業(yè)信息網(wǎng)的著名商家，一方面用來提升網(wǎng)站可信

33、度，另一方面可以利用展位提升網(wǎng)站采訪量。另外有友情鏈接以便于和相同客戶群網(wǎng)站建立友好關(guān)系，互利互惠。圖4-1首頁2.登陸頁面登陸頁面設(shè)有用戶名、密碼兩欄，與數(shù)據(jù)庫中的MaiJia.dbo相連，一旦用戶輸入數(shù)據(jù)并點擊登陸，若數(shù)據(jù)與數(shù)據(jù)庫中的數(shù)據(jù)相符，將跳轉(zhuǎn)到用戶中心，若輸入數(shù)據(jù)與數(shù)據(jù)庫 中的數(shù)據(jù)不符，網(wǎng)站將拒絕跳轉(zhuǎn)到用戶中心界面。另設(shè)有下次自動登錄選項方便用戶下次 登陸。免費注冊按鈕提示未注冊的用戶首先注冊再瀏覽網(wǎng)站。圖4-2登陸頁面3. 網(wǎng)上商城首頁商城首頁設(shè)計包括產(chǎn)品分類、商城公告、熱賣速遞、本月推薦、好茶搶購、免郵精選 以及具體板塊綠色餐桌、地方特產(chǎn)、養(yǎng)生保健、休閑零食、優(yōu)質(zhì)家禽和商城互動

34、。設(shè)置產(chǎn)品分類方便用戶快速找到自己需要的商品分類進而選擇自己需要的商品，是除了網(wǎng)頁導(dǎo)航欄之外的第二大“導(dǎo)購”。分類是選擇當(dāng)前比較熱銷的農(nóng)產(chǎn)品類別，分別是飄香茶葉、安全糧油、養(yǎng)生保健品、干貨/海味、休閑零食、新鮮水果、肉禽蛋類和優(yōu)質(zhì)蔬菜。熱賣速遞意在推薦時下網(wǎng)站熱銷的產(chǎn)品。本月推薦即為推薦本月商城中正在促銷或者搞活動的商品。好茶搶購是推薦商城中的各種地方名茶，之所以選擇將茶放在首頁是因為在眾多網(wǎng)站農(nóng)產(chǎn)品中銷量一直遙遙領(lǐng)先。免郵精選是推薦給消費者網(wǎng)站中的包郵產(chǎn)品。1F 綠色餐桌中主要展示綠色蔬菜及其他綠色加工食品。2F 地方特產(chǎn)中主要推薦為大眾所知的銷量好的地方美食。3F 養(yǎng)生保健是為關(guān)注養(yǎng)生的消

35、費者來推薦商城中的營養(yǎng)保健食品。4F 休閑零食主要是為消費者推薦一些精加工成零食的農(nóng)產(chǎn)品。5F 優(yōu)質(zhì)家禽精選推薦一些家禽肉制品。商城互動部分熱門精選是選擇當(dāng)下比較熱門的農(nóng)產(chǎn)品養(yǎng)生相關(guān)的文章；美食菜譜主要推薦一些精品名菜的做法；關(guān)注我們部分則是提供我們的新浪微博以及微信二維碼平臺相 關(guān)信息，以便于推廣我們的其他平臺；應(yīng)用服務(wù)是提供一些關(guān)于美食和農(nóng)產(chǎn)品相關(guān)的軟件 服務(wù)，比如農(nóng)產(chǎn)品溯源、美食資訊等。1 也-S-* H巴I .的勺=o圖a範(fàn)忘上曲風(fēng) 艇豎帛庇Irirefirai-干甘緬>w * I圖4-3商城首頁eft I iD»也4. 特色產(chǎn)品頁在特色產(chǎn)品頁消費者可以按商品類別和區(qū)域

36、搜索自己感興趣的商品，還可以按價格、 好評和銷量對選出的商品進行排序。其次，在頁面右側(cè)管理系統(tǒng)根據(jù)消費者的歷史瀏覽記 錄為消費者提供特色推薦產(chǎn)品，使消費者能夠輕易的找到自己感興趣的產(chǎn)品。該頁面本著 方便消費者購物的原則，一切設(shè)計以滿足消費者需要為主。圖4-4特色產(chǎn)品頁5. 詳情頁面該平臺的詳情頁面與其他電子商務(wù)購物頁面大體相同，以京東商城的詳情頁面為參照對本平臺的詳情頁進行設(shè)計。在詳情頁中，消費者可以了解到商品的價格、產(chǎn)地、運費、 產(chǎn)品描述、商品評價和同類商品對比等詳細信息，通過詳情頁消費者可以進一步了解自己 感興趣的商品。詳情頁是消費者做出最終購物決定的主要依據(jù)。圖4-5詳情頁面6. 注冊頁

37、面本網(wǎng)站的詳情頁面本著實用的原則并沒有太多花哨的裝飾，綠色是本商城的主色調(diào)， 在該頁面右側(cè)是使消費者感覺舒適的有關(guān)農(nóng)產(chǎn)品的圖畫，左側(cè)是注冊頁面。與一般注冊頁 面相同，包括電子郵箱、密碼、確認密碼、驗證碼以及相關(guān)服務(wù)協(xié)議等內(nèi)容，注冊流程簡 單，方便消費者快速注冊。圖4-6注冊頁面五、設(shè)計總結(jié)及心得體會（一）網(wǎng)站優(yōu)點1. 主頁上有網(wǎng)站的標(biāo)志物河北區(qū)域農(nóng)業(yè)信息網(wǎng)能讓瀏覽者立刻知道這個網(wǎng)站的主題，綠色的文字簡單、大方、 醒目，能給瀏覽者留下很深的印象。2. 易于導(dǎo)航導(dǎo)航是網(wǎng)頁設(shè)計的一個關(guān)鍵部分，因此，河北區(qū)域農(nóng)業(yè)信息網(wǎng)的網(wǎng)站導(dǎo)航條位于頁面 上部，以便于消費者快速找到所需信息的位置。3. 頁面長短適宜河

38、北區(qū)域農(nóng)業(yè)信息網(wǎng)網(wǎng)頁長度設(shè)計適宜,既不會因為太短而使網(wǎng)站的頁面看起來不美觀，也不會太長給用戶瀏覽帶來不便。4. 頁面風(fēng)格統(tǒng)一 該平臺的頁面顏色、風(fēng)格統(tǒng)一，使網(wǎng)站具有整體性，不會給用戶造成很大的視覺沖突也不會使用戶在使用過程中感到不便。（二）網(wǎng)站缺點1. 美觀性有待提高由于我們小組人員對美的看法各有不同， 藝術(shù)鑒賞力較差， 因此我們網(wǎng)站美觀性較差， 顏色對比較大，色點搭配也有待提高。2. 安全系數(shù)有待提高 安全系數(shù)較低，不能很好地維護用戶信息的安全。（三）改進策略1. 藝術(shù)學(xué)習(xí) 自主學(xué)習(xí)藝術(shù)設(shè)計等相關(guān)知識，充分掌握網(wǎng)站頁面設(shè)計的技巧后，對網(wǎng)站進行修改。2. 技術(shù)改進 首先，選擇一臺相對于穩(wěn)定的服

39、務(wù)器。因為只有選擇的服務(wù)器的穩(wěn)定性好，才能保證用戶可以進行安全快速的訪問網(wǎng)站。其次，在對網(wǎng)站程序進行整合的時候，就一定要花點功夫?qū)⒕W(wǎng)站上多余或者繁瑣的代碼刪除掉。因為一個網(wǎng)站要想存在極少的漏洞或者安全隱患就必須只使用簡單的CSS和DIV做程序上的布局。其次，保證一個安全而穩(wěn)定的操作系統(tǒng)。操作系統(tǒng)是否穩(wěn)定且安全將直接影響到網(wǎng)站 能否具有安全的運行能力。另外，要想保證網(wǎng)站操作系統(tǒng)的穩(wěn)定，就必須定期的對網(wǎng)站的 服務(wù)器進行實時的更新。最后，保證網(wǎng)站的后臺登陸的用戶名和密碼不容易被他人破解。因為網(wǎng)站后臺直接關(guān) 系到網(wǎng)站前臺數(shù)據(jù)的顯示，如果后臺用戶名和密碼被他人盜取了，那對網(wǎng)站來說將會是個 不可估量的損失

40、。（四）心得體會劉文文：通過這次實習(xí)，讓我更深刻地認識到電子商務(wù)的特點，也學(xué)習(xí)和體會到了電子商務(wù)的 核心思想。在信息化的時代，多種交易都是通過網(wǎng)絡(luò)實現(xiàn)的，對于掌握這方面的只是已經(jīng) 越來越重要，這是我們大學(xué)里的最后一個親身實踐的機會，我們也非常好的抓住了這個機 會。在制作一個商務(wù)網(wǎng)站之前， 首先必須定位網(wǎng)站的方向， 及確定所制作網(wǎng)站的整體風(fēng)格，網(wǎng)站所包含的內(nèi)容。網(wǎng)站的目的在網(wǎng)站建設(shè)中起了很重要的作用，它很大部分引導(dǎo)著我們 這個網(wǎng)站的定位是否正確。網(wǎng)站的名字也非常重要，一個好的名字必須要有概括性的、簡 短的、有特色的、容易記得還要符合自己網(wǎng)站的主旨和風(fēng)格，最終我們確定網(wǎng)站的名字為 河北區(qū)域農(nóng)業(yè)信息

41、網(wǎng)，地區(qū)、內(nèi)容都涵蓋在內(nèi)，并且通俗易懂。在網(wǎng)頁布局設(shè)計方面，之前寫學(xué)年論文的時候最主要研究的就是網(wǎng)店頁面導(dǎo)航作用， 所以設(shè)計的時候有格外的注意，在醒目的地方設(shè)置添加收藏、導(dǎo)航欄以及在網(wǎng)頁末尾有返 回頂部，另外在側(cè)邊還有相似產(chǎn)品推薦等等，切實努力做到網(wǎng)站自己具有“隱形導(dǎo)購”的 作用。再設(shè)計界面版塊時，我們需要去了解當(dāng)下比較暢銷的農(nóng)產(chǎn)品，并且要考慮其是否具有 電子商務(wù)的潛質(zhì)，統(tǒng)計過后將它們分門別類，還設(shè)計出產(chǎn)品分類導(dǎo)航，以便于消費者順利 網(wǎng)購。而在搜索資料的過程中， 也讓我進一步的了解了農(nóng)產(chǎn)品電子商務(wù)的發(fā)展現(xiàn)狀。 在之前， 我并不了解這個方面，僅僅是因為這個機會，而接觸到農(nóng)產(chǎn)品電子商務(wù)，但是沒想到

42、在搜索資料的時候那些數(shù)字真的是讓我非常震撼。我不知道農(nóng)產(chǎn)品電子商務(wù)的前景已經(jīng)如此大好，作為一個農(nóng)村出來的孩子，同時也作為一個電子商務(wù)專業(yè)的學(xué)生，我竟然忽略了家鄉(xiāng) 的發(fā)展契機。近些年，父母確實有跟我提到地越來越不好種，糧食越來越便宜，但是物價 卻越來越高，即便這樣，糧食也賣不好，投入的資金和時間、精力都收不回來，越來越多 的人開始走出農(nóng)村， 外出打工。 我竟然沒有想到將家鄉(xiāng)農(nóng)產(chǎn)品的銷售同電子商務(wù)結(jié)合起來， 實在是汗顏。其實不僅僅是這次課設(shè)，在這幾次實習(xí)中還有在生活中，我也越來越覺得愧對電商人 這個身份。我身邊的一些并不是電子商務(wù)專業(yè)的同學(xué)對于電商的熱情比我要高漲許多，而 一些電子商務(wù)交流的網(wǎng)站、

43、論壇，比較有名的好的知識網(wǎng)站我都是從他們口中得知，并且 我對于當(dāng)前電商發(fā)展的進度甚至不如他們說起來朗朗上口。自己馬上也要畢業(yè)了，也要開 始找工作了，自己很想要從事專業(yè)相關(guān)的工作，但是以自己現(xiàn)在的水平明顯達不到標(biāo)準， 但在剩下的這半年多的時間里，我會繼續(xù)努力，努力讓自己成為一個合格的電商人！ 郝敏霞：通過這次網(wǎng)站設(shè)計，我們從網(wǎng)站設(shè)計想法的提出，到網(wǎng)站主要功能的設(shè)計，再到網(wǎng)站 頁面、網(wǎng)站數(shù)據(jù)庫的設(shè)計，經(jīng)過了反復(fù)的討論和修改。我們充分意識到自己能力的不足以 及知識的匱乏。首先，針對網(wǎng)站外觀的設(shè)計，由于審美以及基本美工軟件 photoshop 、 fireworks 等的技能匱乏，導(dǎo)致頁面美觀度不夠，

44、并且處理圖片也成了一大難題。其次， 在網(wǎng)站的具體交易過程的設(shè)計時，大家各抒己見，雖然達到意見統(tǒng)一，但是交換流程的具 體細節(jié)還不是很完美，經(jīng)過了反反復(fù)復(fù)的修改。再次，在數(shù)據(jù)庫設(shè)計時，由于使用SQL數(shù)據(jù)庫，因電腦硬件問題，數(shù)據(jù)不能全部共享，給網(wǎng)站設(shè)計過程中的協(xié)調(diào)一致帶來了很大的 阻礙。這次網(wǎng)站制作，使我們不僅豐富了自己的一些軟件的使用技巧，同時，也使我們收獲 了很多在線制作網(wǎng)站的資源，而且我們還加強了團隊合作的能力，并且認識到一個完整網(wǎng) 站的制作是很困難的，必須做好前期的準備工作，這樣在后期制作網(wǎng)站時才能事半功倍。 雖然在實踐過程中遇到了許多問題， 但這次試驗給了我們一次把課本知識應(yīng)用于實踐的機 會，使自己意識到自己的不足，同時使我們對課本所學(xué)知識有了更進一步的掌握，并通過 遇到問題解決問題的過程使我們對農(nóng)產(chǎn)品電子商務(wù)商城有了更深的理解， 對各類頁面的用 途、繪制以及美工有了更深刻的認識。在這次實驗中除了加深對所學(xué)知識的理解外，還接 觸到了許多新東西。單純的看課本與實際動手操作完全是兩個概念，通過自己實際操作， 結(jié)合課本繪制各類圖， 遇到問題小組討論這一系列過程使我能夠把所學(xué)知識應(yīng)用于實際