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

前言：想要寫出一篇引人入勝的文章？我們特意為您整理了農(nóng)產(chǎn)品交易網(wǎng)站開發(fā)與設(shè)計(jì)探究范文，希望能給你帶來靈感和參考，敬請閱讀。

摘要：貴州有許多優(yōu)秀的農(nóng)產(chǎn)品，綠色生態(tài)無污染。當(dāng)前國內(nèi)正在發(fā)展高質(zhì)量內(nèi)銷，同時(shí)國內(nèi)的網(wǎng)購環(huán)境非常優(yōu)越，無論是終端設(shè)備的普及，還是物流行業(yè)的規(guī)范，都讓網(wǎng)上購物成為一種時(shí)尚且便捷的生活方式。在這種背景下，本文基于djiangoPythonweb框架，前端采用vue框架，設(shè)計(jì)與實(shí)現(xiàn)了一個(gè)貴州農(nóng)產(chǎn)品交易網(wǎng)站。Django是一個(gè)Python框架，用其構(gòu)建服務(wù)體系，不僅開發(fā)效率高，而且相關(guān)技術(shù)成熟全面，非常適用于開發(fā)Pythonweb應(yīng)用。Vue是一個(gè)優(yōu)秀的前端框架。它通過盡可能簡單的API實(shí)現(xiàn)響應(yīng)的數(shù)據(jù)綁定和組合的視圖組件。因此本設(shè)計(jì)將使用vue前端框架，數(shù)據(jù)庫選擇MySQL。

關(guān)鍵詞：農(nóng)產(chǎn)品；電子商務(wù)；Python；Django；Vue；MySQL

1引言

隨著綜合國力的提高，人們對農(nóng)產(chǎn)品有了更高的需求。目前，人們迫切需要綠色、生態(tài)、安全的農(nóng)產(chǎn)品。貴州是一個(gè)多山的省份，存在許多農(nóng)戶。這里有非常多的綠色、生態(tài)、安全的農(nóng)產(chǎn)品。但是這些農(nóng)產(chǎn)品僅在本地銷售，銷售渠道比較單一，許多優(yōu)質(zhì)的農(nóng)產(chǎn)品無法售賣給真正需要的人。因此，急需設(shè)計(jì)一個(gè)專門用于售賣貴州農(nóng)產(chǎn)品的交易網(wǎng)站。這個(gè)網(wǎng)站一是面向貴州的眾多中老年農(nóng)戶，他們對平臺的要求是簡單易學(xué)，不能有太多的繁雜界面。二是面向購買者，他們的要求是頁面清晰明了，分類簡單，生活化。Python的開發(fā)效率比其他語言更高。使用Django框架，開發(fā)效率更快。Django是一款由Python定制的免費(fèi)開源的全面的Web開發(fā)框架，屬于MVT框架[1]。它本身基于MVC模型，但與三層架構(gòu)有區(qū)別?；贒jango搭建的MVC框架，具有內(nèi)部支持功能多、自帶后臺管理、解決方案多等優(yōu)勢[2]。使用MVC模式開發(fā)的網(wǎng)站，在后續(xù)對網(wǎng)站進(jìn)行修改和擴(kuò)展時(shí)，這個(gè)過程會被簡化，并且使某一部分的代碼能夠被重復(fù)利用，大大提高了開發(fā)與后期維護(hù)的效率。前后端分離已經(jīng)是當(dāng)前項(xiàng)目開發(fā)的主流。主流的開發(fā)過程是經(jīng)過市場和無數(shù)開發(fā)者的檢驗(yàn)得到的結(jié)論。毫無疑問，使用前后端分離的開發(fā)方式是最主流的開發(fā)方法。這種方法便于將開發(fā)的過程分成兩個(gè)部分。開發(fā)前端時(shí)，只需要專心開發(fā)前端即可。前端的測驗(yàn)使用假數(shù)據(jù)。在開發(fā)后臺時(shí)就不必考慮前端。最后進(jìn)行結(jié)合的時(shí)候做好中間件的處理即可。這是一種高效且有效的開發(fā)方式。

2系統(tǒng)設(shè)計(jì)

2.1技術(shù)與工具介紹

（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總體設(shè)計(jì)概述

功能模塊設(shè)計(jì)如圖1所示。前端有首頁門戶、登陸/注冊、商品搜索、商品展示、購物車功能。后臺有商品管理、用戶管理、訂單管理功能。

2.3前端設(shè)計(jì)概述

首頁門戶提供登陸/注冊鏈接，提供商品搜索欄，提供首頁商品展示。其中，首頁商品展示上方有農(nóng)產(chǎn)品分類選項(xiàng)欄，能選擇展示商品的類別。類別分為生鮮水果、新鮮蔬菜、米面糧油、農(nóng)副產(chǎn)品、花卉苗木、中草藥材、香料干貨等選項(xiàng)。Bootstrap是當(dāng)前最受歡迎的前端框架，用于頁面布局美化。HTML5技術(shù)可以減少應(yīng)用程序的響應(yīng)時(shí)間，給用戶提供便捷的體驗(yàn)，網(wǎng)站安全性好[3]。在登陸/注冊頁面，用戶能注冊成為會員，成為會員以后就能將商品加入購物車了。商品展示頁面是點(diǎn)擊具體的商品后能看到的商品詳情頁。購物車頁面是會員添加到購物車的商品，會員能夠?qū)徫镘噧?nèi)的商品進(jìn)行增刪改操作。前端的頁面直接呈現(xiàn)在用戶面前[4]。因此頁面的設(shè)計(jì)非常重要。本網(wǎng)站的頁面設(shè)計(jì)以簡潔、簡約為主題。讓用戶一看便知道功能模塊的位置，非常方便、便捷，能夠貼心地為平時(shí)不常使用網(wǎng)絡(luò)的用戶帶來良好的網(wǎng)站使用體驗(yàn)。對于在各大電商平臺琳瑯滿目的種類中難以挑選的用戶來說，專門經(jīng)營農(nóng)產(chǎn)品的平臺會更符合他們的需要。尤其是購物目的單一、只希望選擇農(nóng)產(chǎn)品的用戶，會更加適用于此網(wǎng)站。

2.4后臺設(shè)計(jì)概述

（1）商品管理模塊。在該模塊，管理員能夠?qū)ι唐愤M(jìn)行增刪查改操作。新增加的商品會記錄在數(shù)據(jù)庫中，并展示在前端。當(dāng)前端發(fā)起請求時(shí)，即可查看新增刪查改的內(nèi)容。圖2為在購物車進(jìn)行修改的界面。（2）會員管理模塊。能在該模塊后臺看到用戶的信息。但此用戶信息為用戶隱私，因此只展示基礎(chǔ)信息、會員ID等基本信息。這主要是為了便于管理。例如，在用戶不良言論的情節(jié)嚴(yán)重時(shí)，可以對其賬戶進(jìn)行刪除處理。（3）訂單管理模塊?？梢栽谶@里對用戶的訂單進(jìn)行增刪查改操作，同時(shí)查看用戶購買的信息。后臺的任務(wù)就是將前端傳遞的數(shù)據(jù)進(jìn)行相應(yīng)的處理。同時(shí)后臺也能夠在對數(shù)據(jù)進(jìn)行修改后，與前端進(jìn)行交互。數(shù)據(jù)庫的設(shè)計(jì)，首先需要注意數(shù)據(jù)表前綴的統(tǒng)一。這樣在編寫數(shù)據(jù)庫時(shí)，能夠清楚地知道表的結(jié)構(gòu)。在使用MySQL時(shí)，需要注意打開MySQL服務(wù)。很多云端服務(wù)器都會提供數(shù)據(jù)庫服務(wù)，因此數(shù)據(jù)庫名與數(shù)據(jù)庫密碼都需要進(jìn)行記錄，以防止遺忘和混淆。

3系統(tǒng)實(shí)現(xiàn)

首先要能夠開發(fā)出靜態(tài)網(wǎng)頁。應(yīng)用HTML設(shè)計(jì)出內(nèi)容，應(yīng)用CSS美化頁面，這里通過Bootstrap框架來進(jìn)行美化。在設(shè)計(jì)JavaScript時(shí)，使用的是vue.js框架[5]。Vue.js框架的核心內(nèi)容，是利用數(shù)據(jù)來驅(qū)動(dòng)界面。在瀏覽器中只有JavaScript能夠運(yùn)行。JavaScript庫和框架，同樣是由一堆js組成。通過JSON和Ajax傳遞API數(shù)據(jù)。特別需要注意的是理解服務(wù)器端的http協(xié)議。最后在使用MySQL設(shè)計(jì)數(shù)據(jù)庫時(shí)，不同的框架略有區(qū)別。此處使用的是Django框架，因此配置時(shí)需要注意。將settings.py中DATABASES的name修改為django。將MySQLdb安裝到Windows環(huán)境下，會稍微麻煩。但與其他框架相比，其實(shí)也并不困難。Django能夠很好地支持MySQL[6]。圖3登陸/注冊模塊Vue.js像一個(gè)隨時(shí)都在監(jiān)管的角色，無時(shí)無刻都在注意著數(shù)據(jù)的變動(dòng)。一旦數(shù)據(jù)發(fā)生改變，相應(yīng)的一連串的數(shù)據(jù)都會改變[7]。同時(shí)修改到數(shù)據(jù)庫進(jìn)行存儲。Ajax是動(dòng)態(tài)網(wǎng)頁必不可少的一部分。通過Ajax來傳遞API數(shù)據(jù)，是前后端交互的一個(gè)重要方法和手段。圖3的表單是登陸/注冊頁。這是一個(gè)Django表單。該模塊就是前后端交互的第一個(gè)表單，記錄了用戶與管理員的信息。

4結(jié)束語

一個(gè)平臺的設(shè)計(jì)是多元化綜合設(shè)計(jì)的結(jié)果，需要考量用戶群的需求。但是一個(gè)體量較小的平臺，最主要的是為主要用戶服務(wù)。例如在貴州，有許多中老年農(nóng)戶，他們擁有很好的農(nóng)產(chǎn)品，卻很難使用電子商務(wù)網(wǎng)站進(jìn)行銷售。針對這種情況，本文設(shè)置了簡潔、簡單的頁面供他們使用，而不是一味地堆砌無關(guān)的功能。Python的開發(fā)效率極高，使用Django框架能大大提高開發(fā)效率。框架的作用就是提高開發(fā)效率，例如本文使用的前端框架vue.js和Bootstrap框架。應(yīng)用框架是提高開發(fā)效率的一種常規(guī)手段。有人說，Django框架的MVC模式是MTV模式。但MTV模式與MVC模式有細(xì)微的差別，MTV模式比MVC模式好。

作者:秦洪新 徐明 成愛民 強(qiáng)力 劉麗 單位:遵義師范學(xué)院信息工程學(xué)院