校园失物招领系统设计与实现论文.docx
《校园失物招领系统设计与实现论文.docx》由会员分享，可在线阅读，更多相关《校园失物招领系统设计与实现论文.docx（45页珍藏版）》请在冰豆网上搜索。
校园失物招领系统设计与实现论文
校园失物招领系统
运用vue.js技术
Element-ui
json数据格式
MySQL数据库
SSH框架
摘要
随着人类生活脚步的加快，在校生丢失物品已是常事，但是苦于寻找太费时费力，有些不重要的东西就不去寻找。
开发本系统的目的就是旨在为本校学生提供一个公共的失物招领平台，所有丢失物品或者捡到物品的同学都可以在本平台进行发帖，为大家提供一个公共且集中式的信息交流平台。
本系统不支持线上业务，帖子提供联系方式或者住址用于线下联系。
失物招领系统具有安全性设计，不登录账号是无法进入系统内部。
系统分为前端和后台管理，通过SSH框架与Vue.js技术，利用Eclipse进行开发，及MYSQL作为后台数据库，前端实现了发布寻物模块，失物招领模块，感谢信的添加，成功显示案例，查看个人中心。
后台模块管理实现了所有用户管理，板块管理模块，帖子管理模块，感谢信模块，日志统一管理，查看个人中心管理模块。
关键词：
失物招领；SSH；MYSQL数据库；Vue.js
Abstract
Withtheaccelerationofthepaceofhumanlife,itiscommonforstudentstolosetheirbelongings,buttheyarenotalwayslookingforthingsthataretootime-consumingandlaborious.Thepurposeofthissystemistoprovidestudentswithapubliclostandfoundplatform.Allstudentswhohavelostarticlesorfoundobjectscanpostonthisplatformtoprovideapublicandcentralizedinformationexchangeplatform.Thissystemdoesnotsupportonlinebusiness,postsprovidecontactinformation,oraddressisusedofflinecontact.
Thelostandfoundsystemhasasecuritydesignandcannotenterthesystemwithoutloggingin.Thesystemisdividedintofront-endandback-endmanagement,throughthesshframeworkandvue.jstechnology,usingeclipsetodevelop,andMySQLasaback-enddatabase,thefront-endachievesareleasepropertymodule,LostandFoundmodule,Addingthankyouletter,Successfullydisplayingcases,Viewingpersonalcenter,Backgroundmodulemanagementimplementsallusermanagementimplementsallusermanagement,modulemanagementmodule,postmanagementmodule,thank-youmodule,unifiedlogmanagement,andpersonalcentermanagementmodule.
Keywords：
LostandFound；SSH；MYSQLDatabase；Vue.js
1绪论
1.1系统研究背景
当前我校师生人数众多，会出现一些同学丢失物品或捡到物品，苦于没有一个标准平台来进行失物招领操作，不知该怎么处理捡到的物品，又不知丢失物品的主人的联系方式，就算找到失主，也会浪费太多时间，以至于达不到节约时间地目的，同时造成极大地不方便性给生活。
失去物品的原有价值，得不到合理的进行利用，本系统的开发将给全校师生带来方便，只需在网上注册账号，发布关于失物招领贴或者失物寻找帖，同时减少失物被冒领的概率，看到的人会马上联系你，给线下交流提供方便，同时线上提供平台，对于那些找到失物的人，可以给他们进行夸赞并嘉奖，感谢他们的同时，鼓励更多的人有一颗乐于助人的心，使正能量充满我们的校园。
同时管理员后台中心，可以对所有的用户进行用户管理。
最终，开发失物招领系统已经迫在眉睫，必须制定稳定，安全和可靠性强的系统，给师生及用户们一个良好的体验。
在我校校园，没有一个相对安全的发布平台。
只有一些校园公众号可以进行投稿，再由公众号管理者进行发布，信息获取面比较窄小，也不易于失物的找回，同时浪费多人的时间，失物信息的发布只能保持一定量的时间，会被新的信息所覆盖，相当于发布的失物消息没有多少人可以看到，过于局限性，起不到一个特别好的作用。
运用当今流行的SSH框架及Vue.js技术实现广大用户与系统的完美交互，形成良好的用户体验。
1.2系统研究意义
本系统会使失物招领信息管理更清晰明确，促使广大用户，师生们节约时间，人力物力，方便于师生们进行简便操作和管理信息。
通过，网页上的功能模块，给师生们提供一个失主在线发布失物信息的场所，让更多人可以看到自己所丢失的物品，信息覆盖面较广。
集中化信息平台，给找到失物的人提供了联系方式，便于找寻失主，节约时间。
同时也可以通过本平台来进行发布失物招领的信息，使失主可以联系到拾到物品的人，更快更迅速的找寻失物，提高失物被找到的效率。
同时提供更多人性化的设计模块，形成一个失物信息，招领信息集约式的开放平台。
1.3系统开发设计思想
本课题的开发是通过前台和后台进行组成，前台利用Vue.js+Element-UI技术构成可以向用户展示所有需要的功能模块，并进行操作。
后台利用Spring+Hibernate+Struts2可以进行对所有用户的管理和维护，比用户更迅速的了解整个信息的过程。
可以批量的对所有用户账号进行一个管理，并存入数据库中。
Vue.js前后端分离利用Json数据格式进行前后台数据传递。
MVC是Model，View，Control，是一种设计模式，是为了实现Web系统中的各司其职而进行的操作，三个部件没有联系，修改其中一个，其他两个不会起什么副作用，重用性越来越高。
同时MVC创建和修改用户接口的技术大大降低，Oop面向工具的方式设计，在系统开辟中是对数据及数据的操纵行为合并起来，作为一个互相联系，不可分割的团体，对于对象的相似类型，进行划分，抽象之后，得出相同特点而构成的类。
前后端分离技术现在变得特别的常用，特别是在企业中，运用的就更多了，省时省力，相比较在传统的页面开发中，只是特别简单的由前端设计师开发成静态的页面，与后台的信息交互作业都是交给了后台开发员工，前台页面必须紧紧的依靠后台的模式，这种模式是有局限性的，可能会导致后台开发人员同时需要完成前端的操作，技术页面分配不合理，导致系统开发压力剧增，开发系统的效率进度比较缓慢，代码不利于维护。
现在最受欢迎的就是前后端分离技术，使开发工作人员只需针对自己所要开发的技术进行编写，开发的效率直线增加，分工也达到应有的技术分配。
前端页面利用Ajax与Vue.js中间层进行数据的交互，同时浏览器渲染样式，再请求数据，而在以前的话，数据都是在进入浏览器后，由浏览器直接渲染而成的。
2系统相关技术
2.1SSH框架技术
2.1.1spring
Spring是当今比较流行的一个开源框架，创建于2003年，是一个轻量型的Java开辟框架。
Spring并不是自己去制造轮子，而是运用已经存在的技术，将他们整合在一起，通过Spring来控制，进而提高开发效率和系统运行效率。
核心：
1.控制反转和依赖注入：
Spring通过一种称作管制反转的技术促进了低耦合。
当应用了控制反向转换，一个对象依靠其它对象会通过不主动的方式传递回来，而不是这个对象自己建立或者寻找依赖对象。
你可以认为IoC与JNDI不同——不是对象在容器中查找依赖，而是容器存在于对象初始化时在不等对象收回在主动方式下将依赖传递给上一层。
2.面向横向切割程序：
Spring提供了面向横向切割编程的大力扶持，允许通过分离系统中的思维技术逻辑与程序开发服务进行内合性的开发。
运用对象只实现它们应该做的——完成思维技术逻辑——仅此而已。
它们并不负责其它的一些系统级的聚合点，例如日记或事件支持。
2.1.2Struts2
1.什么是struts2：
Struts2则是一个特别有能力的MVC架构，基于模型设计是由以前传统两个经典的框架引申而来，构成了更加优秀的开发技术。
2.Strust2核心功能
（1）有一个FilterDispatcher的核心控制器，则是用户们需要创建的业务逻辑组件和程序控制器。
（2）用户请求的Action示例，无法显示用户处理的请求是因为控制器没有和ServletApi进行结合并互相影响。
（3）支持更多View技术。
（4）在SpringAOP思想基础之上的拦截器机制，更加方便它们的拓展。
（5）特别实用，在填写校验功能中应用的强大性。
3.Struts2的要点：
Struts2有两方面的功能优点，一是所有的Struts2应用编程都是基于Client/ServerHTTP交互协议，这个Java接口揭示了JavaServlet只是JavaAPI接口的一个很小子集合，这样我们可以在技术逻辑部分使用功能强悍的Java语言进行程序编辑。
二是提供了对MVC的一个清晰的实现，这一实现包含了很多参于对所以请求进行处理的重要构件。
4.Struts2开发原理：
从客户端中发送一个请求，之后服务器端再接受一个请求，若这个请求是Action结尾，则Struts2会把相应的请求发送到这个对应的Action中，然后进行数据性质的交换，如果出错的话需要返回上一指定页面，如果没有出错则对方法进行值的设置，并使用Validate的验证方法，进行对应的验证，若验证出错，返回指定的结果页面，进行修改，如果没有使用验证则执行Execute方法返回到该去的页面中。
2.1.3Hibernate
什么是Hibernate：
其实最简单的它也是技术开发中运用的一种框架，对数据库中的数据用实体对象的方式进行管理，也可以自动生成写出数据库的代码，充分的节省时间，可以更加迅速的开发，而不用去顾及最底层的数据库。
怎么去实现呢，是通过Java对象的属性与数据库中所设的列形成对应关系，可以一张表封装成一个Java类，表之间关系也可通过对象关系来实现，我们用配置文件作为控制Java类动态生成的数据库语句构成的一个连接桥梁来使用。
Hibernate优点：
将对数据库的操作转换为对Java对象的操作，从而简化开发。
通过修改一个“持久化”对象的属性从而修改数据库表中对应的记录数据。
提供线程和进程两个级别的缓存提升应用程序性能。
有丰富的映射关系将Java对象之间的关系转换为数据库表之间的关系。
屏蔽不同数据库实现之间的差异。
在Hibernate中只需要通过“方言”的形式指定当前使用的数据库，就可以根据底层数据库的实际情况生成适合的SQL语句。
不是入侵模式：
Hibernate没有规定持久化类实现其他接口或承载任何类。
2.2Vue.js
Vue.js已经成为前端开发设计中的三大框架之一，一套构建于用户界面的渐进式框架，就是一个用于搭建类似网页版的阅读，表单项繁多，内容需要根据用户的操作进行修改。
它被定义为可以从底往上逐层被应用，而它的核心也只关注视图层，简单，易上手便于操作，还可以与第三方的库或原有项目进行一个整合。
同时前端使用Vue框架，后端只需要和前端进行Json数据交互，也就不再需要Java的Jsp之类的模板。
特点：
简单通俗易懂，样式设计非常灵活。
运行速度特别高，节省大部分时间的优化。
框架的好处：
提高代码的质量，开发速度，提高代码的复用率，降低模块之间的耦合度（高内聚低耦合）。
Vue.js虽然小巧，但在构建大型项目可以得心应手，良好的用户体验，用户不需要重新刷新页面，获取数据也是通过Ajax异步获取，页面显示流畅，同时又减轻了服务器的压力，服务器只需要提供出来API接口，不需要管理页面逻辑和拼接，吞吐量会增加好几倍。
3系统需求分析
3.1系统的可行性分析
3.1.1系统安全性
主要包括：
1.系统配置由登录验证，用户没有登录前是不能访问系统内部界面。
2.强制性采用账号加密码的方式进行登录验证。
3.根据用户角色，分配不同的访问权限。
4.拥有系统日志功能，能清晰的知道进行了那些操作。
3.1.2数据库选择
本项目开发采用MYSQL软件作为后台数据库，运用数据库MYSQL具有以下优点：
1.MYSQL是一个轻量级的数据库，具有方便安装，操作方便的优点，对硬件要求比较低。
2.MYSQL是一个开源免费的数据库，有利于缩减成本。
3.MYSQL应用广泛，方便学习使用。
4.支持多种开发语言。
5.用于中小型应用时，MYSQL相对的查询效率更高。
3.2功能需求
3.2.1基本功能需求
主要实现的是失物招领管理系统，在进行系统设计的时候，应该遵从界面显示整洁明了、用户操作简单易懂的原则。
在本校园失物招领系统开发中实现以下基本功能：
1.系统只有在用户输入相应正确的账号和密码才能成功进入，进行相关操作。
2.系统设有普通用户和管理员，根据不同的用户，分配相应的角色权限。
3.系统分为后台管理部分以及前台操作系统两部分。
4.系统后台需要包含板块管理功能，支持增删改查操作。
5.系统后台需要包含帖子管理功能，支持删查操作。
6.系统后台需要包含用户管理功能，支持增删改查操作。
7.系统后台需要包含感谢信管理功能，支持删查操作。
8.系统后台需要包含操作日志查看功能。
9.系统前台实现帖子查阅以及发布功能。
10.帖子支持回复及点赞功能。
11.查询支持多条件查询，查询结果分页显示。
12.系统应包含登录验证功能，未登录的用户不能访问系统，会跳转登录界面。
13.系统提供在线人数统计功能。
3.2.2功能模块
失物招领系统主要实现的功能有前端功能有：
发布寻物贴，增加招领贴，添加感谢信，浏览成功案例，管理个人中心。
后台管理有用户管理，模块管理，帖子管理，感谢信管理，日志管理，丢失地管理，物品种类管理。
功能模块图如图3.1所示：
图3.1校园失物招领系统模块图
3.3系统开发环境及开发工具
表3.1开发环境
开发环境
产品环境
操作系统
Windows8
Windows8
开发工具
Eclipse
数据库
MYSQL
MYSQL
web容器
Tomcat7.0
Tomcat7.0
浏览器
谷歌
4系统设计与实现
4.1数据库设计
4.1.1物理设计
本校园失物招领系统包含有以下实体：
用户实体：
用于显示用户登录信息，主要有用户编号、昵称、登录密码、邮箱、电话号码以及用户类型。
板块实体：
用于显示板块信息，主要有板块ID、板块名、板块描述。
帖子实体：
用于显示帖子信息，主要有帖子ID、标题、内容、联系信息、发帖人、所属板块。
留言实体：
用于显示留言，主要有留言ID、内容、关联帖子、发言人。
感谢信实体：
用于显示感谢信信息，主要有感谢信ID、内容、关联帖子、所属板块、发表人。
日志实体：
用于记录系统操作日志，主要由日志ID、操作类、操作方法、日志信息、操作人、操作时间。
失物类型实体：
用于显示物品类型，主要有类型ID、类型名。
地点实体：
用于显示失物地点，主要有地点ID、地点名。
4.1.2E-R模型设计
依据实体，可以得出各个实体的E-R图和系统数据模型关系图。
（1）用户实体E-R图如图4.1所示：
图4.1用户实体E-R图
（2）板块实体E-R图如4.2所示：
图4.2板块实体E-R图
（3）帖子实体E-R图如图4.3所示：
图4.3帖子实体E-R图
（4）留言实体E-R图如4.4所示：
图4.4留言实体E-R图
（5）感谢信实体E-R图如图4.5所示：
图4.5感谢信实体E-R图
（6）日志实体E-R图如图4.6所示：
图4.6日志实体E-R图
（7）系统数据模型关系图如4.7所示：
图4.7系统数据模型关系图
4.1.3数据库表设计
1.用户表
用户表用来存储注册系统的用户信息
表4.1用户表
名称
字段
类型
描述
用户编号
id
bigint
用户唯一标识
用户账号
userCode
varchar
用户名（唯一）
昵称
userName
varchar
别名
密码
password
varchar
登录密码
邮箱
email
varchar
联系邮箱
电话号码
tel
varchar
联系电话
用户类型
type
varchar
0:
普通用户;1:
管理员
账户状态
status
varchar
1:
正常;2:
禁止登录
创建时间
createDate
datetime
注册时间
2.板块表
板块表用来存放系统各个模块的相应信息
表4.2模块表
名称
字段
类型
描述
模块编号
P_id
bigint
唯一标识
模块名称
P_name
varchar
模块名字
描述
P_deccription
varchar
模块描述
状态
P_status
int
0:
正常;1:
禁用
创建时间
P_create_time
datetime
创建时间
修改时间
P_modify_time
datetime
修改时间
创建人
id
bigint
存放创建者标号
3.帖子表
用于存储帖子信息
表4.3帖子表
名称
字段
类型
描述
帖子编号
t_id
bigint
唯一标识
标题
t_name
varchar
帖子标题
内容
t_content
varchar
帖子内容
状态
t_status
int
0正常,1结案,2禁言,3删除
创建时间
t_create_time
datetime
创建时间
修改时间
t_modify_time
datetime
修改时间
创建人
id
bigint
存放创建者标号
所属模块
pid
bigint
存放所属板块标号
4.评论表
用于存放评论信息
表4.4评论表
名称
字段
类型
描述
评论编号
r_id
bigint
唯一标识
创建时间
r_create_time
varchar
评论发表时间
内容
r_content
varchar
评论内容
状态
r_status
int
0:
正常;1:
删除
所属帖子
tid
bigint
存放所属帖子标号
创建人
id
bigint
存放创建者标号
5.感谢信表
用于存放感谢信信息
表4.5感谢信表
名称
字段
类型
描述
感谢信编号
l_id
bigint
唯一标识
标题
l_title
varchar
帖子标题
内容
l_content
varchar
帖子内容
状态
l_status
int
0:
正常;1:
禁用
创建时间
l_create_time
datetime
创建时间
所属帖子
tid
datetime
存放对应帖子编号
创建人
id
bigint
存放创建者标号
所属模块
pid
bigint
存放所属板块标号
点赞数
zan
bigint
点赞数
6.日志表
用于存放纪录日志信息
表4.6日志表
名称
字段
类型
描述
日志信息编号
WDZLOGID
bigint
唯一标识
日志级别
LogLevel
varchar
日志级别
内容
MSG
varchar
具体操作内容
操作类
Class
int
操作类
执行方法
Mothod
datetime
操作的方法
创建时间
CreateTime
datetime
创建时间
操作者ID
LogName
bigint
ID
操作者账号
UserName
bigint
账户名
7.物品类型表
用于录入失物招领贴中的物品分类信息
表4.7物品类型表
名称
字段
类型
描述
类型编号
i_id
bigint
唯一标识
类型名称
i_name
varchar
类型名称
状态
i_status
int
0:
正常;1:
禁用
8.失物地点表
用于录入失物招领贴中的地点分类信息
表4.8失物地点表
名称
字段
类型
描述
地点编号
s_id
bigint
唯一标识
地点名称
s_name
varchar
地点名称
状态
s_status
int
0:
正常;1:
禁用
4.2接口设计
4.2.1用户接口
UserAction.java:
实现用户登录、注册、注销、列表查询、信息修改以及删除等功能接口
login（）
实现业务:
实现用户登录验证功能，管理员可以登录前台展示以及后台管理，普通用户只能登录前台展示系统。
URL:
Login.action
请求参数对象:
user（userCode用户名,password登录密码）
响应参数:
res（code:
0登陆前台;1:
登录后台管理;-1:
没有管理权限;999999:
登陆失败）
Register（）
实现业务:
实现用户注册功能，用户可以在线自主注册账号。
URL:
register.action
请求参数对象:
user（封装用户注册填写的需要数据库保存的信息）
响应参数:
res（code:
000000注册成功;100000:
注册失败;999999:
注册信息为空）
Logout（）
实现业务:
用户注销，注销后会主动关闭会话，保障账户安全。
URL:
logout.action
请求参数对象:
无
响应参数:
res（code:
000000注销跳转登录页）
isUserExist（）
实现业务:
检查用户账号是否注册，注册账户是需要确定该账号是否可用。
URL:
isUserExist.action
请求参数对象:
无
响应参数:
res（isUserExist:
true已占用,false未占用）
listUser（）
实现业务:
获取用户列表，分页显示用户列表，可进行多条件查询。
URL:
listUser.action
请求参数对象:
pagemap（size每页条目,page页码,userCode用户名）
响应参数:
res（code:
000000查询成功,100000查询失败,999999未登录;
userList:
用户列表集合
Usercount:
查询结果总条目
Userpa
升级会员 