Web技术农产品网站设计与实现

导语：Web技术农产品网站设计与实现一文来源于网友上传，不代表本站观点，若需要原创文章可咨询客服老师，欢迎参考。

1概述

以往，农民将农产品进行生产，为了将这其转化成商品，就必须将其向集散地进行运输，产品销售的成本非常高。现在通过建立网站，能够使农民、商人不出门就可以在市场上进行交易，产品也不需要运输。网站不单单能够、查看信息，同时还可以进行交易等，用户利用网络能够将传统交易中的采集信息、市场调查以及技术咨询等工作直接完成，科学的网站结构、作用等，能够使商人以及现代农民的需求有效地满足。因此，高质量网站的对农业的发展起着至关重要的作用。互联网技术的不断发展与壮大，农产品电子商务网站亦如春天刚发芽的小树苗一样茁壮成长起来。网站建设的方式很多，有基于ASP.NET的网站开发，基于PHP的网站开发，基于web前端技术的开发。基于Web前端的开发由于它的跨平台以及自适应性等，成为当前网站开发的方向[1]。

2关键技术

2.1HTML5[2]HTML是一个超文本标记语言，负责描绘网页内容架构。HTML好像是修房子时候用的钢筋水泥，给房子的整个架构搭建起来。HTML用于构建段落、标签、样式、图像、表格等信息。HTML5是HTML的最新版本，HTML5继承了原先HTML的部分特征，添加了许多新的语法特性，比如语义特性、本地存储特性、设备兼容性、连接性、网页多媒体特性等。HTML4中元素不能把文档结构表示清楚，在HTML5中增加了与结构相关的元素，使文档结构清楚，结构更加语义化。HTML4在Web中应用程序的功能受到限制，比如不允许同时上传多个文件，HTML5提供了Web应用程序使用的API。HTML5优势明显，具有实现更新，在版本的时候能够直接浏览到最新版。此外它还具有离线缓存、跨平台、支持视频和音频的优势。2.2CSS3CSS层叠样式表，负责如何显示结构层的有关内容。CSS好比是装修工程师，给我们的房子装修，重点在HTML页面里将文本内容进行设置，例如字体等，同时将图形、页面布局等进行设置。对于CSS技术来说，其是以HTML为依托的，将多样化的功能提供，例如颜色、边框以及页面编排等，同时其结合浏览器的不同，其样式设置也是不一样的。对于CSS3来说，其是CSS技术的改进，这一语言开发开始向模块化方向迈进。CSS3被划分为模块。其中最重要的CSS3模块包括：选择器、框模型、背景和边框、文本效果、2D/3D转换、动画、多列布局、用户界面。CSS3对于简单的动画给予支持，能够使开发效率有效提升。在CSS3中将新的内容加入进来，例如阴影、动画等[2]。2.3JavaSript对于行为层JavaScript来说，其是目前在Web上使用的最主要的客户端脚本语言，是Web语言的一个标准，可以对结构层和表现层的内容随意进行更改。比如人在修房子的时候，JS可以决定架构怎么改变。对于ASP以及PHP等服务器语文来说，其要把命令向服务器进行上传，通过服务器处理，将处理结果进行返回。对于JavaScript来说，能够在HTML中嵌入，不必通过Web服务器来响应用户操作，从而使网页和用户交互得以实现；在将客户端个人电脑资源有效应用的过程中，要使服务器端的压力降低，使用户等待时间缩减。

3系统需求

3.1系统功能。网站的系统主要分为前台管理和后台管理两大功能模快[3]。网站要体现以客户为中心的理念。本网站系统的前台模块主要使系统和用户的交互得以实现，要从用户视角入手，结合用户需求，从而设计出可以满足用户购物需求的功能。比如新用户需要设计注册功能，老用户需要设计登录功能。用户需要浏览商品，当商品分类下，找到商品时，需要有搜索功能。特别是在网上购物，用户对交流沟通的需求非常迫切。经过详细的分析，这一购物系统中，前台模块包括注册登录、查看商品以及订单模块、用户搜索模板等。网站后台系统需要拥有强大的功能。在后台系统中能够及时上传新商品、修改商品信息、下架的商品及时删除。用户下订单后，要管理订单。针对访问用户，要有统计工具分析用户数据，更有针对性地营销。经过仔细的考虑和分析，本购物系统设计的后台模块中包含管理商品、订单、信息以及统计等模块。3.2非功能需求。从性能需求来看，系统一定要有相应的实用性，正常运行时间具有一定的合理性，24小时均可应用。而且系统的吞吐量要与需求相符合，在访问、并发量最大时，可以将服务器进行增加，使需求得以满足。从安全需求来看，前台商城以及后台管理系统均具有登录的功能，在后台系统里，必须进行登录方可实施操作，要不然是不能对系统页面进行访问的。

4系统设计及实现

4.1体系结构。京东的客服可以在线实时咨询，阿里的客服需要客服需要下载阿里客服端才能够实现。阿里巴巴属于C/S模式，京东属于B/S模式。B/S模式越来越多地被使用。B/S只需要借助浏览器就可以进行网络的操作，不需要安装任何的软件。客户端零安装零维护。本网站采用B/S体系架构应用，在这一结构中，软件在服务器端运行，在终端处用户对服务器进行访问，能够将其需要的数据获取，从而将计算机资源进行有效的节约[4]。4.2开发环境。基于农产品的购物网站需要安全稳定、维护成本、快速迭代等。在服务器端，软件服务平台选用Linx操作系统，选用Apache做为Web服务器。Apache是世界使用排名第一的Web服务器软件，其能够在全部的计算机平台中运行，因为它的跨平台特点使得其得到广泛推广，是目前最流行的Web服务器软件。PHP软件选用PHP5。数据库选用MySQL，MySQL可以适用中小型企业。开发工具可以选用：AppServ8.4.0、DreamweaverCS6，AppServer是PHP网页框架工具组合包，包含了：Apache、PHP、MySQL、phpMyAdmin，能够快速地完成PHP开发环境的搭建。4.3前台功能。[5]注册登录：用户需通过Web中的表单完成注册后登录网站。搜索功能：用户想查找相关商品，可通过网站首页的搜索框来完成，通过搜索该商品的名称来实现对商品的查询。个人中心：设置个人资料、添加收获地址、查看订单信息、物流信息等。购物功能：商品添加到购物车，进入结算页面，选择收货和支付方式，确认订单。4.4后台功能。商品管理：包括商品分类、商品规格、添加、编辑商品信息，对商品进行上下架管理。内容管理：包括广告的编辑、网站文章的修改。订单管理：包括查询订单、处理订单、能进行发货、填写物流信息。物流管理：添加物流公司，修改支持的物流公司。支付管理：添加修改支持的支付方式。统计分析：统计销售数据、商品数据等。4.5首页。网站首页是网站服务器收到用户浏览器请求时，默认返回的第一个文档。用户在浏览器输入网站域名，然后呈现出来的第一个页面，就是网站的首页。首页是网站留给用户的第一印象，体现着公司和网站的形象；同时首页作为网站的入口，主要用来展示网站最重要的内容和功能，引导用户继续浏览使用其余页面的索引和目录。因此首页策划工作在网站策划设计中非常重要。农商网首页策划从内容策划、功能策划、结构策划进行。内容策划要将各个功能概括成网站的栏目名称。农商网的网站栏目划分为7个部分：首页的功能模块包括商品展示模块、商品分类模块、新闻动态更新模块、商品搜索模块、促销广告展示模块。网页布局就是以最合适浏览的方式将图片和文字排放在页面的不同位置，为了满足栏目设置的要求需要进行的网页模板规划。网站的首页面如图1所示。

5系统测试

对于网站性能测试来说，其主要有两种技术：（1）黑盒技术，（2）白盒技术，对于白盒测试来说，必须具有内部算法的相关数据，其实就是测试程序员的编程。对于黑盒测试来说，其对系统的要求较低，仅可以利用穷举技术，就能够测试今后网站会出现的情况，不必以网站和逻辑结构为依托，对其进行分析。所以，以黑盒测试为基础，按照使用步骤对输入的数据进行实验，对设计的基于Web技术的农产品网站的功能以及性质实施测试[6]，如表1所示。

6结语

与传统的Web开发框架进行比较，HTML5的优势是不可否认的，其在多媒体实现、跨平台应用以及用户体验上是十分突出的。前端使用HTML5+CSS3设计基础页面，它为大多数标准的界面设计提供了用户友好、跨浏览器的解决方案，极大地提高了Web前端的开发效率，并且能够建立具有较强兼容性的网站，使人们能够不出门就能够轻松地购买农产品，促进了农产品交易，丰富了人们的生活方式。

作者:唐滔 单位:江苏财会职业学院信息系