Springboot新生报道APP的设计与实现毕业设计源码33391

最新推荐文章于 2024-11-08 11:46:03 发布

VX_ZYKJ985

最新推荐文章于 2024-11-08 11:46:03 发布

阅读量998

点赞数 27

文章标签： spring boot java tomcat html eclipse javascript python

本文链接：https://blog.csdn.net/vx_zykj985/article/details/140092100

版权

摘要

随着科学技术的飞速发展，社会的方方面面、各行各业都在努力与现代的先进技术接轨，通过科技手段来提高自身的优势，新生报道APP当然也不能排除在外。新生报道APP是以实际运用为开发背景，运用软件工程开发方法，采用互联网技术构建的一个管理系统。整个开发过程首先对软件系统进行需求分析，得出系统的主要功能。接着对系统进行总体设计和详细设计。总体设计主要包括系统总体结构设计、系统数据结构设计、系统功能设计和系统安全设计等；详细设计主要包括模块实现的关键代码，系统数据库访问和主要功能模块的具体实现等。最后对系统进行功能测试，并对测试结果进行分析总结，及时改进系统中存在的不足，为以后的系统维护提供了方便，也为今后开发类似系统提供了借鉴和帮助。

新生报道APP采取Mysql作为后台数据的主要存储单元，运用软件工程原理和开发方法，采用springboot的Java技术构建的一个管理系统，实现了本系统的全部功能。完成系统的主要模块的页面设计和功能实现。本文展示了首页页面的实现效果图，并通过代码和页面介绍了公告通知、系统用户、报道流程、流程分类、学生报道等功能的实现过程。

关键词：新生报道APP ；java；springboot

Abstract

With the rapid development of science and technology, all aspects of society and industries are striving to integrate with modern advanced technology and improve their advantages through technological means. Of course, the New Student Report APP cannot be excluded. The New Student Report APP is a management system built with practical application as the development background, software engineering development methods, and internet technology. The entire development process starts with a requirement analysis of the software system to determine its main functions. Then proceed with the overall and detailed design of the system. The overall design mainly includes system overall structure design, system data structure design, system functional design, and system security design; The detailed design mainly includes the key code for module implementation, system database access, and the specific implementation of the main functional modules. Finally, functional testing was conducted on the system, and the test results were analyzed and summarized to timely improve the shortcomings of the system, providing convenience for future system maintenance and reference and assistance for the development of similar systems in the future.

The Xinsheng Report APP adopts MySQL as the main storage unit for backend data, applies software engineering principles and development methods, and uses Java technology from Springboot to build a management system, achieving all the functions of this system. Complete the page design and functional implementation of the main modules of the system. This paper shows the implementation effect diagram of the home page, and introduces the implementation process of announcement notice, system user, reporting process, process classification, student reporting and other functions through code and page.

Key words:New Student Report APP; java； springboot

1 绪论

1.1 课题开发背景及意义

21世纪是一个信息时代，随着信息技术和智能手机的飞速进步,手机已然成为人们日常生活中所不可或缺的交流工具,在与人们日常生活之间已经建立密切的联系。近年来,随着国家教育革新和高校教学规模的不停扩展,同时所招新生日益增多，我国高校教育传统的管理模式已然不能满足目前校方管理需求，由于互联网信息技术的应用普及,许多高校管理也开始建立信息化系统进行对学生和教学的管理,实现数字信息化,提升高校管理人员工作效率,使信息统计准确、安全等。由于高校每年新生入学手续的办理流程涉及的环节较多,比如学生及报道的信息.学生住宿安排等相关内容。传统的迎新管理采用人工的填表、登记操作方法,因此,人为因素易出错，而且统计数据不够精确，耗费大量精力和时间,工作效率也较低等缺点,因此，建立一套信息化的针对高校迎新导向系统已经势在必得,它是基于安卓技术和智能手机平台所实现应用,也是高校管理的一种新思维,此系统应该就各类人员而言,区分设置不同管理权限。做到分工明确,功能划分清晰,建立这样的一个信息数据库,它可以使用户快速高效的进行对新生基本信息、新生报道信息等进行添加、查看、修改或删除等功能实现。整个系统的设计具备了安全性、可维护和可用性及可行性。

1.2系统开发实现的目标

结合当前高校教育规模和发展,建立高校迎新导向系统基本实现的目标总结如下几点:

1.用户权限分配合理及安全性能较高,不同用户操作权限不同;系统登录时需要输入账与和密码方可登录成功。

2.可以减少传统管理模式所出现的问题,使得管理工作人员效率大大提升,同时也可以节约了很多功夫和许多人力、财力、物力;

3、实现用户可快速查询、修改或删除等有关新生相关的信息维护。

4、数据统计的准确、存储量大且保存时间长。

5.系统开发经济、实用，功能完整且具备一定的可行性。

6、数据库具有存储量大,保密性好、运行成本低等特点。

1.3相关技术介绍

（1）新生报道APP中的web后台管理中的后端不再使用古老的jsp+javabean+servlet技术，而是使用当前主流的springboot框架，它减少java配置代码，简化编程代码，目前springboot框架也是很多企业选择的框架之一。

（2）新生报道APP中的web后台管理中的前端使用的是bootstrap框架，它配合ajax和jquery可以美化页面设计。

（3）流行vue框架结合jQuery技术，在jQuery基础上扩展一些插件，通过自己定义插件更好的实现前端的设计。

（4）新生报道APP中数据库用的mysql5.7，它执行效率高。

1.4springboot框架介绍

Spring框架是Java平台上的一种开源应用框架，提供具有控制反转特性的容器。尽管Spring框架自身对编程模型没有限制，但其在Java应用中的频繁使用让它备受青睐，以至于后来让它作为EJB（EnterpriseJavaBeans）模型的补充，甚至是替补。Spring框架为开发提供了一系列的解决方案，比如利用控制反转的核心特性，并通过依赖注入实现控制反转来实现管理对象生命周期容器化，利用面向切面编程进行声明式的事务管理，整合多种持久化技术管理数据访问，提供大量优秀的Web框架方便开发等等。Spring框架具有控制反转（IOC）特性，IOC旨在方便项目维护和测试，它提供了一种通过Java的反射机制对Java对象进行统一的配置和管理的方法。Spring框架利用容器管理对象的生命周期，容器可以通过扫描XML文件或类上特定Java注解来配置对象，开发者可以通过依赖查找或依赖注入来获得对象。Spring框架具有面向切面编程（AOP）框架，SpringAOP框架基于代理模式，同时运行时可配置；AOP框架主要针对模块之间的交叉关注点进行模块化。Spring框架的AOP框架仅提供基本的AOP特性，虽无法与AspectJ框架相比，但通过与AspectJ的集成，也可以满足基本需求。Spring框架下的事务管理、远程访问等功能均可以通过使用SpringAOP技术实现。Spring的事务管理框架为Java平台带来了一种抽象机制，使本地和全局事务以及嵌套事务能够与保存点一起工作，并且几乎可以在Java平台的任何环境中工作。Spring集成多种事务模板，系统可以通过事务模板、XML或Java注解进行事务配置，并且事务框架集成了消息传递和缓存等功能。Spring的数据访问框架解决了开发人员在应用程序中使用数据库时遇到的常见困难。它不仅对Java:JDBC、iBATS/MyBATIs、Hibernate、Java数据对象（JDO）、ApacheOJB和ApacheCayne等所有流行的数据访问框架中提供支持，同时还可以与Spring的事务管理一起使用，为数据访问提供了灵活的抽象。Spring框架最初是没有打算构建一个自己的WebMVC框架，其开发人员在开发过程中认为现有的StrutsWeb框架的呈现层和请求处理层之间以及请求处理层和模型之间的分离不够，于是创建了SpringMVC。

1.5uni-app框架优势

uni-app在开发者数量、案例、跨端抹平度、扩展灵活性、性能体验、周边生态、学习成本、开发成本等8大关键指标上拥有更强的优势。

开发者/案例数量更多

数百万应用、uni统计月活12亿、70+微信/qq群、更高的百度指数。跨端完善度更高，真正落地的提高生产力

平台能力不受限

在跨端的同时，通过条件编译+平台特有API调用，可以优雅的为某平台写个性化代码，调用专有能力而不影响其他平台。支持原生代码混写和原生sdk集成。

性能体验优秀

加载新页面速度更快、自动diff更新数据。App端支持原生渲染，可支撑更流畅的用户体验。小程序端的性能优于市场其他框架。

周边生态丰富

插件市场数千款插件。支持NPM、支持小程序组件和SDK。微信生态的各种sdk可直接用于跨平台App。

学习成本低

基于通用的前端技术栈，采用vue语法+微信小程序api，无额外学习成本。

开发成本低

不止开发成本，招聘、管理、测试各方面成本都大幅下降。HBuilderX是高效开发神器，熟练掌握后研发效率至少翻倍（即便只开发一个平台）。

2 新生报道APP分析

2.1 可行性分析

2.1.1 技术可行性分析

通过了解对新生报道APP的真实需求后，将新生报道APP所需要的角色划分整理成了下图2-1，图2-2和图2-3。

从开发工具来看，由于新生报道APP是基于JAVA的，因此有很多开发工具都可以进行开发，这些功能强大的开发工具可以给我来设计新生报道APP带来非常大的方便。

从新生报道APP的本身技术来说，对于我来开发一个新生报道APP这个毕设是不费事的。新生报道APP的开发可以简单的分为前台端、后台端开发以及数据库开发。其中的大部分技术难点在我上学时已经使用过了，同时网络上很多技术点可以让我来借鉴。Web后台管理使用JAVA的springboot架构开发，数据库使用mysql，页面上使用javascript脚本，因此为我在开发新生报道APP 这个毕设上省去了很多多余代码，这给我的毕设项目编写带来了极大的便利。综上所述，从技术层面来看开发新生报道APP是可行的。

从用户体验来看，市面上很多被广泛使用的系统案例可以让我来参考，因此我可以综合它们的页面交互设计的优点，基于我的毕设项目特点来进行改版，最后达到令用户满意的页面交互体验。综上所述，从技术层面来看开发新生报道APP是可行的。

2.1.2 经济可行性分析

从新生报道APP的开发成本来看，新生报道APP的设计和开发都是我自己完成的，没有其他成本上的开销。

从新生报道APP的维护成本来看，新生报道APP的开发遵循一套完整的代码编写规范，并且新生报道APP的结构设计非常灵活，遵循高内聚低耦合的原则，因此易于维护和迭代开发。

在新生报道APP上线之后，上线前期我会根据真实需求来调查，对使用我开发的新生报道APP来制定一套符合的使用费。系统运行稳定后我会将推广范围到其他的景点当中，其他景点可以使用我的新生报道APP ，只需要缴纳一点点的定金，我会给他们引入广告投资和自营业务。

综合以上的分析，新生报道APP所带来的经济效益将会带来极大的收益。并且随着我的推广，来使用我开发的新生报道APP的市场将越来越大，新生报道APP带来的利润也就越来越多。因此，从经济层面来看开发新生报道APP的是可行的。

2.2系统流程分析

业务流程是用一些特定的符合和线条来进行演示用户在使用系统时的过程，在进行系统分析的时候，业务流程可以帮助开发人员更好的理解业务，发现错误，完善系统。

2.2.1 数据增加流程

用户成功登入系统后就能够实现增加数据的操作，增加数据的编号是特定的，系统生成，用户不能随意填写，除了编号以外，其他增加信息用户自己填写，填写后的信息经过系统验证，验证合法通过就显示增加数据成功了，相反的话，就没有增加成功，图2-1显示的就是在增加数据时的流程。

图2-1 数据增加流程图

2.2.2 数据修改流程

数据修改时的流程和上面介绍的数据增加时的流程差不多，如图2-2所示。

图2-2 数据修改流程图

2.2.3 数据删除流程

如果系统里面存在一些没有用的数据的话，相关的管理人员还可以对这些数据进行删除，图2-3就是数据删除时的流程图。

图2-3 数据删除流程图

2.3 系统需求分析

2.3.1 功能性需求分析

新生报道APP从角色上划分为了学生用户以及管理员两种角色。

管理员角色：

（1）登录：管理员的账号是在数据表表中直接设置生成的，不需要进行注册；

（2）内容管理：管理员可以对新生报道app用户端展示的报道流程以及流程所属的分类进行管控。

（3）系统用户：管理员可以对新生报道app中的管理员以及用户端注册的学生进行审核管理。

（4）模块管理：在“模块管理”这一菜单下可以对系统当中的学生操作的所有信息进行管理，包含了学生报道。

（5）公告通知管理：管理员可以对系统用户端展示的公告通知进行增删改查，方便用户进行查看。

学生用户角色：

（1）注册登录：在系统的右上角有登录+注册按钮，如果用户想要登录到系统当中，可以点击“登录”按钮，然后填写号用户名+密码，点击“登录”按钮，系统会对你的用户名密码进行核对，正确的话就会登录成功了，如果没有账号的话，可以点击右上角的“注册”按钮，然后根据提示输入好用户信息，就可以得到账号和密码了；

（2）公告通知：在首页导航栏上我们会看到“公告通知”这一菜单，我们点击进入进去以后，会看到所有管理员在后台发布的公告信息；

（3）学生报道：点击“学生报道”后跳转到学生报道提交界面，选择报道学生。学生姓名、报道时间、学生班级、所属专业、备注详情，然后点击提交学生报道就完成了。

（4）报道流程：用户可以查看报道流程信息，在查询到自己想要了解的报道流程的时候，可以进入查看详细的介绍进行评论、点赞、收藏操作。

2.3.2 非功能性分析

新生报道APP的非功能性需求比如新生报道APP 的安全性怎么样，可靠性怎么样，性能怎么样，可拓展性怎么样等。具体可以表示在如下2-1表格中：

表2-1新生报道APP非功能需求表

安全性	主要指新生报道APP数据库的安装，数据库的使用和密码的设定必须合乎规范。
可靠性	可靠性是指新生报道APP能够安装用户的指示进行操作，经过测试，可靠性90%以上。
性能	性能是影响新生报道APP占据市场的必要条件，所以性能最好要佳才好。
可扩展性	比如数据库预留多个属性，比如接口的使用等确保了系统的非功能性需求。
易用性	用户只要跟着新生报道APP的页面展示内容进行操作，就可以了。
可维护性	新生报道APP开发的可维护性是非常重要的，经过测试，可维护性没有问题

2.4 系统用例分析

根据上一节功能分析，可以得出系统的用例，学生用户角色用例如图2.1所示。

图2.1 新生报道APP中学生用户角色用例图

管理员角色用例如图2.2所示。

图2.2 新生报道APP管理员角色用例图

3 新生报道APP 总体设计

3.1 系统模块设计

根据第二章中新生报道APP的功能分析可知，新生报道APP中整体功能模块图如图3.1所示，

图3.1 新生报道APP功能模块图

3.2 数据库设计

3.3.1 数据库概念结构设计

下面是整个新生报道APP中主要的数据库表总E-R实体关系图。

图3.2 新生报道APP总E-R关系图

3.2.2 数据库逻辑结构设计

表auth (用户权限管理)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	auth_id	int	10	0	N	Y		授权ID：
2	user_group	varchar	64	0	Y	N		用户组：
3	mod_name	varchar	64	0	Y	N		模块名：
4	table_name	varchar	64	0	Y	N		表名：
5	page_title	varchar	255	0	Y	N		页面标题：
6	path	varchar	255	0	Y	N		路由路径：
7	position	varchar	32	0	Y	N		位置：
8	mode	varchar	32	0	N	N	_blank	跳转方式：
9	add	tinyint	3	0	N	N	1	是否可增加：
10	del	tinyint	3	0	N	N	1	是否可删除：
11	set	tinyint	3	0	N	N	1	是否可修改：
12	get	tinyint	3	0	N	N	1	是否可查看：
13	field_add	text	65535	0	Y	N		添加字段：
14	field_set	text	65535	0	Y	N		修改字段：
15	field_get	text	65535	0	Y	N		查询字段：
16	table_nav_name	varchar	500	0	Y	N		跨表导航名称：
17	table_nav	varchar	500	0	Y	N		跨表导航：
18	option	text	65535	0	Y	N		配置：
19	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
20	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：

表comment (评论)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	comment_id	int	10	0	N	Y		评论ID：
2	user_id	int	10	0	N	N	0	评论人ID：
3	reply_to_id	int	10	0	N	N	0	回复评论ID：空为0
4	content	longtext	2147483647	0	Y	N		内容：
5	nickname	varchar	255	0	Y	N		昵称：
6	avatar	varchar	255	0	Y	N		头像地址：[0,255]
7	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
8	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：
9	source_table	varchar	255	0	Y	N		来源表：
10	source_field	varchar	255	0	Y	N		来源字段：
11	source_id	int	10	0	N	N	0	来源ID：

表hits (用户点击)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	hits_id	int	10	0	N	Y		点赞ID：
2	user_id	int	10	0	N	N	0	点赞人：
3	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
4	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：
5	source_table	varchar	255	0	Y	N		来源表：
6	source_field	varchar	255	0	Y	N		来源字段：
7	source_id	int	10	0	N	N	0	来源ID：

表notice (公告)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	notice_id	mediumint	8	0	N	Y		公告id：
2	title	varchar	125	0	N	N		标题：
3	content	longtext	2147483647	0	Y	N		正文：
4	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
5	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：

表praise (点赞)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	praise_id	int	10	0	N	Y		点赞ID：
2	user_id	int	10	0	N	N	0	点赞人：
3	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
4	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：
5	source_table	varchar	255	0	Y	N		来源表：
6	source_field	varchar	255	0	Y	N		来源字段：
7	source_id	int	10	0	N	N	0	来源ID：
8	status	bit	1	0	N	N	1	点赞状态:1为点赞，0已取消

表slides (轮播图)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	slides_id	int	10	0	N	Y		轮播图ID：
2	title	varchar	64	0	Y	N		标题：
3	content	varchar	255	0	Y	N		内容：
4	url	varchar	255	0	Y	N		链接：
5	img	varchar	255	0	Y	N		轮播图：
6	hits	int	10	0	N	N	0	点击量：
7	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
8	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：

表student_report (学生报道)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	student_report_id	int	10	0	N	Y		学生报道ID
2	reporting_on_students	int	10	0	Y	N	0	报道学生
3	student_name	varchar	64	0	Y	N		学生姓名
4	reporting_time	date	10	0	Y	N		报道时间
5	student_class	varchar	64	0	Y	N		学生班级
6	major	varchar	64	0	Y	N		所属专业
7	notes_details	text	65535	0	Y	N		备注详情
8	recommend	int	10	0	N	N	0	智能推荐
9	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
10	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间

表student_users (学生用户)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	student_users_id	int	10	0	N	Y		学生用户ID
2	student_name	varchar	64	0	Y	N		学生姓名
3	student_gender	varchar	64	0	Y	N		学生性别
4	student_age	varchar	64	0	Y	N		学生年龄
5	examine_state	varchar	16	0	N	N	已通过	审核状态
6	recommend	int	10	0	N	N	0	智能推荐
7	user_id	int	10	0	N	N	0	用户ID
8	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
9	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间

表upload (文件上传)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	upload_id	int	10	0	N	Y		上传ID
2	name	varchar	64	0	Y	N		文件名
3	path	varchar	255	0	Y	N		访问路径
4	file	varchar	255	0	Y	N		文件路径
5	display	varchar	255	0	Y	N		显示顺序
6	father_id	int	10	0	Y	N	0	父级ID
7	dir	varchar	255	0	Y	N		文件夹
8	type	varchar	32	0	Y	N		文件类型

表user (用户账户：用于保存用户登录信息)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	user_id	mediumint	8	0	N	Y		用户ID：[0,8388607]用户获取其他与用户相关的数据
2	state	smallint	5	0	N	N	1	账户状态：[0,10](1可用\|2异常\|3已冻结\|4已注销)
3	user_group	varchar	32	0	Y	N		所在用户组：[0,32767]决定用户身份和权限
4	login_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	上次登录时间：
5	phone	varchar	11	0	Y	N		手机号码：[0,11]用户的手机号码，用于找回密码时或登录时
6	phone_state	smallint	5	0	N	N	0	手机认证：[0,1](0未认证\|1审核中\|2已认证)
7	username	varchar	16	0	N	N		用户名：[0,16]用户登录时所用的账户名称
8	nickname	varchar	16	0	Y	N		昵称：[0,16]
9	password	varchar	64	0	N	N		密码：[0,32]用户登录所需的密码，由6-16位数字或英文组成
10	email	varchar	64	0	Y	N		邮箱：[0,64]用户的邮箱，用于找回密码时或登录时
11	email_state	smallint	5	0	N	N	0	邮箱认证：[0,1](0未认证\|1审核中\|2已认证)
12	avatar	varchar	255	0	Y	N		头像地址：[0,255]
13	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：

表user_group (用户组：用于用户前端身份和鉴权)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	group_id	mediumint	8	0	N	Y		用户组ID：[0,8388607]
2	display	smallint	5	0	N	N	100	显示顺序：[0,1000]
3	name	varchar	16	0	N	N		名称：[0,16]
4	description	varchar	255	0	Y	N		描述：[0,255]描述该用户组的特点或权限范围
5	source_table	varchar	255	0	Y	N		来源表：
6	source_field	varchar	255	0	Y	N		来源字段：
7	source_id	int	10	0	N	N	0	来源ID：
8	register	smallint	5	0	Y	N	0	注册位置:
9	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
10	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：

4 新生报道APP设计与实现

新生报道APP的详细设计与实现主要是根据前面的新生报道APP的需求分析和新生报道APP的总体设计来设计页面并实现业务逻辑。主要从新生报道APP 界面实现、业务逻辑实现这两部分进行介绍。

4.1 系统首页界面

当进入新生报道APP的时候，首先映入眼帘的是系统的导航栏，下面是轮播图以及公告信息，其主界面展示如下图4.1所示。

图4.1 首页界面图

4.2 注册界面

不是新生报道APP中正式用户的是可以在线进行注册的，如果你没有本新生报道APP的账号的话，添加“注册”，当填写上自己的账号+密码+确认密码+昵称+邮箱+手机号等后再点击“注册”按钮后将会先验证输入的有没有空数据，再次验证密码和确认密码是否是一样的，最后验证输入的账户名和数据库表中已经注册的账户名是否重复，只有都验证没问题后即可用户注册成功。注册界面实现了用户的注册，其注册界面展示如下图4。2所示。

图4.2 注册界面图

注册逻辑代码如下：

/**

* 注册

* @param user

* @return

@PostMapping("register")

public Map<String, Object> signUp(@RequestBody User user) {

// 查询用户

Map<String, String> query = new HashMap<>();

query.put("username",user.getUsername());

List list = service.select(query, new HashMap<>()).getResultList();

if (list.size()>0){

return error(30000, "用户已存在");

}

user.setUserId(null);

user.setPassword(service.encryption(user.getPassword()));

service.save(user);

return success(1);

}

/**

* 用户ID：[0,8388607]用户获取其他与用户相关的数据

@Id

@GeneratedValue(strategy = GenerationType.IDENTITY)

@Column(name = "user_id")

private Integer userId;

/**

* 账户状态：[0,10](1可用|2异常|3已冻结|4已注销)

@Basic

@Column(name = "state")

private Integer state;

/**

* 所在用户组：[0,32767]决定用户身份和权限

@Basic

@Column(name = "user_group")

private String userGroup;

/**

* 上次登录时间：

@Basic

@Column(name = "login_time")

private Timestamp loginTime;

/**

* 手机号码：[0,11]用户的手机号码，用于找回密码时或登录时

@Basic

@Column(name = "phone")

private String phone;

/**

* 手机认证：[0,1](0未认证|1审核中|2已认证)

@Basic

@Column(name = "phone_state")

private Integer phoneState;

/**

* 用户名：[0,16]用户登录时所用的账户名称

@Basic

@Column(name = "username")

private String username;

/**

* 昵称：[0,16]

@Basic

@Column(name = "nickname")

private String nickname;

/**

* 密码：[0,32]用户登录所需的密码，由6-16位数字或英文组成

@Basic

@Column(name = "password")

private String password;

/**

* 邮箱：[0,64]用户的邮箱，用于找回密码时或登录时

@Basic

@Column(name = "email")

private String email;

/**

* 邮箱认证：[0,1](0未认证|1审核中|2已认证)

@Basic

@Column(name = "email_state")

private Integer emailState;

/**

* 头像地址：[0,255]

@Basic

@Column(name = "avatar")

private String avatar;

/**

* 创建时间：

@Basic

@Column(name = "create_time")

@JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss")

private Timestamp createTime;

@Basic

@Transient

private String code;

}

4.3 登录界面

新生报道APP中的前台上注册后的用户是可以通过自己的账户名和密码进行登录的，当用户输入完整的自己的账户名和密码信息并点击“登录”按钮后，将会首先验证输入的有没有空数据，再次验证输入的账户名+密码和数据库中当前保存的用户信息是否一致，只有在一致后将会登录成功并自动跳转到新生报道APP 的首页中；否则将会提示相应错误信息，用户登录界面如下图4.3所示。

图4.3 登录界面图

登录的逻辑代码如下所示。

/**

* 登录

* @param data

* @param httpServletRequest

* @return

@PostMapping("login")

public Map<String, Object> login(@RequestBody Map<String, String> data, HttpServletRequest httpServletRequest) {

log.info("[执行登录接口]");

String username = data.get("username");

String email = data.get("email");

String phone = data.get("phone");

String password = data.get("password");

List resultList = null;

Map<String, String> map = new HashMap<>();

if(username != null && "".equals(username) == false){

map.put("username", username);

resultList = service.select(map, new HashMap<>()).getResultList();

}

else if(email != null && "".equals(email) == false){

map.put("email", email);

resultList = service.select(map, new HashMap<>()).getResultList();

}

else if(phone != null && "".equals(phone) == false){

map.put("phone", phone);

resultList = service.select(map, new HashMap<>()).getResultList();

}else{

return error(30000, "账号或密码不能为空");

}

if (resultList == null || password == null) {

return error(30000, "账号或密码不能为空");

}

//判断是否有这个用户

if (resultList.size()<=0){

return error(30000,"用户不存在");

}

User byUsername = (User) resultList.get(0);

Map<String, String> groupMap = new HashMap<>();

groupMap.put("name",byUsername.getUserGroup());

List groupList = userGroupService.select(groupMap, new HashMap<>()).getResultList();

if (groupList.size()<1){

return error(30000,"用户组不存在");

}

UserGroup userGroup = (UserGroup) groupList.get(0);

//查询用户审核状态

if (!StringUtils.isEmpty(userGroup.getSourceTable())){

String sql = "select examine_state from "+ userGroup.getSourceTable() +" WHERE user_id = " + byUsername.getUserId();

String res = String.valueOf(service.runCountSql(sql).getSingleResult());

if (res==null){

return error(30000,"用户不存在");

}

if (!res.equals("已通过")){

return error(30000,"该用户审核未通过");

}

//查询用户状态

if (byUsername.getState()!=1){

return error(30000,"用户非可用状态，不能登录");

}

String md5password = service.encryption(password);

if (byUsername.getPassword().equals(md5password)) {

// 存储Token到数据库

AccessToken accessToken = new AccessToken();

accessToken.setToken(UUID.randomUUID().toString().replaceAll("-", ""));

accessToken.setUser_id(byUsername.getUserId());

tokenService.save(accessToken);

// 返回用户信息

JSONObject user = JSONObject.parseObject(JSONObject.toJSONString(byUsername));

user.put("token", accessToken.getToken());

JSONObject ret = new JSONObject();

ret.put("obj",user);

return success(ret);

} else {

return error(30000, "账号或密码不正确");

}

4.4公告栏界面

当点击导航栏上的“公告栏”的时候，就会进入对应的界面查看公告信息，公告栏界面如下图4-4所示。

图4.4公告栏界面图

4.5报道流程界面

当访客点击新生报道app中导航栏上的“报道流程”后将会进入到该“报道流程”列表的界面，然后选择想要看的报道流程信息，点击进入到详细界面，在详细界面可以收藏+点赞+评论等操作，报道流程界面如下图4.5所示。

图4.5 报道流程界面图

4.6学生报道界面

点击导航栏上的“学生报道”，可以选择报道学生、学生姓名、报道时间、学生班级、所属专业、备注详情，然后点击“提交”按钮进行提交学生报道，学生报道界面如下图4.6所示。

图4.6学生报道界面图

学生报道的逻辑代码如下：

@PostMapping("/add")

@Transactional

public Map<String, Object> add(HttpServletRequest request) throws IOException {

service.insert(service.readBody(request.getReader()));

return success(1);

}

@Transactional

public Map<String, Object> addMap(Map<String,Object> map){

service.insert(map);

return success(1);

}

public Map<String,Object> readBody(BufferedReader reader){

BufferedReader br = null;

StringBuilder sb = new StringBuilder("");

try{

br = reader;

String str;

while ((str = br.readLine()) != null){

sb.append(str);

}

br.close();

String json = sb.toString();

return JSONObject.parseObject(json, Map.class);

}catch (IOException e){

e.printStackTrace();

}finally{

if (null != br){

try{

br.close();

}catch (IOException e){

e.printStackTrace();

}

return null;

}

public void insert(Map<String,Object> body){

StringBuffer sql = new StringBuffer("INSERT INTO ");

sql.append("`").append(table).append("`").append(" (");

for (Map.Entry<String,Object> entry:body.entrySet()){

sql.append("`"+humpToLine(entry.getKey())+"`").append(",");

}

sql.deleteCharAt(sql.length()-1);

sql.append(") VALUES (");

for (Map.Entry<String,Object> entry:body.entrySet()){

Object value = entry.getValue();

if (value instanceof String){

sql.append("'").append(entry.getValue()).append("'").append(",");

}else {

sql.append(entry.getValue()).append(",");

}

sql.deleteCharAt(sql.length() - 1);

sql.append(")");

log.info("[{}] - 插入操作：{}",table,sql);

Query query = runCountSql(sql.toString());

query.executeUpdate();

}

4.7轮播图管理界面

轮播图管理模块是对轮播图的设置，只有管理员权限才能进行更新维护。界面如下图4.7所示。

图4.7轮播图管理界面图

轮播图管理界面逻辑代码如下：

@RequestMapping(value = {"/count_group", "/count"})

public Map<String, Object> count(HttpServletRequest request) {

Query count = service.count(service.readQuery(request), service.readConfig(request));

return success(count.getResultList());

}

4.8资源管理界面

资源管理主要管理员是对报道流程以及报道流程所属的分类进行管控，包含了用户对报道流程提交的评论信息，界面如下图4.8所示。

图4.8资源管理界面图

资源管理界面逻辑代码如下：

@RequestMapping(value = {"/avg_group", "/avg"})

public Map<String, Object> avg(HttpServletRequest request) {

Query count = service.avg(service.readQuery(request), service.readConfig(request));

return success(count.getResultList());

}

4.9 系统用户管理界面

新生报道APP中的管理员在“系统用户”这一菜单是中可以对注册的学生用户以及管理员人员进行管控。界面如下图4.9所示。

图4.9系统用户管理界面图

系统用户界面逻辑代码如下：

@PostMapping("/set")

@Transactional

public Map<String, Object> set(HttpServletRequest request) throws IOException {

service.update(service.readQuery(request), service.readConfig(request), service.readBody(request.getReader()));

return success(1);

}

public Map<String,String> readConfig(HttpServletRequest request){

Map<String,String> map = new HashMap<>();

map.put(FindConfig.PAGE,request.getParameter(FindConfig.PAGE));

map.put(FindConfig.SIZE,request.getParameter(FindConfig.SIZE));

map.put(FindConfig.LIKE,request.getParameter(FindConfig.LIKE));

map.put(FindConfig.ORDER_BY,request.getParameter(FindConfig.ORDER_BY));

map.put(FindConfig.FIELD,request.getParameter(FindConfig.FIELD));

map.put(FindConfig.GROUP_BY,request.getParameter(FindConfig.GROUP_BY));

map.put(FindConfig.MAX_,request.getParameter(FindConfig.MAX_));

map.put(FindConfig.MIN_,request.getParameter(FindConfig.MIN_));

return map;

}

public Map<String,String> readQuery(HttpServletRequest request){

String queryString = request.getQueryString();

if (queryString != null && !"".equals(queryString)) {

String[] querys = queryString.split("&");

Map<String, String> map = new HashMap<>();

for (String query : querys) {

String[] q = query.split("=");

map.put(q[0], q[1]);

}

map.remove(FindConfig.PAGE);

map.remove(FindConfig.SIZE);

map.remove(FindConfig.LIKE);

map.remove(FindConfig.ORDER_BY);

map.remove(FindConfig.FIELD);

map.remove(FindConfig.GROUP_BY);

map.remove(FindConfig.MAX_);

map.remove(FindConfig.MIN_);

return map;

}else {

return new HashMap<>();

}

@Transactional

public void update(Map<String,String> query,Map<String,String> config,Map<String,Object> body){

StringBuffer sql = new StringBuffer("UPDATE ").append("`").append(table).append("`").append(" SET ");

for (Map.Entry<String,Object> entry:body.entrySet()){

Object value = entry.getValue();

if (value instanceof String){

sql.append("`"+humpToLine(entry.getKey())+"`").append("=").append("'").append(value).append("'").append(",");

}else {

sql.append("`"+humpToLine(entry.getKey())+"`").append("=").append(value).append(",");

}

sql.deleteCharAt(sql.length()-1);

sql.append(toWhereSql(query,"0".equals(config.get(FindConfig.LIKE))));

log.info("[{}] - 更新操作：{}",table,sql);

Query query1 = runCountSql(sql.toString());

query1.executeUpdate();

}

public String toWhereSql(Map<String,String> query, Boolean like) {

if (query.size() > 0) {

try {

StringBuilder sql = new StringBuilder(" WHERE ");

for (Map.Entry<String, String> entry : query.entrySet()) {

if (entry.getKey().contains(FindConfig.MIN_)) {

String min = humpToLine(entry.getKey()).replace("_min", "");

sql.append("`"+min+"`").append(" >= '").append(URLDecoder.decode(entry.getValue(), "UTF-8")).append("' and ");

continue;

}

if (entry.getKey().contains(FindConfig.MAX_)) {

String max = humpToLine(entry.getKey()).replace("_max", "");

sql.append("`"+max+"`").append(" <= '").append(URLDecoder.decode(entry.getValue(), "UTF-8")).append("' and ");

continue;

}

if (like == true) {

sql.append("`"+humpToLine(entry.getKey())+"`").append(" LIKE '%").append(URLDecoder.decode(entry.getValue(), "UTF-8")).append("%'").append(" and ");

} else {

sql.append("`"+humpToLine(entry.getKey())+"`").append(" = '").append(URLDecoder.decode(entry.getValue(), "UTF-8")).append("'").append(" and ");

}

sql.delete(sql.length() - 4, sql.length());

sql.append(" ");

return sql.toString();

} catch (UnsupportedEncodingException e) {

log.info("拼接sql 失败：{}", e.getMessage());

}

return "";

}

4.10模块管理界面

新生报道app中的管理人员在“模块管理”这一菜单下是可以对新生报道app内的学生报道进行管控的，其管理界面如下图4-10所示。

图4.10 模块管理界面图

模块管理界面关键代码如下：

@RequestMapping("/get_list")

public Map<String, Object> getList(HttpServletRequest request) {

Map<String, Object> map = service.selectToPage(service.readQuery(request), service.readConfig(request));

return success(map);

5新生报道APP测试

新生报道APP测试是为了检验软件是否达到设计要求，是否存在错误，通过测试的方法来检查新生报道APP，以便发现新生报道APP中的错误。测试工作是保证新生报道APP质量的关键。

5.1 调试部分问题

问题1：数据库无法添加中文。

解决过程：重新创建数据库，将库的编码格式改为utf8。

效果：能在新库的表中添加中文。

问题2：控制台报错前台与后台参数不一致

解决过程：检查代码，找到报错参数完成修改，继续报错，服务器移除项目重新运行。

效果：重启项目不再报错。

问题3：报错No bean named 'sysLogServiceImpl' available找不到名为sysLogServiceImpl的bean的对象。

解决过程：询问导师报错原因，发现错误原因是未添加注解@Service,需要在在impl实现类的外面添加@Service注解。

效果：重新debug项目无报错。

问题4：启动项目时报错:Mapped Statements collection does not contain value for

解决过程：网上搜索解决办法，出错可能的原因有多个，经过努力排查，错误原因是mapper映射地址有误。在mybatis-config里重新配置地址。

效果：项目启动正常

5.2 系统测试用例

系统测试包括：用户登录功能测试、学生报道展示功能测试、学生报道添加、学生报道搜索、密码修改功能测试，如表5-1、5-2、5-3、5-4、5-5所示：

用户登录功能测试：

表5-1 用户登录功能测试表

用例名称	用户登录系统
目的	测试用户通过正确的用户名和密码可否登录功能
前提	未登录的情况下
测试流程	1) 进入登录页面 2) 输入正确的用户名和密码
预期结果	用户名和密码正确的时候，跳转到登录成功界面，反之则显示错误信息，提示重新输入
实际结果	实际结果与预期结果一致

学生报道查看功能测试：

表5-2 学生报道查看功能测试表

用例名称	学生报道查看
目的	测试学生报道查看功能
前提	用户登录
测试流程	点击学生报道列表
预期结果	可以查看到所有学生报道
实际结果	实际结果与预期结果一致

管理员添加学生报道界面测试：

表5-3 管理员添加学生报道界面测试表

用例名称	学生报道发布测试用例
目的	测试学生报道发布功能
前提	学生用户正常登录情况下
测试流程	1）学生点击学生报道管理就，然后点击添加后并填写信息。 2）点击进行提交。
预期结果	提交以后，页面首页会显示新的学生报道
实际结果	实际结果与预期结果一致

学生报道搜索功能测试：

表5-4学生报道搜索功能测试表

用例名称	学生报道搜索测试
目的	测试学生报道搜索功能
前提	无
测试流程	1）在搜索框填入搜索关键字。 2）点击搜索按钮。
预期结果	页面显示包含有搜索关键字的学生报道
实际结果	实际结果与预期结果一致

密码修改功能测试：

表5-5 密码修改功能测试表

用例名称	密码修改测试用例
目的	测试管理员密码修改功能
前提	管理员用户正常登录情况下
测试流程	1）管理员密码修改并完成填写。 2）点击进行提交。
预期结果	使用新的密码可以登录
实际结果	实际结果与预期结果一致

5.3 系统测试结果

通过编写新生报道APP的测试用例，已经检测完毕用户登录模块、学生报道查看模块、学生报道添加模块、学生报道搜索模块、密码修改功能测试，通过这5大模块为新生报道APP的后期推广运营提供了强力的技术支撑。

结论

至此，新生报道APP已经结束，在开发前做了许多的准备，在本系统的设计和开发过程中阅览和学习了许多文献资料，从中我也收获了很多宝贵的方法和设计思路，对系统的开发也起到了很重要的作用，系统的开发技术选用的都是自己比较熟悉的，比如springboot、JAVA技术、MYSQL，这些技术都是在以前的学习中学到了，其中许多的设计思路和方法都是在以前不断地学习中摸索出来的经验，其实对于我们来说工作量还是比较大的，但是正是由于之前的积累与准备，才能顺利的完成这个项目，由此看来，积累经验跟做好准备是十分重要的事情。

当然在该系统的设计与实现的过程中也离不开老师以及同学们的帮助，正是因为他们的指导与帮助，我才能够成功的在预期内完成了这个系统。同时在这个过程当中我也收获了很多东西，此系统也有需要改进的地方，但是由于专业知识的浅薄，并不能做到十分完美，希望以后有机会可以让其真正的投入到使用之中。

参考文献

[1]高霞.基于uni-app+Express的亲子系统的设计与实现[J].电脑与信息技术,2023,31(02):49-52+58.DOI:10.19414/j.cnki.1005-1228.2023.02.012.

[2]佟羽齐,刘德华,张栎柯,李剑波,张俊杰.基于SpringBoot框架的钻前管理系统的设计与实现[J].信息与电脑(理论版),2023,35(02):111-113.

[3]周建辉.基于uni-app的场馆预约微信小程序的设计与开发[J].江苏工程职业技术学院学报,2022,22(04):7-11.DOI:10.19315/j.issn.2096-0425.2022.04.002.

[4]马青松,熊新国,刘拥军.基于uni-app框架的机房运维管理系统设计与实现[J].信息记录材料,2022,23(11):129-133.DOI:10.16009/j.cnki.cn13-1295/tq.2022.11.077.

[5]李罡,周正茂. 基于Java技术实现内存键值数据管理的方法及其装置[P]. 北京市：CN114840498B,2022-09-13.

[6]吴家旭,吴建胜,王新元,郎书旭.基于uni-app的果蔬配送平台系统的设计与实现[J].电脑知识与技术,2022,18(16):46-47+62.DOI:10.14004/j.cnki.ckt.2022.1171.

[7]李英玲,牛美雅,兰宏富.基于uni-app+SpringBoot的移动智能办公系统设计与实现[J].西南民族大学学报(自然科学版),2022,48(03):313-321.

[8]刘芸鹏,韩金君,蔚征廷.基于uni-app的生活辅助App的设计与实现[J].信息与电脑(理论版),2022,34(10):152-154.

[9]焦自程.基于uni-app框架的购物商城小程序的设计与实现[J].信息与电脑(理论版),2022,34(08):168-170.

[10]林易康, 基于Java的web应用程序控制管理软件. 湖北省,武汉东湖学院,2021-10-01.

[11]He Xinbin,Bai Yongbin,Yue Lisen,Wang Haixiao,Liu Yi. Design and Implementation of Information System Based on Java Technology Platform[J]. Journal of Physics: Conference Series,2021,2033(1).

[12]Witsarut Sriratana,Vittaya Khagwian,Sutham Satthamsakul. Analysis of Electric Current by Using MySQL Database on Web Server for Machine Performance Evaluation: A Case Study of Air Conditioning System[J]. 제어로봇시스템학회 국제학술대회 논문집,2020.

[13], 专科(678人)　软件技术(Java方向)(225人). 朱金瑞主编,河南财经政法大学年鉴,中州古籍出版社,2018,525-526,年鉴.DOI:10.38722/y.cnki.ycjzf.2020.001067.

[14]齐浩政. 基于安全代理的MySQL数据库防护技术研究[D].东南大学,2020.DOI:10.27014/d.cnki.gdnau.2020.000618.

[15]倪达,马圣尧,孙威,王明松.基于微信小程序的大学新生报道系统设计与实现[J].信息与电脑(理论版),2020,32(02):52-53.

[16]李莹, 电子信息　易云云数据库MySQL上线. 翟立新主编,中关村年鉴,北京出版集团公司北京出版社,2018,205,年鉴.

致谢

时间过的很快，不知不觉，在中北大学的学习生活即将结束。毕业之际，我真诚地向帮助过我的老师、家人、同学、朋友们表达感谢。首先要感谢的是我的母校。感谢母校给了我美好的生活和优越的学习环境，使我能学到了很多知识，也不断的变得优秀；感谢家人在这四年期间一直给与我的爱和无条件的支持，让我没有后顾之忧地完成学业；感谢软件学院的任课老师们给我鼓励和认可，让我有信心去做好每一件事情；感谢同学们的帮助，让我的大学生活更有意义。在此次毕业设计的实现过程中，我得到了老师们的耐心指导让我顺利完成了该设计。从最初的选题和开题开始，老师就给予我很多帮助，他们认真负责的态度、丰富的景点经验让我学到了很多。

同时也要感谢我敬爱的班主任和实训学生报道的老师，他们在各个方面都教给了我丰富的经验，在面对各种困难时如何处理。因为今年的特殊性，老师们不仅在学习中给我以精心的指导，同时还在其它方面给予我观关怀，指导老师不辞辛苦的为大家录制视频和一遍遍讲解让我心怀感激之情。在此，我真诚的感恩、感谢我的指导健身教练们。

还要感谢实习期间不厌其烦教导我鼓励我的技术师傅，他指导了我各个方面的技巧，尤其是编程方面，迄今我的很多技巧和编写规范都有赖于他的指导、纠正。

最后还要特别感谢身边的各位同学们，一直支持鼓励我，无论何时何种境况。我很荣幸获得同学们的帮助，也很开心能够和大家共度大学四年的时光。

最后的最后，再次发自肺腑的感谢所有帮助过我的人。