随着信息技术的快速发展和教育信息化的推进,博客系统作为一种重要的网络交流和信息共享平台,在教育领域的应用日益广泛。本文提出的凯院学子博客系统是采用VUE+Spring Boot的框架进行设计开发的,VUE.JS作为前端框架,Spring Boot作为后端框架,实现了前后端分离的开发模式。这种架构使得系统具备良好的可扩展性和可维护性,同时也提高了系统的性能和用户体验。
本文首先阐述了系统的研究背景和意义;然后对系统进行了可行性分析、功能性等分析;接着详细介绍了系统的设计原理和实现细节,包括系统架构、主要功能模块、数据库设计等;最后对系统进行了测试,证明了该系统可以为学生提供一个展示自我、交流学习的平台,促进教育信息化发展。
关键词:教育信息化;博客系统;VUE+Spring Boot
Abstract
With the rapid development of information technology and the advancement of educational informatization, blog systems, as an important platform for network communication and information sharing, are increasingly widely used in the field of education. The Kai yuan Student Blog System proposed in this article is designed and developed using the VUE+Spring Boot framework JS serves as the front-end framework and Spring Boot as the back-end framework, implementing a development pattern of front-end and back-end separation. This architecture enables the system to have good scalability and maintainability, while also improving system performance and user experience.
This article first elaborates on the research background and significance of the system; Then feasibility analysis and functional analysis were conducted on the system; Then, the design principles and implementation details of the system were introduced in detail, including system architecture, main functional modules, database design, etc; Finally, the system was tested and proved to provide students with a platform to showcase themselves, communicate and learn, and promote the development of educational informatization.
Keywords: Education informatization; Blog system; VUE+Spring Boot
1 绪论
1.1 研究背景
随着网络社会的到来,人们越来越需要一个自由、开放、交互性强的平台来发表自己的观点、分享个人经验和知识。博客系统提供了一个理想的场所,让每个人都能成为信息的创造者和传播者。传统的教育模式正在逐步向网络化、个性化、终身化的方向发展。博客系统在教育领域的应用,为教师和学生提供了一个全新的学习和交流方式,促进了教育资源的共享和教学方法的创新。
随着Web技术的不断发展和进步,前后端分离架构逐渐成为主流。VUE作为一种优秀的前端框架,具有轻量级、易上手、响应式等特点,可以方便地进行前端页面的构建和渲染。而Spring Boot则是一种优秀的后端框架,可以快速地搭建RESTful API,提供高效的数据处理服务。因此,结合VUE和Spring Boot可以构建出高效、稳定、易于维护的Web应用,满足现代Web应用的需求。
1.2 研究意义
基于VUE+Spring Boot凯院学子博客系统的研究意义主要体现在以下几个方面:
首先,可以优化用户体验。VUE的响应式设计和Spring Boot的高效数据处理能力,可以为用户提供流畅、稳定的博客浏览和互动体验。这将有助于提高用户粘性和满意度,进一步促进博客系统的使用和推广。
其次,可以推动教育信息化发展。凯院学子博客系统作为一个教育领域的信息化应用,可以推动教育信息化的发展。
再次,可以促进技术创新与应用。该研究可以为类似的应用场景提供有益的探索和借鉴,推动VUE和Spring Boot等技术在Web应用领域的应用和发展。同时,也可以激发更多的技术创新和应用实践,推动整个行业的进步。
最后,可以增强学院品牌影响力。通过凯院学子博客系统,学院可以展示学生的风采和创作成果,增强学院的凝聚力和影响力。这将有助于提升学院的品牌形象,吸引更多的优质生源和社会关注。
1.3论文结构与章节安排
论文将分层次进行编排,除去论文摘要致谢文献参考部分,正文部分主要结构如下:
第一章:绪论,主要介绍系统的研究背景和意义,同时进行了论文整体框架的结构的简要介绍。
第二章:系统分析,主要对系统进行可行性技术、系统功能分析、用例分析。
第三章:系统总体设计,主要是对系统的架构、功能结构、系统数据库进行分析。
第四章:系统详细设计与实现,根据系统功能的划分,主要对系统的部分界面进行展示。
第五章:系统测试,主要对系统的主要功能进行测试。
第六章:结论,主要对系统的开发设计工作进行总结。
2系统分析
系统分析是开发一个项目的先决条件,通过系统分析可以很好的了解系统的主体用户的基本需求情况,同时这也是项目的开发的原因。进而对系统开发进行可行性分析,通常包括技术可行性、经济可行性等,可行性分析同时也是从项目整体角度进行的分析。然后就是对项目的具体需求进行分析,分析的手段一般都是通过用户的用例图来实现。下面是详细的介绍。
2.1 可行性分析
(1)技术可行性
VUE.JS是一种轻量级的前端框架,具有优秀的性能、简单易学且高度灵活,适合用于构建复杂的单页面应用。Spring Boot是一个用于创建独立、生产级别的基于Spring的、运行在Java虚拟机上的应用程序的框架,其内嵌了Tomcat、Jetty或Undertow等Servlet容器,无需部署WAR文件。此外,Spring Boot提供了丰富的API,能够方便快速地搭建RESTful API,对于后端数据处理十分友好。结合VUE和Spring Boot,可以实现前后端分离,提高开发效
率,使得系统的技术实现是可行的。
(2)经济可行性
开发基于VUE+Spring Boot的凯院学子博客系统,可以在很大程度上降低开发成本。首先,这两种技术都是开源的,无需支付昂贵的许可费用。因此,从经济角度分析是可行的。
(3)操作可行性
对于用户来说,基于VUE+Spring Boot的博客系统操作简便,易于上手。VUE.js的响应式界面设计可以提供流畅的用户体验,而Spring Boot提供的RESTful API则保证了数据的快速处理和传输。对于管理员来说,系统的管理界面清晰、直观,方便进行文章信息管理、用户管理等操作。
2.2 系统流程分析
系统流程是用一些特定的符合和线条来进行演示用户在使用系统时的过程,在进行系统分析的时候,业务流程可以帮助开发人员更好的理解业务,发现错误,完善系统。
2.2.1 用户注册流程
要成为系统用户,首先要通过注册,用户注册流程图如下图2-1所示。
图2-1 用户注册流程图
2.2.2 数据删除流程
如果系统里面存在一些没有用的数据,相关的管理人员还可以对这些数据进行删除,数据删除时流程图如下图2-2所示。
图2-2 数据删除流程图
2.3.1 功能性分析
按照基于VUE+Spring Boot凯院学子博客系统的角色,主要包括学生用户和管理员这两大功能模块。
- 学生用户功能
- 注册登录:用户可以通过注册成为系统用户,注册后可以用账号密码登录系统。
- 首页:用户可以查看首页展示的轮播图、通知公告、校园资讯等内容。
- 交流论坛:用户可以交流论坛列表中某一论坛的详细信息并可以进行点赞、收藏和发表评论操作;点击“发布内容”进入页面填写标题、分类、正文等信息后点击“发表内容”即可完成论坛的发布。
- 在线刷题:用户点击“在线刷题”进入页面可以进行刷题并提交。
- 通知公告:用户可以查看通知公告列表中的网站公告、联系我们、联系方式、网站介绍信息,点击网站公告进入页面可以查看该公告详细信息。
- 校园资讯:用户可以查看校园资讯列表中某一资讯的详细信息并可以进行点赞、收藏和发表评论操作
- 发布文章:用户可以查看发布文章列表中某篇文章的详细信息并可以进行点赞、收藏和发表评论操作。
- 学习心得:用户可以查看学习心得列表中某个学习心得的详细信息并可以进行点赞、收藏和发表评论操作。
- 专业技术:用户可以查看专业技术列表中某个专业技术的详细信息并可以进行点赞、收藏和发表评论操作。
- 就业信息:用户可以查看就业信息列表中某一就业信息的详细信息并可以进行点赞、收藏和发表评论操作。点击详情下方的“咨询”进入页面填写咨询内容和咨询详情后点击“提交”即可完成就业咨询信息的提交。
- 我的:用户点击我的头像下方的“我的账户”可以修改个人资料和登录密码;点击“个人中心”可以查看和管理个人中心中的个人首页、发布文章、学习心得、专业技术、咨询信息、咨询回复、论坛列表和收藏信息。
- 管理员功能
- 后台首页:管理员可以查看后台首页展示的相关内容。
- 系统用户:管理员可以查看系统用户(管理员、学生用户)列表中某一用户的详情,可以对系统用户信息进行查询、重置、添加和删除操作。
- 发布文章管理:管理员可以查看发布文章列表中某一文章的详情和评论信息,可以对发布文章信息进行查询、重置、添加和删除操作。
- 学习心得管理:管理员可以查看学习心得列表中某个学习心得的详情和评论信息,可以对学习心得信息进行查询、重置、添加和删除操作。
- 专业技术管理:管理员可以查看专业技术列表中某个专业技术的详情和评论信息,可以对专业技术信息进行查询、重置、添加和删除操作。
- 就业信息管理:管理员可以查看就业信息列表中某个就业信息的详情和评论信息,可以对就业信息进行查询、重置、添加和删除操作。
- 咨询信息管理:管理员可以查看咨询信息列表中某一用户的咨询详情,点击“回复”进入页面填写回复内容后点击“提交”即可完成对用户咨询信息的回复,可以对咨询信息进行查询、重置和删除操作。
- 咨询回复管理:管理员可以查看咨询回复列表中某一咨询回复的详情,可以对咨询回复信息进行查询、重置和删除操作。
- 系统管理:管理员可以查看轮播图列表中某一轮播图的详情,可以对轮播图信息进行查询、重置、添加和删除操作;点击列表上方的“添加”进入页面上传轮播图图片、填写标题后点击“提交”即可完成轮播图的添加。
- 通知公告管理:管理员可以查看通知公告列表中某一通知公告的详情,可以对通知公告信息进行查询、重置、添加和删除操作。
- 资源管理:管理员可以查看资讯列表中某一资讯的详情和评论信息,可以对资讯列表信息进行查询、重置、添加和删除操作,可以查看资讯分类列表中某个分类的详情,可以对资讯分类信息进行查询、重置、添加和删除操作。
- 交流管理:管理员可以查看论坛列表中某一论坛的详情和评论信息,可以对论坛列表信息进行查询、重置、添加和删除操作,可以查看论坛分类列表中某个分类的详情,可以对论坛分类信息进行查询、重置、添加和删除操作。
- 权限管理:管理员可以查看权限列表中某一用户的权限的详情,可以对用户权限进行查询、添加、修改和删除操作。可以对权限列表信息进行查询和重置操作。
2.3.2 非功能性分析
基于VUE+Spring Boot凯院学子博客系统的非功能性需求比如基于VUE+Spring Boot凯院学子博客系统的安全性怎么样,可靠性怎么样,性能怎么样,可拓展性怎么样等。具体可以表示在如下3-1表格中:
表2-1基于VUE+Spring Boot凯院学子博客系统非功能需求表
安全性 | 主要指基于VUE+Spring Boot凯院学子博客系统数据库的安装,数据库的使用和密码的设定必须合乎规范。 |
可靠性 | 可靠性是指基于VUE+Spring Boot凯院学子博客系统能够安装用户的指示进行操作,经过测试,可靠性90%以上。 |
性能 | 性能是影响基于VUE+Spring Boot凯院学子博客系统占据市场的必要条件,所以性能最好要佳才好。 |
可扩展性 | 比如数据库预留多个属性,比如接口的使用等确保了系统的非功能性需求。 |
易用性 | 用户只要跟着基于VUE+Spring Boot凯院学子博客系统的页面展示内容进行操作,就可以了。 |
可维护性 | 基于VUE+Spring Boot凯院学子博客系统开发的可维护性是非常重要的,经过测试,可维护性没有问题 |
2.4 系统用例分析
通过2.3功能的分析,得出了本系统的用例图:
学生用户用例图如下图2-3所示。
图2-3学生用户用例图
管理员用例图如下图2-4所示。
图2-4 管理员用例图
本章主要通过对基于VUE+Spring Boot凯院学子博客系统的可行性分析、流程分析、功能需求分析、系统用例分析,确定整个基于VUE+Spring Boot凯院学子博客系统要实现的功能。同时也为基于VUE+Spring Boot凯院学子博客系统的代码实现和测试提供了标准。
本章主要讨论的内容包括基于VUE+Spring Boot凯院学子博客系统的功能模块设计、数据库系统设计。
3.1 系统架构设计
本系统从架构上分为三层:表现层(UI)、业务逻辑层(BLL)以及数据层(DL)。
图3-1系统架构设计图
表现层(UI):又称UI层,主要完成本系统的UI交互功能,一个良好的UI可以打打提高用户的用户体验,增强用户使用本系统时的舒适度。UI的界面设计也要适应不同版本的系统以及不同尺寸的分辨率,以做到良好的兼容性。UI交互功能要求合理,用户进行交互操作时必须要得到与之相符的交互结果,这就要求表现层要与业务逻辑层进行良好的对接。
业务逻辑层(BLL):主要完成本系统的数据处理功能。用户从表现层传输过来的数据经过业务逻辑层进行处理交付给数据层,系统从数据层读取的数据经过业务逻辑层进行处理交付给表现层。
数据层(DL):由于本系统的数据是放在服务端的MySQL数据库中,因此本属于服务层的部分可以直接整合在业务逻辑层中,所以数据层中只有数据库,其主要完成本系统的数据存储和管理功能。
3.2 系统功能模块设计
在上一章节中主要对系统的功能性需求和非功能性需求进行分析,并且根据需求分析了本基于VUE+Spring Boot凯院学子博客系统中的用例。那么接下来就要开始对本基于VUE+Spring Boot凯院学子博客系统的主要功能和数据库开始进行设计。基于VUE+Spring Boot凯院学子博客系统根据前面章节的需求分析得出,其总体设计模块图如图4-1所示。
图3-2 系统功能模块图
3.3 数据库设计
数据库设计一般包括需求分析、概念模型设计、数据库表建立三大过程,其中需求分析前面章节已经阐述,概念模型设计有概念模型和逻辑结构设计两部分。
3.3.1 数据库概念结构设计
下面是整个基于VUE+Spring Boot凯院学子博客系统中主要的数据库表总E-R实体关系图。
图3-3 系统总E-R关系图
3.3.2 数据库逻辑结构设计
通过上一小节中基于VUE+Spring Boot凯院学子博客系统中总E-R关系图上得出一共需要创建很多个数据表。在此主要罗列几个主要的数据库表结构设计。
表access_token (登陆访问时长)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | token_id | int | 10 | 0 | N | Y | 临时访问牌ID | |
2 | token | varchar | 64 | 0 | Y | N | 临时访问牌 | |
3 | info | text | 65535 | 0 | Y | N | ||
4 | maxage | int | 10 | 0 | N | N | 2 | 最大寿命:默认2小时 |
5 | create_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间: |
6 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间: |
7 | user_id | int | 10 | 0 | N | N | 0 | 用户编号: |
表article (文章:用于内容管理系统的文章)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | article_id | mediumint | 8 | 0 | N | Y | 文章id:[0,8388607] | |
2 | title | varchar | 125 | 0 | N | Y | 标题:[0,125]用于文章和html的title标签中 | |
3 | type | varchar | 64 | 0 | N | N | 0 | 文章分类:[0,1000]用来搜索指定类型的文章 |
4 | hits | int | 10 | 0 | N | N | 0 | 点击数:[0,1000000000]访问这篇文章的人次 |
5 | praise_len | int | 10 | 0 | N | N | 0 | 点赞数 |
6 | create_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间: |
7 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间: |
8 | source | varchar | 255 | 0 | Y | N | 来源:[0,255]文章的出处 | |
9 | url | varchar | 255 | 0 | Y | N | 来源地址:[0,255]用于跳转到发布该文章的网站 | |
10 | tag | varchar | 255 | 0 | Y | N | 标签:[0,255]用于标注文章所属相关内容,多个标签用空格隔开 | |
11 | content | longtext | 2147483647 | 0 | Y | N | 正文:文章的主体内容 | |
12 | img | varchar | 255 | 0 | Y | N | 封面图 | |
13 | description | text | 65535 | 0 | Y | N | 文章描述 |
表article_type (文章分类)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | type_id | smallint | 5 | 0 | N | Y | 分类ID:[0,10000] | |
2 | display | smallint | 5 | 0 | N | N | 100 | 显示顺序:[0,1000]决定分类显示的先后顺序 |
3 | name | varchar | 16 | 0 | N | N | 分类名称:[2,16] | |
4 | father_id | smallint | 5 | 0 | N | N | 0 | 上级分类ID:[0,32767] |
5 | description | varchar | 255 | 0 | Y | N | 描述:[0,255]描述该分类的作用 | |
6 | icon | text | 65535 | 0 | Y | N | 分类图标: | |
7 | url | varchar | 255 | 0 | Y | N | 外链地址:[0,255]如果该分类是跳转到其他网站的情况下,就在该URL上设置 | |
8 | create_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间: |
9 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间: |
表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 | 更新时间: |
表collect (收藏)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | collect_id | int | 10 | 0 | N | Y | 收藏ID: | |
2 | user_id | int | 10 | 0 | N | N | 0 | 收藏人ID: |
3 | source_table | varchar | 255 | 0 | Y | N | 来源表: | |
4 | source_field | varchar | 255 | 0 | Y | N | 来源字段: | |
5 | source_id | int | 10 | 0 | N | N | 0 | 来源ID: |
6 | title | varchar | 255 | 0 | Y | N | 标题: | |
7 | img | varchar | 255 | 0 | Y | N | 封面: | |
8 | create_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间: |
9 | 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: |
表consultation_information (咨询信息)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | consultation_information_id | int | 10 | 0 | N | Y | 咨询信息ID | |
2 | student_account | int | 10 | 0 | Y | N | 0 | 学生账号 |
3 | student_name | varchar | 64 | 0 | Y | N | 学生姓名 | |
4 | consultation_time | date | 10 | 0 | Y | N | 咨询时间 | |
5 | consultation_content | text | 65535 | 0 | Y | N | 咨询内容 | |
6 | consultation_details | text | 65535 | 0 | Y | N | 咨询详情 | |
7 | create_time | datetime | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间 |
8 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间 |
表consultation_response (咨询回复)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | consultation_response_id | int | 10 | 0 | N | Y | 咨询回复ID | |
2 | student_account | int | 10 | 0 | Y | N | 0 | 学生账号 |
3 | student_name | varchar | 64 | 0 | Y | N | 学生姓名 | |
4 | consultation_time | date | 10 | 0 | Y | N | 咨询时间 | |
5 | consultation_content | text | 65535 | 0 | Y | N | 咨询内容 | |
6 | consultation_details | text | 65535 | 0 | Y | N | 咨询详情 | |
7 | reply_content | text | 65535 | 0 | Y | N | 回复内容 | |
8 | create_time | datetime | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间 |
9 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间 |
表employment_information (就业信息)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | employment_information_id | int | 10 | 0 | N | Y | 就业信息ID | |
2 | employment_name | varchar | 64 | 0 | Y | N | 就业名称 | |
3 | enterprise_image | varchar | 255 | 0 | Y | N | 企业图片 | |
4 | enterprise_name | varchar | 64 | 0 | Y | N | 企业名称 | |
5 | employment_positions | varchar | 64 | 0 | Y | N | 就业岗位 | |
6 | job_introduction | text | 65535 | 0 | Y | N | 岗位介绍 | |
7 | employment_details | text | 65535 | 0 | Y | N | 就业详情 | |
8 | hits | int | 10 | 0 | N | N | 0 | 点击数 |
9 | praise_len | int | 10 | 0 | N | N | 0 | 点赞数 |
10 | create_time | datetime | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间 |
11 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间 |
表exam (考试)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | exam_id | mediumint | 8 | 0 | N | Y | 考试id | |
2 | name | varchar | 32 | 0 | N | N | 考试名称:[2,32] | |
3 | duration | int | 10 | 0 | Y | N | 答题时长 | |
4 | score | double | 9 | 2 | Y | N | 总分 | |
5 | status | varchar | 10 | 0 | Y | N | 状态:启用、禁用 | |
6 | create_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间: |
7 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间: |
表exam_question (试题)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | exam_question_id | mediumint | 8 | 0 | N | Y | ||
2 | type | varchar | 20 | 0 | Y | N | 类型 | |
3 | title | varchar | 255 | 0 | Y | N | 题目 | |
4 | question_item | varchar | 500 | 0 | Y | N | 选项 | |
5 | answer | varchar | 500 | 0 | Y | N | 参考答案 | |
6 | score | double | 9 | 2 | Y | N | 总分 | |
7 | question_order | int | 10 | 0 | Y | N | 排序 | |
8 | exam_id | mediumint | 7 | 0 | Y | N | 所属试卷 | |
9 | create_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间: |
10 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间: |
表forum (论坛)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | forum_id | mediumint | 8 | 0 | N | Y | 论坛id | |
2 | display | smallint | 5 | 0 | N | N | 100 | 排序 |
3 | user_id | mediumint | 8 | 0 | N | N | 0 | 用户ID |
4 | nickname | varchar | 16 | 0 | Y | N | 昵称:[0,16] | |
5 | praise_len | int | 10 | 0 | Y | N | 0 | 点赞数 |
6 | hits | int | 10 | 0 | N | N | 0 | 访问数 |
7 | title | varchar | 125 | 0 | N | N | 标题 | |
8 | keywords | varchar | 125 | 0 | Y | N | 关键词 | |
9 | description | varchar | 255 | 0 | Y | N | 描述 | |
10 | url | varchar | 255 | 0 | Y | N | 来源地址 | |
11 | tag | varchar | 255 | 0 | Y | N | 标签 | |
12 | img | text | 65535 | 0 | Y | N | 封面图 | |
13 | content | longtext | 2147483647 | 0 | Y | N | 正文 | |
14 | create_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间: |
15 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间: |
16 | avatar | varchar | 255 | 0 | Y | N | 发帖人头像: | |
17 | type | varchar | 64 | 0 | N | N | 0 | 论坛分类:[0,1000]用来搜索指定类型的论坛帖 |
表forum_type (论坛分类)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | type_id | smallint | 5 | 0 | N | Y | 分类ID:[0,10000] | |
2 | name | varchar | 16 | 0 | N | N | 分类名称:[2,16] | |
3 | description | varchar | 255 | 0 | Y | N | 描述:[0,255]描述该分类的作用 | |
4 | url | varchar | 255 | 0 | Y | N | 外链地址:[0,255]如果该分类是跳转到其他网站的情况下,就在该URL上设置 | |
5 | father_id | smallint | 5 | 0 | N | N | 0 | 上级分类ID:[0,32767] |
6 | icon | varchar | 255 | 0 | Y | N | 分类图标: | |
7 | create_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间: |
8 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间: |
表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: |
表learning_experience (学习心得)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | learning_experience_id | int | 10 | 0 | N | Y | 学习心得ID | |
2 | student_account | int | 10 | 0 | Y | N | 0 | 学生账号 |
3 | student_name | varchar | 64 | 0 | Y | N | 学生姓名 | |
4 | learning_title | varchar | 64 | 0 | Y | N | 学习标题 | |
5 | learning_pictures | varchar | 255 | 0 | Y | N | 学习图片 | |
6 | release_time | date | 10 | 0 | Y | N | 发布时间 | |
7 | learning_content | varchar | 64 | 0 | Y | N | 学习内容 | |
8 | experience_sharing | text | 65535 | 0 | Y | N | 心得分享 | |
9 | hits | int | 10 | 0 | N | N | 0 | 点击数 |
10 | praise_len | int | 10 | 0 | N | N | 0 | 点赞数 |
11 | create_time | datetime | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间 |
12 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间 |
表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已取消 |
表professional_technology (专业技术)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | professional_technology_id | int | 10 | 0 | N | Y | 专业技术ID | |
2 | student_account | int | 10 | 0 | Y | N | 0 | 学生账号 |
3 | student_name | varchar | 64 | 0 | Y | N | 学生姓名 | |
4 | professional_name | varchar | 64 | 0 | Y | N | 专业名称 | |
5 | professional_images | varchar | 255 | 0 | Y | N | 专业图片 | |
6 | release_time | date | 10 | 0 | Y | N | 发布时间 | |
7 | communication_content | varchar | 64 | 0 | Y | N | 交流内容 | |
8 | communication_details | text | 65535 | 0 | Y | N | 交流详情 | |
9 | hits | int | 10 | 0 | N | N | 0 | 点击数 |
10 | praise_len | int | 10 | 0 | N | N | 0 | 点赞数 |
11 | create_time | datetime | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间 |
12 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间 |
表publish_articles (发布文章)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | publish_articles_id | int | 10 | 0 | N | Y | 发布文章ID | |
2 | student_account | int | 10 | 0 | Y | N | 0 | 学生账号 |
3 | student_name | varchar | 64 | 0 | Y | N | 学生姓名 | |
4 | article_title | varchar | 64 | 0 | Y | N | 文章标题 | |
5 | article_images | varchar | 255 | 0 | Y | N | 文章图片 | |
6 | release_time | date | 10 | 0 | Y | N | 发布时间 | |
7 | article_content | varchar | 64 | 0 | Y | N | 文章内容 | |
8 | article_details | text | 65535 | 0 | Y | N | 文章详情 | |
9 | hits | int | 10 | 0 | N | N | 0 | 点击数 |
10 | praise_len | int | 10 | 0 | N | N | 0 | 点赞数 |
11 | create_time | datetime | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间 |
12 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间 |
表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_users (学生用户)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | student_users_id | int | 10 | 0 | N | Y | 学生用户ID | |
2 | student_name | varchar | 64 | 0 | Y | N | 学生姓名 | |
3 | student_phone_number | varchar | 16 | 0 | Y | N | 学生电话 | |
4 | examine_state | varchar | 16 | 0 | N | N | 已通过 | 审核状态 |
5 | user_id | int | 10 | 0 | N | N | 0 | 用户ID |
6 | create_time | datetime | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间 |
7 | 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 | | 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 | open_id | varchar | 255 | 0 | Y | N | 针对获取用户信息字段 | |
14 | create_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间: |
15 | vip_level | varchar | 255 | 0 | Y | N | 会员等级 | |
16 | vip_discount | double | 11 | 2 | Y | N | 0.00 | 会员折扣 |
表user_answer (用户答题)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | user_answer_id | mediumint | 8 | 0 | N | Y | ||
2 | user_id | mediumint | 7 | 0 | N | N | 用户ID:[0,8388607]用户获取其他与用户相关的数据 | |
3 | exam_id | mediumint | 7 | 0 | N | N | 0 | 考试id |
4 | score | double | 9 | 2 | Y | N | 0.00 | 分数 |
5 | answers | text | 65535 | 0 | Y | N | 答案 | |
6 | score_detail | text | 65535 | 0 | Y | N | 评分详情 | |
7 | objective_score | double | 9 | 2 | Y | N | 0.00 | 客观题得分 |
8 | subjective_score | double | 9 | 2 | Y | N | 0.00 | 主观题得分 |
9 | score_state | tinyint | 4 | 0 | Y | N | 0 | 评分状态 |
10 | nickname | varchar | 255 | 0 | Y | N | 提交人 | |
11 | create_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间: |
12 | update_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 | 更新时间: |
3.4本章小结
整个基于VUE+Spring Boot凯院学子博客系统的需求分析主要对系统总体架构以及功能模块的设计,通过建立E-R模型和数据库逻辑系统设计完成了数据库系统设计。
4 系统详细设计与实现
基于VUE+Spring Boot凯院学子博客系统的详细设计与实现主要是根据前面的基于VUE+Spring Boot凯院学子博客系统的需求分析和基于VUE+Spring Boot凯院学子博客系统的总体设计来设计页面并实现业务逻辑。主要从基于VUE+Spring Boot凯院学子博客系统界面实现、业务逻辑实现这两部分进行介绍。
4.1学生用户功能模块
4.1.1 前台首页界面
系统首页以上中下的布局进行展示,正上方是系统的导航栏,中间是轮播图,下面是通知公告、校园资讯等信息。其界面展示如下图4-1所示。
图4-1 前台首页界面图
4.1.2用户注册界面
用户点击首页右上角的“注册”按钮进入注册页面填写账号、密码、确认密码、昵称、邮箱、身份等信息后点击“注册”按钮,系统会对输入的信息进行验证,验证通过后即可完成注册。其界面展示如下图4-2所示。
图4-2用户注册界面图
注册代码如下:
/**
* 注册
* @param user
* @return
*/
@PostMapping("register")
public Map<String, Object> signUp(@RequestBody User user) {
// 查询用户
Map<String, String> query = new HashMap<>();
Map<String,Object> map = JSON.parseObject(JSON.toJSONString(user));
query.put("username",user.getUsername());
List list = service.selectBaseList(service.select(query, new HashMap<>()));
if (list.size()>0){
return error(30000, "用户已存在");
}
map.put("password",service.encryption(String.valueOf(map.get("password"))));
service.insert(map);
return success(1);
}
用户注册后可以通过自己的账户名和密码进行登录的,用户点击首页右上角的“登录”进入页面输入完整的自己的账户名和密码信息并点击“登录”按钮后,系统会对输入的信息进行验证,验证通过后即可完成登录,其界面如下图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.selectBaseList(service.select(map, new HashMap<>()));
}
else if(email != null && "".equals(email) == false){
map.put("email", email);
resultList = service.selectBaseList(service.select(map, new HashMap<>()));
}
else if(phone != null && "".equals(phone) == false){
map.put("phone", phone);
resultList = service.selectBaseList(service.select(map, new HashMap<>()));
}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.selectBaseList(userGroupService.select(groupMap, new HashMap<>()));
if (groupList.size()<1){
return error(30000,"用户组不存在");
}
UserGroup userGroup = (UserGroup) groupList.get(0);
//查询用户审核状态
if (!StringUtils.isEmpty(userGroup.getSourceTable())){
String res = service.selectExamineState(userGroup.getSourceTable(),byUsername.getUserId());
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());
Duration duration = Duration.ofSeconds(7200L);
redisTemplate.opsForValue().set(accessToken.getToken(), accessToken,duration);
// 返回用户信息
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.1.5 通知公告界面
用户可以查看通知公告列表中的网站公告、联系我们、联系方式、网站介绍信息,点击网站公告进入页面可以查看该公告详细信息。其界面如下图4-5所示。
图4-5 通知公告界面图
用户可以查看校园资讯列表中某一资讯的详细信息并可以进行点赞、收藏和发表评论操作。其界面如下图4-6所示。
图4-6 校园资讯界面图
用户可以查看发布文章列表中某篇文章的详细信息并可以进行点赞、收藏和发表评论操作。其界面如下图4-7所示。
图4-7 发布文章界面图
用户可以查看就业信息列表中某一就业信息的详细信息并可以进行点赞、收藏和发表评论操作。点击详情下方的“咨询”进入页面填写咨询内容和咨询详情后点击“提交”即可完成就业咨询信息的提交。其界面如下图4-7所示。
图4-8就业信息界面图
用户点击我的头像下方的“个人中心”进入页面可以查看和管理个人中心中的个人首页、发布文章、学习心得、专业技术、咨询信息、咨询回复、论坛列表和收藏信息。可以对发布文章、学习心得、专业技术信息进行查询、重置、添加和删除操作;可以对咨询信息、论坛列表信息进行查询、重置和删除操作;可以对咨询回复信息进行查询和重置操作;可以查看或删除收藏列表信息。其界面如下图4-9所示。
图4-9个人中心界面图
4.2 管理端功能模块
管理员可以查看发布文章列表中某一文章的详情和评论信息,可以对列表信息进行查询、重置和删除操作;点击“发表文章添加”进入页面填写文章标题、文章内容后点击“提交”即可完成文章信息的发布。其界面如下图4-10所示。
图4-10发布文章管理界面图
添加的代码如下:
@PostMapping("/add")
@Transactional
public Map<String, Object> add(HttpServletRequest request) throws IOException {
service.insert(service.readBody(request.getReader()));
return success(1);
}
public Map<String, Object> addMap(Map<String,Object> map){
service.insert(map);
return success(1);
}
删除的代码如下:
@RequestMapping(value = "/del")
@Transactional
public Map<String, Object> del(HttpServletRequest request) {
service.delete(service.readQuery(request), service.readConfig(request));
return success(1);
}
public void delete(Map<String,String> query,Map<String,String> config){
QueryWrapper wrapper = new QueryWrapper<E>();
toWhereWrapper(query, "0".equals(config.get(FindConfig.GROUP_BY)),wrapper);
baseMapper.delete(wrapper);
log.info("[{}] - 删除操作:{}",wrapper.getSqlSelect());
}
管理员可以查看咨询信息列表中某一用户的咨询详情,点击“回复”进入页面填写回复内容后点击“提交”即可完成对用户咨询信息的回复,可以对咨询信息进行查询、重置和删除操作。其界面如下图4-11所示。
图4-11咨询信息管理界面图
管理员可以查看轮播图列表中某一轮播图的详情,可以对轮播图信息进行查询、重置、添加和删除操作;点击列表上方的“添加”进入页面上传轮播图图片、填写标题后点击“提交”即可完成轮播图的添加。其界面如下图4-12所示。
图4-12系统管理界面图
图片上传的代码如下:
@PostMapping("/upload")
public Map<String, Object> upload(@RequestParam("file") MultipartFile file) {
log.info("进入方法");
if (file.isEmpty()) {
return error(30000, "没有选择文件");
}
try {
//判断有没路径,没有则创建
String filePath = System.getProperty("user.dir") + "/src/main/resources/static/";
File targetDir = new File(filePath);
if (!targetDir.exists() && !targetDir.isDirectory()) {
if (targetDir.mkdirs()) {
log.info("创建目录成功");
} else {
log.error("创建目录失败");
}
}
String fileName = file.getOriginalFilename();
File dest = new File(filePath + fileName);
log.info("文件路径:{}", dest.getPath());
log.info("文件名:{}", dest.getName());
file.transferTo(dest);
JSONObject jsonObject = new JSONObject();
jsonObject.put("url", "/api/upload/" + fileName);
return success(jsonObject);
} catch (IOException e) {
log.info("上传失败:{}", e.getMessage());
}
return error(30000, "上传失败");
}
管理员可以查看通知公告列表中某一通知公告的详情,可以对通知公告信息进行查询、重置、添加和删除操作。点击列表上方的“添加”进入页面填写标题、正文信息后点击“提交”即可完成通知公告信息的添加。其界面如下图4-13所示。
图4-13通知公告界面图
管理员可以查看资讯列表中某一资讯的详情和评论信息,可以对资讯列表信息进行查询、重置、添加和删除操作,可以查看资讯分类列表中某个分类的详情,可以对资讯分类信息进行查询、重置、添加和删除操作。其界面如下图4-14所示。
图4-14资源管理界面图
管理员可以查看论坛列表中某一论坛的详情和评论信息,可以对论坛列表信息进行查询、重置、添加和删除操作,可以查看论坛分类列表中某个分类的详情,可以对论坛分类信息进行查询、重置、添加和删除操作。其界面如下图4-15所示。
图4-15交流管理界面图
5系统测试
5.1 系统测试目的
无论什么样的系统,测试都至关重要,通过测试可以检查出潜藏的缺陷,从而确保系统的性能和稳定性,避免Bug的出现,并确保系统的功能和性价比达到预期的要求。
系统测试包括:用户登录功能测试、校园资讯查看功能、轮播图信息添加功能、密码修改功能测试,如表5-1、5-2、5-3、5-4所示:
表5-1 用户登录功能测试表
用例名称 | 用户登录系统 |
目的 | 测试用户通过正确的用户名和密码可否登录功能 |
前提 | 未登录的情况下 |
测试流程 | 1) 进入登录页面 2) 输入正确的用户名和密码 |
预期结果 | 用户名和密码正确的时候,跳转到登录成功界面,反之则显示错误信息,提示重新输入 |
实际结果 | 实际结果与预期结果一致 |
校园资讯查看功能测试:
表5-2 校园资讯查看功能测试表
用例名称 | 校园资讯查看 |
目的 | 测试校园资讯查看功能 |
前提 | 用户登录 |
测试流程 | 点击校园资讯 |
预期结果 | 可以查看到所有校园资讯信息 |
实际结果 | 实际结果与预期结果一致 |
轮播图信息添加界面测试:
表5-3 轮播图信息添加界面测试表
用例名称 | 轮播图信息新增测试用例 |
目的 | 测试轮播图信息新增功能 |
前提 | 管理员用户正常登录情况下 |
测试流程 | 1)管理员点击系统管理下方的轮播图,然后点击添加进入新增页面填写信息。 2)填写完毕后点击提交。 |
预期结果 | 提交以后,页面首页会显示新的轮播图信息 |
实际结果 | 实际结果与预期结果一致 |
密码修改功能测试:
表5-4 密码修改功能测试表
用例名称 | 密码修改测试用例 |
目的 | 测试学生用户密码修改功能 |
前提 | 学生用户用户正常登录情况下 |
测试流程 | 1)用户点击我的头像的下拉菜单“我的账户”进入页面后点击“修改密码”; 2)修改后点击“确认修改”。 |
预期结果 | 使用新的密码可以登录 |
实际结果 | 实际结果与预期结果一致 |
通过编写基于VUE+Spring Boot凯院学子博客系统的测试用例,已经检测完毕用户登录功能测试、校园资讯查看功能、轮播图信息添加功能、密码修改功能测试,通过这四大模块的测试为基于VUE+Spring Boot凯院学子博客系统的后期推广运营提供了强力的技术支撑。
在基于VUE+Spring Boot凯院学子博客系统开发之前,需要先对用户的具体需求进行分析。包括系统的可行性分析、功能需求分析以及其他需求等。在可行性分析过程中,对系统实现的技术性、经济性等方面进行了分析。总体上证明了系统实施的可行性。
本文总结了基于VUE+Spring Boot凯院学子博客系统开发背景与意义,然后阐述了系统的具体业务需求,并根据系统需求对系统结构以及功能模块等进行了详细地设计,将整个系统划分为多个不同的功能模块。在分析系统功能需求时,对整个系统的总体架构以及功能模块等进行了分析,并选择合适的系统开发技术完成了对各个模块的开发工作。系统开发完成之后进行了部署,同时进行了系统的测试过程,通过测试证明了系统在功能以及性能等方面都达到了预期的要求,具有较高的稳定性与可靠性。
[1]吴伶琳.基于SpringBoot的客户关系管理系统设计与实现[J].无线互联科技,2023,20(24):60-62.
[2]刘佳乐,赵雨,厚露露等.基于Java Web的学生信息管理系统[J].现代信息科技,2023,7(19):21-24.
[3]路玲玲,赵宇鹏.基于SSH2的开发者多功能型博客系统[J].信息与电脑(理论版),2023,35(03):126-128.
[4]张勇.用Java实现配置管理代替Web开发[J].电脑编程技巧与维护,2022,(12):55-58.
[5]李晋华,葛毅,李世川.嵌入Java Web服务的桌面应用开发技术研究[J].电脑编程技巧与维护,2022,(11):51-53.
[6]张晨.Java Web反序列化网络安全漏洞分析[J].四川职业技术学院学报,2022,32(05):158-162+168.
[7]闵亮,薛格格,张玉欣等.基于Node.JS博客系统的设计与实现[J].电子设计工程,2022,30(07):37-41.
[8]施鹭.基于大数据技术的博客系统研究与开发[J].北京印刷学院学报,2021,29(12):168-170.
[9]王以伍,舒晖.基于SpringBoot+VUE前后端分离的高校实验室预约管理系统的设计与实现[J].现代计算机,2023,29(01):114-117.
[10]喻佳,吴丹新.基于SpringBoot的Web快速开发框架[J].电脑编程技巧与维护,2021,(09):31-33.
[11]银莉,杜啸楠.基于SpringBoot和VUE的社区服务平台设计与实现[J].电子技术,2022,51(12):182-183.
[12]钟怡旸,郭昱君.基于Springboot的博客管理系统设计与实现[J].现代信息科技,2021,5(07):18-20+24.
[13]常佳宁,李阳齐.基于Django的个人博客系统设计开发[J].中国科技信息,2021,(02):75-77.
[14]童松铅,杨艳红.“全映苏应校园说”校园博客系统的研发[J].电脑知识与技术,2020,16(14):118-119.
[15]罗涛.基于Spring Boot的多用户博客系统的设计研究[D].青海师范大学,2020.
[16]Volkan H A .WebCollectives: A light regular expression based web content extractor in Java[J].SoftwareX,2023,24
[17]Najam N ,Norman C ,Yong C C .CodeLabeller: A Web-Based Code Annotation Tool for Java Design Patterns and Summaries[J].International Journal of Software Engineering and Knowledge Engineering,2023,33(07):
[18]Yang Y .Design and Implementation of Student Information Management System Based on Springboot[J].Advances in Computer, Signals and Systems,2022,6(6):
[19]杨华,徐扬.MySQL数据库对中文编码支持的探讨[J].网络安全和信息化,2023,(10):157-160.
[20]薛文骞.Java编程中异常处理的方法和技巧研究[J].无线互联科技,2023,20(17):90-92.
首先,我要感谢我的论文指导老师。在论文完成的整个过程中,指导老师始终给予我无微不至的关爱与指导。在论文写作的过程中,导师那耐心细致的指导,以及提出的具有建设性的意见,都给予了我极大的帮助,让我受益匪浅。导师严谨的治学态度、敬业精神以及高水平的教学能力,都给我树立了追求卓越的典范,这对我以后的人生道路和学业成就都产生了极大的积极影响。
此外,我还要感谢我班的同学们,他们既是我的同窗好友,又是我的良师益友。正是由于你们的支持和关怀,使得我在大学期间的学习和生活都变得异常充实。感谢那些在大学期间给予我帮助的所有老师和同学们,是你们给予了我在学业道路上的前进动力。
当然,我也不能忘记我的父母,是他们用无私的爱抚养我成人。你们的养育之恩我将永生难忘,将来我一定会用我的成绩回报你们。在成长的道路上,我会不断努力,不负众望,用实际行动来回报你们对我的期望。
免费领取项目源码,请关注❥点赞收藏并私信博主,谢谢~