农产品交易网站开发与设计探究

农产品交易网站开发与设计探究摘要：贵州有许多优秀的农产品，绿色生态无污染。当前国内正在发展高质量内销，同时国内的网购环境非常优越，无论是终端设备的普及，还是物流行业的规范，都让网上购物成为一种时尚且便捷的生活方式。在这种背景下，本文基于djiangoPythonweb框架，前端采用vue框架，设计与实现了一个贵州农产品交易网站。Django是一个Python框架，用其构建服务体系，不仅开发效率高，而且相关技术成熟全面，非常适用于开发Pythonweb应用。Vue是一个优秀的前端框架。它通过尽可能简单的API实现响应的数据绑定和组合的视图组件。因此本设计将使用vue前端框架，数据库选择MySQL。关键词：农产品；电子商务；Python；Django；Vue；MySQL1引言随着综合国力的提高，人们对农产品有了更高的需求。目前，人们迫切需要绿色、生态、安全的农产品。贵州是一个多山的省份，存在许多农户。这里有非常多的绿色、生态、安全的农产品。但是这些农产品仅在本地销售，销售渠道比较单一，许多优质的农产品无法售卖给真正需要的人。因此，急需设计一个专门用于售卖贵州农产品的交易网站。这个网站一是面向贵州的众多中老年农户，他们对平台的要求是简单易学，不能有太多的繁杂界面。二是面向购买者，他们的要求是页面清晰明了，分类简单，生活化。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框架能大大提高开发效率。框架的作用就是