1绪论
1.1课题背景
身处网络时代，随着网络系统体系发展的不断成熟和完善，人们的生活也随之发生了很大的变化。目前，人们在追求较高物质生活的同时，也在想着如何使自身的精神内涵得到提升，而读书就是人们获得精神享受非常重要的途径[1]。纸质版的书籍比较沉重，携带不方便，而由于手机、平板不仅能够储存大量的书籍信息数据，而且重量轻，可随身携带，因此现在的人们更愿意通过手机、平板等来进行在线阅读[2]。由此，开发一款校园失物招领系统非常符合人们阅读的需求。
本文不仅从需求分析、设计分析、功能分析对该失物招领系统进行了全面的分析，而且还从开发背景、开发环境、目标、流程、数据库、系统维护对该校园失物招领系统进行了总体的规划和设计。该校园失物招领系统利用vue技术和MYSQL数据库进行开发，具有很好的稳定性和可发展性。
1.2研究现状
国外信息技术的发展步伐一直没有停止，源源不断的计算机应用软件被研发出来，并且软件技术也在不断迭代，目前世界各国的软件行业都已新兴了起来[3-5]。
与国外相比，我国信息技术的发展相对晚一些，不过后面，经过我们的不断追赶，我国的信息技术已经有了很大的进步，我国对现有的软件开发技术进行了细致的专研，目前我国已经能够独立的开发系统，并且也已经将这些软件系统应用于人们的生活中和各行各业中，目前，软件行业是我国非常受欢迎的行业[6-9]。
信息数字化使人们的各种信息能够快速传播，使人们的各种信息能够得到充分利用，同时，也大大宣传了信息数字化背后的软件系统[10-12]。软件开发团队的能力越来越强，开发技术功能越来越强大，软件系统大大提高了信息处理的效率，节省了处理者的处理时间。在阅读书籍方面，人们阅读纸质版的书籍，现在已经显得有些过时[13-14]。利用目前的软件开发技术开发出一款校园失物招领系统能够大大的满足人们的阅读需求，人们通过该校园失物招领系统能够快速查找、在线阅读自己喜欢的书籍，并且也大大提高了人们阅读的效率。
1.3研究内容
本论文主要阐述了该校园失物招领系统的开发技术、系统需求分析、系统设计、系统功能实现和系统测试。为了开发该系统，我在下面花费了很多功夫和心思，例如，到图书馆阅读vue技术、MYSQL数据库等方面的编程书籍，又在网上搜索了很多别人做的相类似的系统，将他们比较好的设计理念应用到自己的设计当中，最后才有了现在的成果。
本论文主要分为7部分，包括：
一、绪论：阐述了该系统的背景技术、研究现状和开发意义；
二、相关技术：介绍了开发该系统所用到的各种技术；
三、系统需求分析：阐述了开发该系统的可行性分析和功能需求分析；
四、系统设计：阐述了该系统的功能模块设计和数据库设计；
五、系统实现：展示了该系统的主要功能模块界面；
六、系统测试：对开发出的该系统进行测试；
七、系统总结：总结开发该系统的整个工作过程。
4系统设计
4.1系统概要设计
本文通过B/S结构(Browser/Server,浏览器/服务器结构)开发的该校园失物招领系统，B/S结构的优点很多，例如：开发容易、强的共享性、便于维护等，只要有网络，用户可以随时随地进行使用。
系统工作原理如图4-1所示。
图4-1 系统工作原理图
4.2系统结构设计
系统结构设计就像一个树状结构一样，一个树干有很多分支，大任务相当于树干，小任务相当于树枝，只有需求分析信息弄清楚之后，才能保证每个小任务都能实现目标，对初步设计好的系统再进行不断优化，最终得到一个具体现实的系统结构。
管理员功能模块和用户功能模块是该校园失物招领系统的两大部分，系统结构如图4-2所示。
图4-2 系统结构图
4.3 数据库设计
开发一个系统也需要提前设计数据库。这里的数据库是相关数据的集合，存储在一起的这些数据也是按照一定的组织方式进行的。目前，数据库能够服务于多种应用程序，则是源于它存储方式最佳，具备数据冗余率低的优势。虽然数据库为程序提供信息存储服务，但它与程序之间也可以保持较高的独立性。总而言之，数据库经历了很长一段时间的发展，从最初的不为人知，到现在的人尽皆知，其相关技术也越发成熟，同时也拥有着坚实的理论基础。
4.3.1 数据库概念设计
这部分内容需要借助数据库关系图来完成，也需要使用专门绘制数据库关系图的工具，比如Visio工具就可以设计E-R图（数据库关系图）。设计数据库，也需要按照设计的流程进行，首先还是要根据需求完成实体的确定，分析实体具有的特征，还有对实体间的关联关系进行确定。最后才是使用E-R模型的表示方法，绘制本系统的E-R图。不管是使用亿图软件，还是Visio工具，对于E-R模型的表示符号都一样，通常矩形代表实体，实体间存在的关系用菱形符号表示，实体的属性也就是实体的特征用符号椭圆表示。最后使用直线将矩形，菱形和椭圆等符号连接起来。接下来就开始对本系统的E-R图进行绘制。
（1）下图是用户实体和其具备的属性。
图4.1 用户实体属性图
（2）下图是字典表实体和其具备的属性。
图4.2 字典表实体属性图
（3）下图是失物招领实体和其具备的属性。
图4.3 失物招领实体属性图
（4）下图是宣传视频实体和其具备的属性。
图4.4 宣传视频实体属性图
（5）下图是物品挂失实体和其具备的属性。
图4.5 物品挂失实体属性图
（6）下图是失物招领留言实体和其具备的属性。
图4.6 失物招领留言实体属性图
（7）下图是论坛实体和其具备的属性。
图4.7 论坛实体属性图
（8）下图是失物认领实体和其具备的属性。
图4.8 失物认领实体属性图
（9）下图是公告实体和其具备的属性。
图4.9 公告实体属性图
（10）下图是物品挂失留言实体和其具备的属性。
图4.10 物品挂失留言实体属性图
（11）下图是用户表实体和其具备的属性。
图4.11 用户表实体属性图
4.2.1数据库表设计
采用MYSQL数据库对该校园失物招领系统的数据进行存储，数据库中所包括的各个数据库表的详细信息如下所示：
表4.1字典表表
序号 列名 数据类型 说明 允许空
1 Id Int id 否
2 dic_code String 字段 是
3 dic_name String 字段名 是
4 code_index Integer 编码 是
5 index_name String 编码名字 是
6 super_id Integer 父字段id 是
7 beizhu String 备注 是
8 create_time Date 创建时间 是
表4.2论坛表
序号 列名 数据类型 说明 允许空
1 Id Int id 否
2 forum_name String 帖子标题 是
3 yonghu_id Integer 用户 是
4 forum_content String 发布内容 是
5 super_ids Integer 父id 是
6 forum_state_types Integer 帖子状态 是
7 insert_time Date 发帖时间 是
8 update_time Date 修改时间 是
9 create_time Date 创建时间 是
表4.3公告表
序号 列名 数据类型 说明 允许空
1 Id Int id 否
2 news_name String 公告名称 是
3 news_types Integer 公告类型 是
4 news_photo String 公告图片 是
5 insert_time Date 公告时间 是
6 news_content String 公告详情 是
7 create_time Date 创建时间 是
表4.4失物认领表
序号 列名 数据类型 说明 允许空
1 Id Int id 否
2 shiwuzhaoling_id Integer 失物id 是
3 yonghu_id Integer 认领用户 是
4 yesno_types Integer 审核 是
5 shiwurenling_text String 详情 是
6 insert_time Date 认领时间 是
7 create_time Date 创建时间 是
表4.5失物招领表
序号 列名 数据类型 说明 允许空
1 Id Int id 否
2 shiwuzhaoling_uuid_number String 失物编号 是
3 shiwuzhaoling_name String 物品名称 是
4 shiwuzhaoling_types Integer 物品类型 是
5 status_types Integer 物品状态 是
6 yonghu_id Integer 用户 是
7 shiwuzhaoling_photo String 物品图片 是
8 shiwuzhaoling_time Date 拾遗时间 是
9 shiwuzhaoling_dizhi String 拾遗地址 是
10 shiwuzhaoling_content String 详情 是
11 create_time Date 创建时间 是
表4.6失物招领留言表
序号 列名 数据类型 说明 允许空
1 Id Int id 否
2 shiwuzhaoling_id Integer 物品 是
3 yonghu_id Integer 用户 是
4 shiwuzhaoling_liuyan_text String 留言内容 是
5 reply_text String 回复内容 是
6 insert_time Date 留言时间 是
7 update_time Date 回复时间 是
8 create_time Date 创建时间 是
表4.7物品挂失表
序号 列名 数据类型 说明 允许空
1 Id Int id 否
2 wupinguashi_name String 物品名称 是
3 shiwuzhaoling_types Integer 物品类型 是
4 status_types Integer 物品状态 是
5 wupinguashi_photo String 物品图片 是
6 wupinguashi_time Date 丢失时间 是
7 yonghu_id Integer 用户 是
8 wupinguashi_dizhi String 丢失地址 是
9 wupinguashi_content String 详情 是
10 create_time Date 创建时间 是
表4.8物品挂失留言表
序号 列名 数据类型 说明 允许空
1 Id Int id 否
2 wupinguashi_id Integer 物品 是
3 yonghu_id Integer 用户 是
4 wupinguashi_liuyan_text String 留言内容 是
5 reply_text String 回复内容 是
6 insert_time Date 留言时间 是
7 update_time Date 回复时间 是
8 create_time Date 创建时间 是
表4.9宣传视频表
序号 列名 数据类型 说明 允许空
1 Id Int id 否
2 xuanchuanshipin_name String 视频标题 是
3 xuanchuanshipin_types Integer 视频类型 是
4 xuanchuanshipin_content String 详情 是
5 create_time Date 创建时间 是
表4.10用户表
序号 列名 数据类型 说明 允许空
1 Id Int id 否
2 yonghu_name String 用户姓名 是
3 yonghu_id_number String 身份证号 是
4 yonghu_phone String 手机号 是
5 yonghu_photo String 照片 是
6 create_time Date 创建时间 是
表4.11用户表表
序号 列名 数据类型 说明 允许空
1 Id Int id 否
2 username String 用户名 是
3 password String 密码 是
4 role String 角色 是
5 addtime Date 新增时间 是
