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

本文涉及的产品
RDS MySQL Serverless 基础系列,0.5-2RCU 50GB
云数据库 RDS MySQL,集群系列 2核4GB
推荐场景:
搭建个人博客
云数据库 RDS MySQL,高可用系列 2核4GB
简介: 失物招领|基于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

相关实践学习
如何在云端创建MySQL数据库
开始实验后,系统会自动创建一台自建MySQL的 源数据库 ECS 实例和一台 目标数据库 RDS。
全面了解阿里云能为你做什么
阿里云在全球各地部署高效节能的绿色数据中心,利用清洁计算为万物互联的新世界提供源源不断的能源动力,目前开服的区域包括中国(华北、华东、华南、香港)、新加坡、美国(美东、美西)、欧洲、中东、澳大利亚、日本。目前阿里云的产品涵盖弹性计算、数据库、存储与CDN、分析与搜索、云通信、网络、管理与监控、应用服务、互联网中间件、移动服务、视频服务等。通过本课程,来了解阿里云能够为你的业务带来哪些帮助     相关的阿里云产品:云服务器ECS 云服务器 ECS(Elastic Compute Service)是一种弹性可伸缩的计算服务,助您降低 IT 成本,提升运维效率,使您更专注于核心业务创新。产品详情: https://www.aliyun.com/product/ecs
相关文章
|
18天前
|
存储 消息中间件 缓存
构建互联网高性能WEB系统经验总结
构建互联网高性能WEB系统经验总结
|
1月前
|
机器学习/深度学习 数据处理 数据库
基于Django的深度学习视频分类Web系统
基于Django的深度学习视频分类Web系统
53 4
基于Django的深度学习视频分类Web系统
|
15天前
|
负载均衡 监控 算法
论负载均衡技术在Web系统中的应用
【11月更文挑战第4天】在当今高并发的互联网环境中,负载均衡技术已经成为提升Web系统性能不可或缺的一环。通过有效地将请求分发到多个服务器上,负载均衡不仅能够提高系统的响应速度和处理能力,还能增强系统的可扩展性和稳定性。本文将结合我参与的一个实际软件项目,从项目概述、负载均衡算法原理以及实际应用三个方面,深入探讨负载均衡技术在Web系统中的应用。
47 2
|
1月前
|
机器学习/深度学习 监控 数据挖掘
基于Django和百度飞桨模型的情感识别Web系统
基于Django和百度飞桨模型的情感识别Web系统
36 5
|
2月前
|
网络协议 Windows
[收藏]优化基于Win 2000系统的Web服务器性能
[收藏]优化基于Win 2000系统的Web服务器性能
|
3月前
|
C# 数据可视化 开发者
WPF开发者福音:深度解析OxyPlot与LiveCharts图表库,轻松实现数据可视化不再是难题!
【8月更文挑战第31天】在WPF应用中,数据可视化对提升用户体验至关重要。本文介绍并演示了两种流行图表库OxyPlot和LiveCharts的集成与使用方法。OxyPlot是一款适用于.NET应用的开源图表库,提供多种图表类型,易于集成。LiveCharts则以其丰富的图表类型和动画效果,特别适合实时数据展示。通过具体代码示例,本文展示了如何利用这两种图表库创建折线图和柱状图,并详细说明了安装和配置步骤。希望本文能帮助开发者在WPF应用中轻松实现高效、美观的数据可视化。
178 0
|
3月前
|
前端开发 开发者 C#
WPF开发者必读:MVVM模式实战,轻松实现现代桌面应用架构,让你的代码更上一层楼!
【8月更文挑战第31天】在WPF应用程序开发中,MVVM(Model-View-ViewModel)模式通过分离应用程序的逻辑和界面,提高了代码的可维护性和可扩展性。本文介绍了MVVM模式的三个核心组件:Model(数据模型)、View(用户界面)和ViewModel(处理数据绑定和逻辑),并通过示例代码展示了如何在WPF项目中实现MVVM模式。通过这种方式,开发者可以构建更加高效和可扩展的桌面应用程序。
155 0
|
1月前
|
XML JSON API
ServiceStack:不仅仅是一个高性能Web API和微服务框架,更是一站式解决方案——深入解析其多协议支持及简便开发流程,带您体验前所未有的.NET开发效率革命
【10月更文挑战第9天】ServiceStack 是一个高性能的 Web API 和微服务框架,支持 JSON、XML、CSV 等多种数据格式。它简化了 .NET 应用的开发流程,提供了直观的 RESTful 服务构建方式。ServiceStack 支持高并发请求和复杂业务逻辑,安装简单,通过 NuGet 包管理器即可快速集成。示例代码展示了如何创建一个返回当前日期的简单服务,包括定义请求和响应 DTO、实现服务逻辑、配置路由和宿主。ServiceStack 还支持 WebSocket、SignalR 等实时通信协议,具备自动验证、自动过滤器等丰富功能,适合快速搭建高性能、可扩展的服务端应用。
95 3
|
13天前
|
设计模式 前端开发 数据库
Python Web开发:Django框架下的全栈开发实战
【10月更文挑战第27天】本文介绍了Django框架在Python Web开发中的应用,涵盖了Django与Flask等框架的比较、项目结构、模型、视图、模板和URL配置等内容,并展示了实际代码示例,帮助读者快速掌握Django全栈开发的核心技术。
96 44
|
9天前
|
前端开发 API 开发者
Python Web开发者必看!AJAX、Fetch API实战技巧,让前后端交互如丝般顺滑!
在Web开发中,前后端的高效交互是提升用户体验的关键。本文通过一个基于Flask框架的博客系统实战案例,详细介绍了如何使用AJAX和Fetch API实现不刷新页面查看评论的功能。从后端路由设置到前端请求处理,全面展示了这两种技术的应用技巧,帮助Python Web开发者提升项目质量和开发效率。
22 1

热门文章

最新文章