農產品交易網站開發與設計探究

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

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

關鍵詞：農產品；電子商務；Python；Django；Vue；MySQL

1引言

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

2系統設計

2.1技術與工具介紹

（1）開發工具：Python3、Atom、Django庫、browser-plus。（2）操作系統：Windows10操作系統。（3）瀏覽器：IE/GoogleChrome。（4）前端語言：HTML、CSS、JavaScript。（5）前端框架：Vue.js。（6）后臺語言：Python。（7）后端框架：Django。（8）數據庫：MySQL。

2.2總體設計概述

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

2.3前端設計概述

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

2.4后臺設計概述

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

3系統實現

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

4結束語

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

作者:秦洪新 徐明 成愛民 強力 劉麗 單位:遵義師范學院信息工程學院