失物招领|基于Web的校园失物招领系统的设计与实现(一)

本文涉及的产品
云数据库 RDS MySQL Serverless,0.5-2RCU 50GB
简介: 失物招领|基于Web的校园失物招领系统的设计与实现

项目编号: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

email

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

相关实践学习
基于CentOS快速搭建LAMP环境
本教程介绍如何搭建LAMP环境,其中LAMP分别代表Linux、Apache、MySQL和PHP。
全面了解阿里云能为你做什么
阿里云在全球各地部署高效节能的绿色数据中心,利用清洁计算为万物互联的新世界提供源源不断的能源动力,目前开服的区域包括中国(华北、华东、华南、香港)、新加坡、美国(美东、美西)、欧洲、中东、澳大利亚、日本。目前阿里云的产品涵盖弹性计算、数据库、存储与CDN、分析与搜索、云通信、网络、管理与监控、应用服务、互联网中间件、移动服务、视频服务等。通过本课程,来了解阿里云能够为你的业务带来哪些帮助     相关的阿里云产品:云服务器ECS 云服务器 ECS(Elastic Compute Service)是一种弹性可伸缩的计算服务,助您降低 IT 成本,提升运维效率,使您更专注于核心业务创新。产品详情: https://www.aliyun.com/product/ecs
相关文章
|
2月前
|
SQL 分布式计算 Hadoop
Azkaban【基础 01】核心概念+特点+Web界面+架构+Job类型(一篇即可入门Azkaban工作流调度系统)
【2月更文挑战第6天】Azkaban【基础 01】核心概念+特点+Web界面+架构+Job类型(一篇即可入门Azkaban工作流调度系统)
101 0
|
1月前
|
SQL 存储 数据库
基于Web技术的在线考试系统的设计与实现(论文+源码)_kaic
基于Web技术的在线考试系统的设计与实现(论文+源码)_kaic
|
23天前
|
资源调度 JavaScript 安全
Linux系统之部署web-check网站分析工具
【4月更文挑战第3天】Linux系统之部署web-check网站分析工具
68 9
|
26天前
|
Java
销售业务管理系统【Web系统】(Java课设)
销售业务管理系统【Web系统】(Java课设)
13 5
|
1月前
|
存储 安全 Java
274基于web的电影院购票系统
274基于web的电影院购票系统
|
1月前
|
存储 安全 Java
基于web的电影院购票系统
基于web的电影院购票系统
|
1月前
|
搜索推荐 Java 数据库
springboot基于Web的社区医院管理服务系统
springboot基于Web的社区医院管理服务系统
|
1月前
|
Java 关系型数据库 MySQL
基于Web的停车场管理系统的设计与实现(论文+源码)_kaic
基于Web的停车场管理系统的设计与实现(论文+源码)_kaic
|
2月前
|
前端开发 JavaScript Java
利用Java Web技术实现实时通信系统的案例分析
利用Java Web技术实现实时通信系统的案例分析
|
2月前
|
关系型数据库 MySQL Java