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

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