公务员期刊网 论文中心 正文

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

前言:想要写出一篇引人入胜的文章?我们特意为您整理了农产品交易网站开发与设计探究范文,希望能给你带来灵感和参考,敬请阅读。

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

摘要:贵州有许多优秀的农产品,绿色生态无污染。当前国内正在发展高质量内销,同时国内的网购环境非常优越,无论是终端设备的普及,还是物流行业的规范,都让网上购物成为一种时尚且便捷的生活方式。在这种背景下,本文基于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模式好。

作者:秦洪新 徐明 成爱民 强力 刘丽 单位:遵义师范学院信息工程学院