農(nóng)產(chǎn)品交易網(wǎng)站開(kāi)發(fā)與設(shè)計(jì)探究

農(nóng)產(chǎn)品交易網(wǎng)站開(kāi)發(fā)與設(shè)計(jì)探究摘要：貴州有許多優(yōu)秀的農(nóng)產(chǎn)品，綠色生態(tài)無(wú)污染。當(dāng)前國(guó)內(nèi)正在發(fā)展高質(zhì)量?jī)?nèi)銷(xiāo)，同時(shí)國(guó)內(nèi)的網(wǎng)購(gòu)環(huán)境非常優(yōu)越，無(wú)論是終端設(shè)備的普及，還是物流行業(yè)的規(guī)范，都讓網(wǎng)上購(gòu)物成為一種時(shí)尚且便捷的生活方式。在這種背景下，本文基于djiangoPythonweb框架，前端采用vue框架，設(shè)計(jì)與實(shí)現(xiàn)了一個(gè)貴州農(nóng)產(chǎn)品交易網(wǎng)站。Django是一個(gè)Python框架，用其構(gòu)建服務(wù)體系，不僅開(kāi)發(fā)效率高，而且相關(guān)技術(shù)成熟全面，非常適用于開(kāi)發(fā)Pythonweb應(yīng)用。Vue是一個(gè)優(yōu)秀的前端框架。它通過(guò)盡可能簡(jiǎn)單的API實(shí)現(xiàn)響應(yīng)的數(shù)據(jù)綁定和組合的視圖組件。因此本設(shè)計(jì)將使用vue前端框架，數(shù)據(jù)庫(kù)選擇MySQL。關(guān)鍵詞：農(nóng)產(chǎn)品；電子商務(wù)；Python；Django；Vue；MySQL1引言隨著綜合國(guó)力的提高，人們對(duì)農(nóng)產(chǎn)品有了更高的需求。目前，人們迫切需要綠色、生態(tài)、安全的農(nóng)產(chǎn)品。貴州是一個(gè)多山的省份，存在許多農(nóng)戶(hù)。這里有非常多的綠色、生態(tài)、安全的農(nóng)產(chǎn)品。但是這些農(nóng)產(chǎn)品僅在本地銷(xiāo)售，銷(xiāo)售渠道比較單一，許多優(yōu)質(zhì)的農(nóng)產(chǎn)品無(wú)法售賣(mài)給真正需要的人。因此，急需設(shè)計(jì)一個(gè)專(zhuān)門(mén)用于售賣(mài)貴州農(nóng)產(chǎn)品的交易網(wǎng)站。這個(gè)網(wǎng)站一是面向貴州的眾多中老年農(nóng)戶(hù)，他們對(duì)平臺(tái)的要求是簡(jiǎn)單易學(xué)，不能有太多的繁雜界面。二是面向購(gòu)買(mǎi)者，他們的要求是頁(yè)面清晰明了，分類(lèi)簡(jiǎn)單，生活化。Python的開(kāi)發(fā)效率比其他語(yǔ)言更高。使用Django框架，開(kāi)發(fā)效率更快。Django是一款由Python定制的免費(fèi)開(kāi)源的全面的Web開(kāi)發(fā)框架，屬于MVT框架[1]。它本身基于MVC模型，但與三層架構(gòu)有區(qū)別?；贒jango搭建的MVC框架，具有內(nèi)部支持功能多、自帶后臺(tái)管理、解決方案多等優(yōu)勢(shì)[2]。使用MVC模式開(kāi)發(fā)的網(wǎng)站，在后續(xù)對(duì)網(wǎng)站進(jìn)行修改和擴(kuò)展時(shí)，這個(gè)過(guò)程會(huì)被簡(jiǎn)化，并且使某一部分的代碼能夠被重復(fù)利用，大大提高了開(kāi)發(fā)與后期維護(hù)的效率。前后端分離已經(jīng)是當(dāng)前項(xiàng)目開(kāi)發(fā)的主流。主流的開(kāi)發(fā)過(guò)程是經(jīng)過(guò)市場(chǎng)和無(wú)數(shù)開(kāi)發(fā)者的檢驗(yàn)得到的結(jié)論。毫無(wú)疑問(wèn)，使用前后端分離的開(kāi)發(fā)方式是最主流的開(kāi)發(fā)方法。這種方法便于將開(kāi)發(fā)的過(guò)程分成兩個(gè)部分。開(kāi)發(fā)前端時(shí)，只需要專(zhuān)心開(kāi)發(fā)前端即可。前端的測(cè)驗(yàn)使用假數(shù)據(jù)。在開(kāi)發(fā)后臺(tái)時(shí)就不必考慮前端。最后進(jìn)行結(jié)合的時(shí)候做好中間件的處理即可。這是一種高效且有效的開(kāi)發(fā)方式。2系統(tǒng)設(shè)計(jì)2.1技術(shù)與工具介紹（1）開(kāi)發(fā)工具：Python3、Atom、Django庫(kù)、browser-plus。（2）操作系統(tǒng)：Windows10操作系統(tǒng)。（3）瀏覽器：IE/GoogleChrome。（4）前端語(yǔ)言：HTML、CSS、JavaScript。（5）前端框架：Vue.js。（6）后臺(tái)語(yǔ)言：Python。（7）后端框架：Django。（8）數(shù)據(jù)庫(kù)：MySQL。2.2總體設(shè)計(jì)概述功能模塊設(shè)計(jì)如圖1所示。前端有首頁(yè)門(mén)戶(hù)、登陸/注冊(cè)、商品搜索、商品展示、購(gòu)物車(chē)功能。后臺(tái)有商品管理、用戶(hù)管理、訂單管理功能。2.3前端設(shè)計(jì)概述首頁(yè)門(mén)戶(hù)提供登陸/注冊(cè)鏈接，提供商品搜索欄，提供首頁(yè)商品展示。其中，首頁(yè)商品展示上方有農(nóng)產(chǎn)品分類(lèi)選項(xiàng)欄，能選擇展示商品的類(lèi)別。類(lèi)別分為生鮮水果、新鮮蔬菜、米面糧油、農(nóng)副產(chǎn)品、花卉苗木、中草藥材、香料干貨等選項(xiàng)。Bootstrap是當(dāng)前最受歡迎的前端框架，用于頁(yè)面布局美化。HTML5技術(shù)可以減少應(yīng)用程序的響應(yīng)時(shí)間，給用戶(hù)提供便捷的體驗(yàn)，網(wǎng)站安全性好[3]。在登陸/注冊(cè)頁(yè)面，用戶(hù)能注冊(cè)成為會(huì)員，成為會(huì)員以后就能將商品加入購(gòu)物車(chē)了。商品展示頁(yè)面是點(diǎn)擊具體的商品后能看到的商品詳情頁(yè)。購(gòu)物車(chē)頁(yè)面是會(huì)員添加到購(gòu)物車(chē)的商品，會(huì)員能夠?qū)?gòu)物車(chē)內(nèi)的商品進(jìn)行增刪改操作。前端的頁(yè)面直接呈現(xiàn)在用戶(hù)面前[4]。因此頁(yè)面的設(shè)計(jì)非常重要。本網(wǎng)站的頁(yè)面設(shè)計(jì)以簡(jiǎn)潔、簡(jiǎn)約為主題。讓用戶(hù)一看便知道功能模塊的位置，非常方便、便捷，能夠貼心地為平時(shí)不常使用網(wǎng)絡(luò)的用戶(hù)帶來(lái)良好的網(wǎng)站使用體驗(yàn)。對(duì)于在各大電商平臺(tái)琳瑯滿(mǎn)目的種類(lèi)中難以挑選的用戶(hù)來(lái)說(shuō)，專(zhuān)門(mén)經(jīng)營(yíng)農(nóng)產(chǎn)品的平臺(tái)會(huì)更符合他們的需要。尤其是購(gòu)物目的單一、只希望選擇農(nóng)產(chǎn)品的用戶(hù)，會(huì)更加適用于此網(wǎng)站。2.4后臺(tái)設(shè)計(jì)概述（1）商品管理模塊。在該模塊，管理員能夠?qū)ι唐愤M(jìn)行增刪查改操作。新增加的商品會(huì)記錄在數(shù)據(jù)庫(kù)中，并展示在前端。當(dāng)前端發(fā)起請(qǐng)求時(shí)，即可查看新增刪查改的內(nèi)容。圖2為在購(gòu)物車(chē)進(jìn)行修改的界面。（2）會(huì)員管理模塊。能在該模塊后臺(tái)看到用戶(hù)的信息。但此用戶(hù)信息為用戶(hù)隱私，因此只展示基礎(chǔ)信息、會(huì)員ID等基本信息。這主要是為了便于管理。例如，在用戶(hù)發(fā)布不良言論的情節(jié)嚴(yán)重時(shí)，可以對(duì)其賬戶(hù)進(jìn)行刪除處理。（3）訂單管理模塊?？梢栽谶@里對(duì)用戶(hù)的訂單進(jìn)行增刪查改操作，同時(shí)查看用戶(hù)購(gòu)買(mǎi)的信息。后臺(tái)的任務(wù)就是將前端傳遞的數(shù)據(jù)進(jìn)行相應(yīng)的處理。同時(shí)后臺(tái)也能夠在對(duì)數(shù)據(jù)進(jìn)行修改后，與前端進(jìn)行交互。數(shù)據(jù)庫(kù)的設(shè)計(jì)，首先需要注意數(shù)據(jù)表前綴的統(tǒng)一。這樣在編寫(xiě)數(shù)據(jù)庫(kù)時(shí)，能夠清楚地知道表的結(jié)構(gòu)。在使用MySQL時(shí)，需要注意打開(kāi)MySQL服務(wù)。很多云端服務(wù)器都會(huì)提供數(shù)據(jù)庫(kù)服務(wù)，因此數(shù)據(jù)庫(kù)名與數(shù)據(jù)庫(kù)密碼都需要進(jìn)行記錄，以防止遺忘和混淆。3系統(tǒng)實(shí)現(xiàn)首先要能夠開(kāi)發(fā)出靜態(tài)網(wǎng)頁(yè)。應(yīng)用HTML設(shè)計(jì)出內(nèi)容，應(yīng)用CSS美化頁(yè)面，這里通過(guò)Bootstrap框架來(lái)進(jìn)行美化。在設(shè)計(jì)JavaScript時(shí)，使用的是vue.js框架[5]。Vue.js框架的核心內(nèi)容，是利用數(shù)據(jù)來(lái)驅(qū)動(dòng)界面。在瀏覽器中只有JavaScript能夠運(yùn)行。JavaScript庫(kù)和框架，同樣是由一堆js組成。通過(guò)JSON和Ajax傳遞API數(shù)據(jù)。特別需要注意的是理解服務(wù)器端的http協(xié)議。最后在使用MySQL設(shè)計(jì)數(shù)據(jù)庫(kù)時(shí)，不同的框架略有區(qū)別。此處使用的是Django框架，因此配置時(shí)需要注意。將settings.py中DATABASES的name修改為django。將MySQLdb安裝到Windows環(huán)境下，會(huì)稍微麻煩。但與其他框架相比，其實(shí)也并不困難。Django能夠很好地支持MySQL[6]。圖3登陸/注冊(cè)模塊Vue.js像一個(gè)隨時(shí)都在監(jiān)管的角色，無(wú)時(shí)無(wú)刻都在注意著數(shù)據(jù)的變動(dòng)。一旦數(shù)據(jù)發(fā)生改變，相應(yīng)的一連串的數(shù)據(jù)都會(huì)改變[7]。同時(shí)修改到數(shù)據(jù)庫(kù)進(jìn)行存儲(chǔ)。Ajax是動(dòng)態(tài)網(wǎng)頁(yè)必不可少的一部分。通過(guò)Ajax來(lái)傳遞API數(shù)據(jù)，是前后端交互的一個(gè)重要方法和手段。圖3的表單是登陸/注冊(cè)頁(yè)。這是一個(gè)Django表單。該模塊就是前后端交互的第一個(gè)表單，記錄了用戶(hù)與管理員的信息。4結(jié)束語(yǔ)一個(gè)平臺(tái)的設(shè)計(jì)是多元化綜合設(shè)計(jì)的結(jié)果，需要考量用戶(hù)群的需求。但是一個(gè)體量較小的平臺(tái)，最主要的是為主要用戶(hù)服務(wù)。例如在貴州，有許多中老年農(nóng)戶(hù)，他們擁有很好的農(nóng)產(chǎn)品，卻很難使用電子商務(wù)網(wǎng)站進(jìn)行銷(xiāo)售。針對(duì)這種情況，本文設(shè)置了簡(jiǎn)潔、簡(jiǎn)單的頁(yè)面供他們使用，而不是一味地堆砌無(wú)關(guān)的功能。Python的開(kāi)發(fā)效率極高，使用Django框架能大大提高開(kāi)發(fā)效率?？蚣艿淖饔镁褪?/p>