易蔬电子商务网站的设计与开发

许 宁

南通汽运实业集团有限公司，江苏南通 226004

易蔬电子商务网站的设计与开发

许 宁

南通汽运实业集团有限公司，江苏南通 226004

随着信息化技术的飞速发展，电子商务作为了一种新兴的商业模式已经被广大的用户所接受。本文研究和分析了的网上销售蔬菜的优势，对JSP和SQL Sever等技术进行了探讨，提出了JSP + SQL Sever + Tomcat的设计方案，开发销售蔬菜的电子商务网站。在设计开发的过程中采用了软件工程的思想，对网站系统进行了需求分析、总体设计、详细设计、代码实现和系统测试。测试结果表明，网站达到预期目标，运行稳定。

网上购物；电子商务系统；SQL Sever；JSP

Login interface; experimentt eachings ystem ; LabVIEW

引言

南通易蔬电子商务创业项目是一个提议中的创新型电子商务创业公司，建立专业化的电子商务平台——易蔬网（简称：easy-V），实现网站、客户、产品和服务的三方联动，以蔬菜订单销售为主营业务，将网络销售与尸体经营相结合，开创新型蔬菜销售模式。公司提倡提倡健康为本的绿色创意生活新理念，为广大客户提供绿色自然的消费品和健康创意生活方式。公司以易蔬网为载体，以电子商务技术为依托。本文介绍了南通易蔬电子商务有限公司的网络平台easy-V易蔬网的基本设计，开发过程，以及设计实现等。

1 系统设计

1.1 系统开发技术

系统采用了JSP + SQL Sever + Tomcat的设计方案，在开发的过程中采用了软件工程的思想，对易蔬电子商务系统进行了需求分析、总体设计详细设计和实现。图1所示的是易蔬商务系统的拓扑结构简图。

本系统采用的是典型的J2EE三层结构。三层体系将业务规则、数据访问及合法性校验等工作放在中间层处理。客户端不直接与数据库交互，而是通过组件与中间层建立连接，再由中间层与数据库交互。该系统的表现层使用传统的JSP技术，JSP技术结合Struts的标签库，让应用的表现层层次清晰，可读性比较好。

其中，Hibernate充当数据持久化层，主要处理对象数据表的添加、修改、删除及查询等操作；Spring充当中间层，通过依赖注入的关系将持久化作为控制器的业务；而Struts框架中Action控制器通过这种业务与JSP业务进行交互操作。

在系统的设计实现过程中，为了方便用户和商户，建立良好的人机界面，并且最大限度地节省前期投资，系统采用的技术比较成熟的JSP技术，合理划分了系统的逻辑层次和功能模块，最大限度地降低了系统的耦合度。在实施的过程中采用SQL Sever数据库，实现了基于B/S模式的电子商务管理。同时以Tomcat6.0为Web服务器，架构了一个动态电子商务网站。系统凭借Web服务器和客户浏览器，利用电子商务工作高效率高、低成本的特点，给顾客提供了方便快捷的交易平台。

1.2 系统分析

总体上看，易蔬网为层次较完善的管理信息系统，分为前台和后台两大部分：前台包括了个人、管理员和加盟店三方的登录页面，访问Web服务器，三方可在平台上进行业务处理；采用以人为本的web2.0技术，页面友好，交互性强，方便用户使用。后台则包括货物配送系统和数据库，货物配送系统用于对订单的处理和分拣，将结果通知农庄或基地以及外包物流公司，后者则总汇了应用运筹学所计算得出的区域销售统计和相关数据分析。

1.2.1 前台功能分析

1）首页：包括行业资讯，无公害蔬菜，盆栽蔬菜，幸福菜园，美味生活馆。帮助中心六个版块及用户登录的入口，主要给浏览页面的人一个立体化，个性化的，界面友好的网络平台主界面和系统使用入口，同时在界面方面满足用户对界面栏目布局的个性化设置需求。

2）市场信息：介绍无公害蔬菜和盆栽蔬菜市场的发展状况和价格波动情况，幸福菜园的相关市场信息。

3）在线农庄：提供众多招商合作和代理加盟的信息，用户可以迅速了解到全国目前市场上最新的合作项目，为用户觅得商机提供先机。

4）资讯中心：有今日要闻，行业资讯，价格行情，综合信息，期货市场，企业动态，风云人物，农业展会，政策法规，农业百科等预览式小板块，涵盖了有关农产品的所有信息，用户浏览界面时便可以迅速了解到农产品的有关信息，从而节省了用户的时间，方便了用户的使用。

5）产品展示：提供了诸如洋葱，蒜薹，春香梨，土豆等无公害蔬菜和盆栽蔬菜的画面展示，以及幸福菜园的土地状况和使用画面，给予用户对于此类农产品一个直观感受，让用户迅速地把握住农产品的第一信息。

6 ）美味生活馆：提供蔬菜烹饪的菜谱和技巧，蔬菜种植的方法和技术，生活小贴士。

7）帮助中心：用户浏览界面及注册农产品物流信息综合服务平台，会遇到一些问题，帮助中心则会先对常见问题进行设置，方便用户浏览及注册。

8）用户登录板块：客户经由登录版块注册后成为会员，以后可用会员身份登录以享受系统自动匹配的优惠。

1.2.2 后台功能分析

1）农产品管理：包括产品发布，产品管理，供求信息管理，今日订单查询和历史订单查询等版块。

2）网站管理：包括会员资料管理，文章新闻管理，滚动图片管理。及时发布新闻，方便用户了解行业资讯，最新动态。

3）个人中心管理：包括会员资料的管理，好友管理、订单管理等。可以查询和管理已买的的货物(无公害产品，盆栽)和查看菜园资讯，支付历史等，使得用户能够更好的交易。

4）总订单管理：按照订单的时间和发货地点合并，可以更有效地利用物流资源，方便资源调度，节约成本。

1.3 系统构架设计

本系统采用传统的三层B/S结构构建，即浏览器、Web服务器和数据库服务器。这种分布式三层体系结构将应用目标程序完全安装到应用服务器上，可以使得整个系统运行在Web Server上。顾客和商户通过互联网，向应用服务器上的电子商务网站提出请求服务，系统然后将请求命令服务转化为SQL语句，随之后台的SQL Server数据库将查询、更新数据库的各种结果反馈给请求方。

图1 网络拓扑结构图

1.4 系统功能设计

根据系统的需求分析以及系统功能模块化的要求，合理划分系统功能模块。在系统的设计过程中，部分功能进行合并，系统主要分为系统前台和系统后台两部分。前者供给所有用户使用，用于网站导航、浏览和购物的使用，如图4所示；后者供给网站的管理者和客户的操作使用，用于管理业务以及前台的展示，如图5所示。

图2 系统前台功能结构图

图3 系统后台功能结构图

1.5 系统流程设计

网站的中心系统是通用的购物电子商务系统，顾客的购物流程符合以下的步骤和特点，系统前台流程和后台管理流程的过程如图所示：

图4 系统前台流程

图5 系统后台流程

1.6 数据库实现

数据库设计时需要根据存档数据和数据需求，分析各个数据之间的关系，按照DBMS的功能，设计出规模适当、正确的各个数据之间的关系。图6～12是主要的7张数据库表。

2 系统实现

根据以上的系统分析和设计，完成了系统的开发和测试，这里由于篇幅的原因，文中仅对前台和后台的主要功能模块进行介绍。

2.1 系统前台设计

（1）首页

首页主要是展示前台界面的主要入口，其中最重要的还是注册和登录系统。系统要将会员信息保存到数据表中，首先要使用Java Bean中的user 类保存客户端输入的会员信息，在通过调用logoinfo中的insert 方法将会员信息保存到会员信息表中。在保存会员信息时，需要判断会员名是否存在，这样才会保证会员名称的唯一性。主要参考图13和图14。

图6 接受订单信息表

图7 询价单信息表

图8 订单项目信息表

图9 购物车信息表

图10 订单详细信息表

图11 用户信息表

图12 商品信息表

图13 首页展示

（2）盆栽蔬菜界面

盆栽蔬菜模块是由顾客自己挑选自己喜欢的植物和花盆。点击左侧的花盆按钮，在商品展示窗口下面出现一个花盆栏，在花盆栏里面可以挑选自己喜欢的花盆；点击左侧的植物按钮，下面出现植物栏，挑选植物。这样既方便顾客直观的查看和购买自己喜欢的式样。参考界面图15。

图15 盆栽蔬菜界面

（3）幸福菜园界面

模块的创意来自于开心农场，在系统中这一模块与实际相结合，客户可以通过委托向管理员申请购买土地，并且购买种子在上面种植，和开心农场一样，这些植物也可以浇水、除草、施肥等充满娱乐趣味的一些指令。

点击右侧的“感叹号”按钮鼠标图标将变成一个感叹号的形式，这时候点击土地模块，可以显示这一块土地详细信息，包括土地编号，地主，土地类型，种植的植物以及生长情况等等；点击第二个“包裹”按钮，可以购买土地，填写土地名字，选取土

地类型，连接到showGarden.jsp 生成支付系统，进入到网银进行支付。点击右侧的第三个“植物”按钮，可以选择你想种植的植物。效果参考图16。

图16 幸福菜园界面

（4）购物车模块

在订单模块中，数量输入框，点击输入数量可以输入数量的在查看购物车页面中，单击“-”和“+”图标，或者在“数量”文本框中输入购买数量，可以对应从购物车中增加减少指定商品，单击“清空购物车”，将退回购物车中的全部商品，单击“继续购物”用户可以继续购买物品，返回上一个购物界面，如果用户确认购买当前购物车中的全部商品，单击“生成订单”，进行订单处理。

2.2 系统后台设计

（1）聊天系统

聊天系统是电子商务系统的必备功能之一，功能完善的聊天系统才能方便用户交流，并且聊天系统应该具有保密性质。除了管理员在必要的情况下才能浏览聊天记录。

（2）商品管理

在产品管理首页中点击想要修改或者删除的商品信息后，即可进入到修改或者删除商品信息页面。修改商品信息页面主要用于修改指定商品的基本信息。在制作修改商品信息页面时，首先页需要判断从商品管理首页传递的参数ID是否为空，如果为空值，则说明用户不是正常操作，需要将页面重定向到商品管理首页。值不为空，才会根据参数ID查询商品的基本信息并显示在页面中。实现该功能的代码同修改商品信息页面的一样，详见图18。

图17 聊天界面

（3）公告管理

由于文章涉及用户名、用户角色、联系方式等信息。系统中将文章管理可以设置为批量管理，系统中的删除、添加、编辑等操作都可以批量进行。实现这个功能的方式是在最上面的工具栏里面添加一个复选框，在复选框里面打钩的时候可以选中全部文章。参考图19。

图18 商品管理界面

图19 公告管理界面

3 总结

由于受到时间的限制，自身知识和开发经验的匮乏的原因，开发的网站还存在不足有待于改进的地方。纵观整个系统的设计与实现过程，发现操作过程中所涉及的知识面很广，需要对系统有较强的分析问题、解决问题的能力，还要求具有创新精神和独立学习研究的毅力。

[1]王建明，唐爱国，杭志.征服JSP企业网站开发.北京：科学出版社，2008

[2]梁元栋.基于JSP技术的电子商务网站设计与实现（全文），硕士，2010.11

[3]王林玮.JSP网络开发技术与案例应用.北京：机械工业出版社，2008.1

[4]汪孝等.JSP数据库开发实例精粹.电子工业出版社，2005

Bbased on NI software LabVIEW 8.6, develop ed electric experimentet achings ystem. the system consists of three login-interfacde esign and data managemenvti,r tual experimentsayl stem of automaticc ontrotl heory, automatic measurem ent technologyp, rocess control, and principloe f single-chipc omputear nd its applicatiocn, over s the chief content of automatioan nd relevan t professionaIlts. can not only help studentsl earn the theoreticakl nowledgbe, ut also increaset he students’ creative abilities.

TP393

A

10.3969/j.issn.1001-8972.2012.21.041