项目编号:BS-XX-158
引言:
随着互联网的飞速发展,学校也进入了信息化时代。校园中大学生丢失物品的现象较为普遍,但是由于没有一个良好的信息交流平台,使得失主不能及时甚至找不到失物,给生活带来了极大的不便。通过互联网为在校师生搭建一个发布信息的平台,可以有效帮助他们找回失物。
校园失物招领系统基于Web技术进行开发,采用MySQL数据库存储数据,主要包括用户和管理员两大模块:用户模块具有注册、登录、发布寻物信息、发布招领信息、浏览、留言板、个人信息管理等功能;管理员模块可以对用户信息、寻物信息、招领信息、个人信息和管理员信息进行管理。
一,项目简介
传统的校园失物招领系统都是通过纸笔记录信息,经过一段时间后,累积的数据达到一定程度,再次查询的效率就会非常低,并且很容易造成数据的损坏和丢失。随着社会的进步,绿色环保成为一种主流,越来越多的公司已经放弃了使用纸笔记录信息,开始通过互联网发送并存储各种信息[1]。这样做不仅大大节约了成本,还省出了更多的时间和精力去做其他的工作。通过设计校园失物招领系统,用户可以使用互联网进入系统,在系统内发布或查看各种物品的信息。这样,通过各个用户之间的信息交流,可以方便快捷的找到丢失物品,并且还可以节省人力资源,也符合现代绿色环保的理念。因此,设计校园失物招领系统势在必行。
通过对系统的功能进行需求分析,应具备以下功能:
(1)游客在使用本系统之前,必须注册一个账号才能进入本系统。
(2)管理员可以使用相应的权限对普通用户进行管理。
(3)实现对失物和拾物两个模块的管理功能。
(4)能够实现用户对失物进行的搜索查找功能。
(5)实现用户对留言板这块的管理功能。
(6)对于个人信息可以及时完成修改或更新。
(7)实现在登录时,能够出现登录成功或失败的界面。
(8)实现用户的退出功能。
(9)管理员对于系统能够简单维护,方便用户实现操作的功能。
任何系统在设计的时候都需要构建数据库,并且在构建的时候,需要根据系统的需求,明确目的,最后在数据库内进行合理的设计,使其各个功能能够一一对应,这样才能有效的对数据进行存储,保证系统的正常运行。
基于Web的校园失物招领系统使用的是MySQL数据库,其中包括个人信息表、失物表、拾物表、留言表和分类表。这五张表具体如下所示。
(1)分类表主要是记录了各类物品的存放信息,如表3-1所示。
表3-1 分类表结构
序列号 |
字段名称 |
字段类型 |
长度 |
是否主键 |
说明 |
1 |
classify_id |
int |
11 |
是 |
id自增 |
2 |
Classify_name |
varchar |
255 |
否 |
分类名称 |
(2)个人信息表主要记录了用户相关的个人信息,如表3-2所示。
表3-2 个人信息表结构
序列号 |
字段名称 |
字段类型 |
长度 |
是否主键 |
说明 |
1 |
userId |
int |
11 |
是 |
id自增 |
2 |
user_name |
varchar |
255 |
否 |
用户名 |
3 |
user_password |
varchar |
255 |
否 |
密码 |
4 |
user_real_name |
varchar |
255 |
否 |
真实姓名 |
5 |
varchar |
255 |
否 |
邮箱 |
|
6 |
tel |
int |
11 |
否 |
电话 |
7 |
role |
int |
11 |
否 |
用户身份 |
8 |
academy |
varchar |
255 |
否 |
院系 |
(3)失物表主要记录了用户丢失的物品的相关信息,如表3-3所示。
表3-3 失物表结构
序列号 |
字段名称 |
字段类型 |
长度 |
是否主键 |
说明 |
1 |
lost_id |
int |
11 |
是 |
id自增 |
2 |
lost_name |
varchar |
255 |
否 |
物品名称 |
3 |
lost_time |
varchar |
255 |
否 |
时间 |
4 |
describe |
varchar |
255 |
否 |
描述 |
5 |
place |
varchar |
255 |
否 |
地点 |
6 |
sort |
int |
11 |
否 |
物品分类 |
7 |
user_id |
int |
11 |
否 |
用户 |
(4)拾物表主要记录了各种被捡到的物品的相关信息,如表3-4所示。
表3-4 拾物表结构
序列号 |
字段名称 |
字段类型 |
长度 |
是否主键 |
说明 |
1 |
found_id |
int |
11 |
是 |
id自增 |
2 |
found_goods_name |
varchar |
255 |
否 |
物品名称 |
3 |
time |
varchar |
255 |
否 |
时间 |
4 |
describe |
varchar |
255 |
否 |
描述 |
5 |
place |
varchar |
255 |
否 |
地点 |
6 |
sort |
int |
11 |
否 |
物品分类 |
7 |
user_id |
int |
11 |
否 |
用户 |
(5)留言表主要记录了用户的各种留言信息,如表3-5所示。
表3-5 留言表结构
序列号 |
字段名称 |
字段类型 |
长度 |
是否主键 |
说明 |
1 |
id |
int |
11 |
是 |
Id自增 |
2 |
user_id |
varchar |
255 |
否 |
用户 |
3 |
content |
varchar |
255 |
否 |
内容 |
二,环境介绍
语言环境:Java: jdk1.8
数据库:Mysql: mysql5.7
应用服务器:Tomcat: tomcat8.5.31
开发工具:IDEA或eclipse
后台开发技术:SSM框架
前台开发技术:JSP+JQUERY+CSS+JS
三,系统展示
4.1 前台功能模块设计实现
4.1.1 用户注册模块
用户来到系统界面,点击注册按钮,便会跳转到注册界面,在注册的时候需要输入真实姓名、登录密码、手机号、用户名、邮箱、院校等一些基本信息,其中手机号必须是11位,邮箱格式必须正确,将这些信息输入完成后,点击注册便会注册成功,然后跳转到登录界面进行登录。用户在进行注册时的注册界面如图4-1所示。
图4-1 用户注册
4.1.2 用户登录模块
用户来到登录界面后,可以根据注册的用户名和密码进行登录操作,并且需要输入正确的验证码才能登录成功,若验证码复杂不容易识别,可以直接点击图片更换新的验证码。在登录成功后,系统会根据登录的账号自动识别用户或管理员的身份,从而可以进入到不同的界面。
用户在进行登录时的界面如图4-2所示。
图4-2 用户登录界面
4.1.3 浏览模块
4.1.3.1寻物信息浏览
用户进入首页后,点击“浏览”按钮,选择“寻物信息浏览”,会出现各种物品的丢失信息,包括物品的类别、物品名称、丢失时间、丢失地点、丢失人信息和物品的描述,其中如果用户之前发布过寻物信息,也会显示在上面,并且点击“编辑”按钮后可以跳转到添加寻物信息界面完成寻物信息的更新,点击“更新寻物”按钮就可以完成寻物信息的更新,对于过期的信息,也可以自行删除。
用于浏览物品丢失信息的界面如图4-3所示。
图4-3 丢失信息浏览界面
更新寻物信息的界面如图4-4所示。
图4-4 更新寻物信息界面
4.1.3.2 招领信息浏览
用户进入首页后,点击“浏览”按钮,选择“招领信息浏览”,会出现各种物品的招领信息,包括物品的类别、招领物品、发现时间、发现的地点、发现的用户和物品的描述,如果用户之前捡到过失物,并且在上面发布了招领信息,也会出现在上面,如果失主找回了自己的失物,在删除失物信息之后,招领的信息便会清除。也可以在首页上方的搜索框输入失物的关键字对物品进行搜索,如果有该物品,则会显示该物品的信息,如果没有,则不会显示。
用于浏览招领信息的界面如图4-5所示。
图4-5 招领信息浏览界面
使用搜索功能的搜索结果界面如图4-6所示。
图4-6 搜索结果界面
4.1.4 发布寻物信息模块
用户可以在首页点击“发布寻物信息”按钮,进入到添加寻物信息界面,可以在此添加丢失物品的信息,包括选择物品的类别、添加丢失时间、丢失的物品描述、物品的名称以及丢失物品的地点,完成这些信息的填写后,点击“添加丢失”按钮便可以成功添加失物信息,如图4-7所示。
图4-7 添加寻物信息界面
4.1.5 发布招领信息模块
用户在首页通过点击“发布招领信息”按钮,进入到添加招领信息界面,可以在此添加捡到的物品信息,包括选择物品的类型、物品的名称、发现时间、发现地点以及物品描述,完成之后点击“添加招领”按钮便可以成功添加招领信息,其他用户在使用系统的时候也能看到这些信息,如图4-8所示。
图4-8 添加招领信息界面
4.1.6 留言板模块
用户在首页可以点击“留言板”按钮,进入到留言板模块,在这里用户可以随时发表自己的留言信息。用户只需要在留言框内输入留言内容,点击“发送”按钮,保存的留言信息便会显示在该界面,并且所有的用户都可以看到,如果感觉留言的内容不合适,可以在操作一栏点击“删除”按钮,不合适的留言内容就会被清除,如图4-9所示。
图4-9 用户留言界面
4.1.7 个人信息模块
用户在首页可以通过点击“个人信息”按钮,进入到个人信息修改界面,用户在该界面可以对自己的个人信息进行修改,包括修改用户登录名、用户密码、用户真实姓名、手机号码、邮箱以及所属院校,完成修改后,点击下方的“修改”按钮便可以完成修改,如图4-10所示。
图4-10 个人信息修改界面
4.2 管理员功能模块设计实现
4.2.1 用户信息管理模块
4.2.1.1 用户列表
管理员使用管理员账号可以进入后台管理系统,并且可以在系统的左侧点击用户信息管理,选择用户列表,可以进入用户信息概况界面,在该界面可以对用户信息进行查看和删除,对于一些利用系统来宣传不正当信息的用户,可以执行删除操作,点击“删除”按钮便可完成操作,如图4-11所示。
图4-11 用户信息界面
4.2.1.2 添加用户信息
管理员可以在后台管理系统选择用户信息管理,点击“添加用户信息”按钮便会跳转到管理员添加用户界面,在该界面管理员可以帮助用户添加信息,需要添加的用户信息包括用户登录名、用户密码、用户真实姓名、手机号码、邮箱和所属院校,所有信息写完后,点击“添加”按钮,就可以完成用户的添加,如图4-12所示。
图4-12 管理员添加用户界面
4.2.2 招领信息管理模块
4.2.2.1 招领列表
管理员可以在后台用户管理系统选择招领信息管理,点击“招领列表”按钮便可以跳转到招领信息界面,该界面包括了招领物品的类别、名称、发现的时间、物品的描述、发现的地点和发现的用户相关信息,点击操作栏中的“编辑”按钮便可以跳转到更新界面进行编辑,也可以进行删除,如图4-13所示。
图4-13 招领信息界面
4.2.2.2 添加招领信息
管理员可以在后台管理系统选择招领信息管理,点击“添加招领信息”按钮就会跳转到添加招领信息界面,在该界面可以选择添加招领物品的类别、物品的名称、发现时间、发现地点以及物品描述,完成这些信息的填写之后,点击下方的“添加招领”按钮,就可以将招领信息保存到招领列表,如图4-14所示。
图4-14 添加招领信息界面
4.2.3 寻物信息管理模块
4.2.3.1 寻物列表
管理员可以在后台管理系统选择寻物信息管理,点击“寻物列表”按钮,就会跳转到丢失信息界面,包括丢失物品的类别、物品名称、丢失时间、丢失的地点、丢失人信息和物品的描述,在操作列可以选择对物品进行编辑或删除,点击“编辑”按钮后会跳转到添加寻物信息界面,可以对物品的信息进行更新操作,如图4-15所示。
图4-15 丢失信息界面
4.2.3.2 添加寻物信息
管理员可以在后台管理系统选择寻物信息管理,点击“添加寻物信息按钮”就会跳转到添加寻物信息界面,包括选择添加物品的类型、物品名称、丢失时间、丢失地点和丢失物品的描述,所有信息填写完后点击“添加寻物”按钮就可以进行保存,如图4-16所示。
图4-16 添加寻物信息界面
4.2.4 个人信息管理模块
4.2.4.1 个人信息修改
管理员可以在后台管理系统选择个人信息管理,点击“个人信息修改”按钮,就会跳转到个人信息修改界面,包括修改用户登录名、用户密码、用户真实姓名、手机号码、邮箱和所属院校,完成修改后,点击“修改”按钮便可以将修改后的个人信息保存,如图4-17所示。
图4-17 个人信息修改界面
4.2.4.2 添加管理员
管理员在后台管理系统可以选择个人信息管理,点击“添加管理员”按钮,可以添加用户登录名、用户密码、用户真实姓名、手机号码、邮箱和所属院校,将所有的信息填写保存之后,便可以添加一位新的管理员,并且拥有管理员的所有权限,如图4-18所示。
图4-18 添加管理员界面
失物招领|基于Web的校园失物招领系统的设计与实现(二)https://developer.aliyun.com/article/1423253