APP下载

旧衣申领系统的设计与实现

2019-05-23李冬冬刘华明毕学慧王秀友

电脑知识与技术 2019年8期

李冬冬 刘华明 毕学慧 王秀友

摘要:随着人民生活水平的提高,有价值的旧衣服越来越多,传统的简单的旧衣处理方式,很难发挥旧衣的价值。在当前国家脱贫攻坚战略下,该系统针对旧衣再利用问题,提供了一个信息化平台,可以实现捐衣者发布旧衣信息和申领者申领旧衣以及发布需求。系统采用B/S、HTML5、JSP等关键技术和SSM框架进行开发,以Tomcat为服务器,辅以BootStrap、Jquery等当前流行的前端技术优化交互界面。事实证明,该系统可以满足用户旧衣申领的较多要求,操作简便,为更多旧衣需求者提供了快捷的网络服务。

关键词:旧衣申领系统;B/S;SSM;JSP;HTML5;MySQL

中图分类号:TP311 文献标识码:A

文章编号:1009-3044(2019)08-0047-04

开放科学(资源服务)标识码(OSID):

Design and Implementation of the Old Clothes Claiming System

LI Dong-dong, LIU Hua-ming, BI Xue-hui, WANG Xiu-you

(The School of Computer and Information Engineering, Fuyang Normal College, Fuyang 236037, China)

Abstract: With the improvement of people's living standards, there are more and more valuable old clothes. The traditional simple way of handling old clothes makes it difficult to use the value of old clothes. Under the current national strategy of poverty alleviation, the system provides an information platform for the reuse of old clothes, which enables donors to release old clothes information and claimants to apply for old clothes and release requirements. The system uses B/S, HTML5, JSP and other key technologies and SSM framework for development, with Tomcat as the server, supplemented by BootStrap, Jquery and other popular front-end technologies to optimize the interactive interface. As a matter of fact, the system can meet the requirements of user's old clothes application and is easy to operate, providing a quick network service for more people who need old clothes.

Key words:old clothes claiming system; B/S;SSM; JSP; HTML5; MySQL

1 背景

隨着人们生活水平的不断提高,旧衣服不断增多,甚至一些七八成新的衣服也搁置在衣柜或直接当垃圾处理,的确非常可惜。然而,在一些贫穷落后的地方,有些人连基本的温饱问题都很难解决,虽然政府会有一定的补贴,但这些补贴主要用在看病和饮食上,他们对旧衣服有很大的需求,能够免费得到有价值的旧衣服简直是雪中送炭。于是,产生了这样的问题:有旧衣服的人不知道如何处理旧衣,有需求的人也不知道通过什么渠道获取旧衣资源。

旧衣浪费已成为消费时代被浪费的最严重的社会资源之一,我国每年约有2600万吨旧衣服被扔进垃圾桶,这个数字十分惊人[1]。对于旧衣服的处置却没有相应的手段和对策,以至于成为一个比较棘手的社会难题。合理利用旧衣服,让需要的人及时申领,不仅能够造福他人,造福社会,也解决了一个社会难题。基于这样的理念,我们开发了一个面向大众的、方便快捷的旧衣申领网络平台,希望越来越多的用户参与其中,从中淘取到有用的衣服。

2 需求分析

2.1 系统流程

本系统有捐衣者、申领者、管理员三类用户。其中捐衣者和申领者是同一个用户的不同表现形式,如果用户进行捐衣操作,那么他就是捐衣者;如果用户申领或发布需求操作,那么他就是申领者。管理员负责对整个系统进行日常的管理与维护,接收用户的反馈,解决用户需求。系统流程图如图1所示。

本系统基于B/S(浏览器/服务器)架构模式[2],用户通过浏览器访问,主要事务逻辑在服务器端(Server)实现,如图2所示。客户机通过浏览器访问服务器,大大简化了客户端电脑载荷,减轻了系统维护与升级的成本和工作量,降低了用户的总体成本[3]。在这种结构下,用户就可以通过网络随时随地进行捐衣和申领操作。

2.2 开发工具和开发平台

本系统运用MyEclipse企业级集成开发环境、Tomcat服务器、Dreamweaver网页编辑器、jQuery、bootstrap、Fileupload上传插件、JavaEE企业级的应用框架[4]等开发工具。

系统采用JSP技术开发,实现前端和后端的管理。用tomcat搭建服务器,前端页面采用目前流行的HTML5技术[5-6],自适应各种平台;后端采用SSM(SpringMVC+spring+mybatis)框架[7-8]。

2.3 系统功能

总的来说,旧衣申领系统可以实现旧衣申领和捐献的功能。根据用户的不同,对系统进行功能分析,管理员主要参与后台管理,用户操作在前台实现。用户基本功能和管理员实现的功能分别如图3和图4所示。

前台实现的功能主要有:

1)旧衣服选购(可按分类方式或关键字进行查询)。

2)查看旧衣服详细情况。

3)用户注册/登录、忘记密码。

4)完善/修改个人信息。

5)捐衣者:通过“我是捐衣者”,可以进行旧衣的发布;申领者对感兴趣旧衣进行申领,生成订单;通过“他的订单”里面的申领者,查看其详细信息,与申领者联系或者派发快递。

6)申领者:通过“我是申领者”,发布自己需求;与捐衣者QQ或者电话联系,让捐衣者为自己生成订单并派发快递;可以关注捐衣者、將旧衣加入申领车、通过“我的关注” 或“我的订单”查看捐衣者的个人主页。

7)附加功能:①为了更好地服务用户(捐衣者和申领者),提供客服咨询功能;②为了让捐衣者和申领者方便联系,提供聊天室功能。

后台实现的主要功能有:

1)旧衣管理:查看、删除。

2)用户信息管理:查看、禁用。

3)申领车管理:查看、删除。

4)订单信息管理:查看订单清单、删除订单。

5)需求公告管理:查看用户需求、删除用户需求。

6)用户关注管理:查看、删除。

7)在线客服后台。

2.4 数据分析

根据需求分析所需功能,对数据进行分析,申领者、捐衣者、订单、类别、需求信息、旧衣信息、申领车、图片等信息需要保存。得出订单、捐衣者、申领者、类别、需求、旧衣、图片、申领车实体,实体及属性如下:

订单(id,订单编号,创建时间,订单状态,旧衣名,旧衣图片,申领者编号,捐衣者编号,捐衣者是否删除订单,申领者是否删除订单);

捐衣者(捐衣者编号,用户名,邮箱,密码,QQ号,手机号码,地址,留言);

申领者(申领者编号,用户名,邮箱,密码,QQ号,手机号码,地址);

类别(类别编号,类别名,类别登记,父类别,图片名);

需求(需求编号,需求类别,标题,内容,创建时间,用户编号);

旧衣(旧衣编号,旧衣名,尺寸,颜色,描述,备注,创建时间,类别,捐衣者编号,是否上架);

图片(图片编号,图片名);

申领车(申领车编号,旧衣编号,申领者编号);

关注(关注编号,关注者编号,被关注者编号)。

根据实体的关系,系统E-R图设计如图5所示。申领车申领旧衣时,如果旧衣是同一个捐献者发布,可以申领多个旧衣,一般情况下只能申领一个旧衣。申领车和捐衣者都可以申领旧衣,把他们看作用户即可。

3 系统设计

3.1 系统总体设计

根据需求分析,系统设计分为前台和后台设计,总体设计模块结构图如图6所示。

根据E-R图设计数据库,选用MySQL数据库。根据系统功能需求,旧衣及用户等信息需要保存,表1-表11是数据库表的设计。

1)管理员表(admin)

拥有该系统的最高权限,可以对后台用户的一切信息进行增删改查操作。

2)注册表(register)

用于记录注册时没有及时激活链接的用户信息。

3)用户表(user)

记录用户的相关信息,唯一索引:name,email。

4)用户留言表(leaveword)

捐衣者进行留言,申领者都可以看到。外键关联user。

5)旧衣类别表(category)

用于记录所有旧衣物的分类信息。

6)旧衣表(clothes)

记录有关旧衣物的详尽信息,外键关联category,user。

7)旧衣图片表(picture)

保存捐衣者上传的图片相关信息,外键关联clothes。

8)旧衣订单表(order)

记录申领者与捐衣者之间的订单信息,外键关联user。

9)用户需求表(demand)

记录申领者发送的需求信息,外键关联user。

10)申领车表(cart)

记录申领者的申领车里的旧衣信息,外键关联user、clothes。

11)用户关注表(attention)

记录用户与用户之间互相关注的信息,外键关联user。

4 系统的功能实现

系统通过JSP实现,MySql管理数据库。图7-图9是系统运行界面图。用户既可以充当捐衣者也可以是申领者,拥有双重身份,这样有利于系统的实现和管理。一旦用户注册成功,就可以捐衣和申领旧衣。

5 结束语

该系统是针对用户对旧衣的需求而提出的,主要实现旧衣发布和申领功能。捐衣者把旧衣信息发布到旧衣平台,申领者可以浏览旧衣,进行申领,还可以发布自己的旧衣需求,捐衣者通过查看需求,与申领者进行联系。此外,申领者可以对旧衣的发布者进行关注,如果捐衣者有旧衣发布,就可以通知关注者。旧衣的申领工作,通过双方协商邮寄完成,邮费一般由申领者出。该系统具有一定的实际应用价值,可以帮助很多需要旧衣的人,尤其是贫困地区的人民,让更多的旧衣需要者得到实惠,还可以减少旧衣处理不当带来的污染、浪费。系统界面美观,操作简便,为旧衣捐赠提供了一个新的途径,可以为真正需要的人提供帮助。下一步我们将进一步完善系统功能,例如使用手机、邮箱等途径注册,旧衣订单的变化、快递信息的更新实时提醒用户,以及捐赠活跃者获取更多的奖励,申领者的评价等,更多的功能将满足不同用户的需求,希望用户更多参与旧衣捐赠,以帮助更多的旧衣需求者。

参考文献:

[1] 石慧. 2600万吨旧衣何处[N]. 中国环境报, 2013-08-22.

[2] 徐坚. C/S与B/S结构的分析与比较[J]. 曲靖师范学院学报, 2005, 24(3): 67-69.

[3] 百度百科. BS架构[EB/OL]. https://baike.baidu.com/item/BS%E6%9E%B6%E6%9E%84/1297196?fr=aladdin

[4]杨开振, 周吉文, 梁华辉, 等. Java EE互联网轻量级框架整合开发[M]. 北京: 电子工业出版社, 2017.

[5] 解颐, 方红亮, 曲珍, 等. 基于HTML5脚本的旅游软件开发[J]. 电脑编程技巧与维护, 2017(7): 35-37.

[6] 王艳. 探析HTML5与CSS3在网页设计中的新特性和优势[J]. 电脑编程技巧与维护, 2016(21): 70-71, 88.

[7] 李文杰. 基于SSM轻量级架构的JAVAWEB人才培养[J]. 数字通信世界, 2017(10): 228-228, 236.

[8] 李洋. SSM框架在Web应用开发中的设计与实现[J]. 计算机技术与发展, 2016, 26(12): 190-194.

【通联编辑:谢媛媛】