摘 要
本论文设计并实现了一种基于Spring Boot和Vue的在线作业管理系统,旨在解决传统作业管理方式中存在的诸多问题,提升作业管理的效率和质量。该系统采用了SSM框架,结合了Spring Boot的后端开发和Vue的前端开发技术,实现了作业任务的在线发布、学生作业的提交和批改、作业成绩的统计与分析等功能。
系统通过规范作业管理流程,提高了作业管理的效率。教师可以通过系统在线发布作业任务,并设定截止日期和相关要求,学生可以及时查看和提交作业,减少了传统纸质作业管理中可能存在的信息不畅和时间延误问题。
系统通过信息化管理降低了作业管理成本。传统作业管理需要大量纸质材料和人力资源投入,而在线作业管理系统实现了信息集中化管理,节省了物力和人力成本,提高了作业管理的经济效益。
系统实现了作业信息的集中化管理和数据分析功能,为教师和管理者提供了可靠的数据支持。教师可以通过系统查看学生提交的作业情况、批改作业并录入成绩,系统还提供了作业成绩统计与分析功能,帮助教师更好地了解学生学习情况,及时调整教学策略。
系统提供了多种沟通和协作工具,促进了师生之间的互动和沟通。学生可以通过系统提交作业,并与教师进行及时的交流,加强了师生之间的互动与合作,提高了教学效果和学生学习积极性。
综上所述,基于Spring Boot和Vue的在线作业管理系统不仅提高了作业管理的效率和质量,降低了成本,还促进了师生之间的互动与合作,为教育教学工作提供了重要的技术支持和保障。
关键词:在线作业管理;SpringBoot;Java编程语言;MySQL数据库
Abstract
This paper designed and implemented an online job management system based on Spring Boot and Vue to solve many problems in the traditional operation management mode and improve the efficiency and quality of operation management. The system adopts the SSM framework, combines the back-end development of Spring Boot and the front-end development technology of Vue, and realizes the online release of homework tasks, the submission and correcting of students' assignments, and the statistics and analysis of homework scores.
The system improves the efficiency of operation management by standardizing the operation management process. Teachers can publish homework tasks online through the system, and set deadlines and relevant requirements, so that students can view and submit homework in time, which reduces the possible information problems and time delay in the traditional paper homework management.
The system reduces the cost of operation management through information management. Traditional operation management requires a large amount of paper materials and human resources input, while the online operation management system realizes the centralized management of information, saves material resources and human costs, and improves the economic benefits of operation management.
The system realizes the centralized management and data analysis function of homework information, and provides reliable data support for teachers and managers. Teachers can check the homework submitted by students, correct the homework and input the results through the system. The system also provides the function of statistics and analysis of homework scores to help teachers better understand the learning situation of students and adjust their teaching strategies in time.
The system provides a variety of communication and collaboration tools to promote the interaction and communication between teachers and students. Students can submit homework through the system, and they can communicate with teachers timely, which strengthens the interaction and cooperation between teachers and students, and improves the teaching effect and students' learning enthusiasm.
To sum up, the online job management system based on Spring Boot and Vue not only improves the efficiency and quality of job management, reduces the cost, but also promotes the interaction and cooperation between teachers and students, providing important technical support and guarantee for education and teaching work.
Key words: Online job management; SpringBoot; Java programming language; MySQL database
目 录
一、绪论
1.1 研究背景与意义
随着信息技术的不断发展,教育领域也逐渐意识到利用技术手段提升教学效果和管理效率的重要性。传统的作业管理方式存在诸多问题,如信息不畅、效率低下、成本较高等。因此,研发一种基于现代技术的在线作业管理系统具有重要的现实意义和深远的教育意义。
传统作业管理方式存在着信息传递不畅的问题。教师需要耗费大量时间和精力在作业布置、收取、批改和反馈上,而传统的纸质作业往往需要通过学生带回家或者邮寄等方式,容易造成信息传递的延迟和不畅。基于Spring Boot和Vue的在线作业管理系统通过网络平台实现了教师和学生之间的实时信息传递,极大地提高了作业管理的效率和准确性。
传统作业管理方式成本较高。纸质作业需要消耗大量的纸张和印刷成本,同时还需要耗费人力资源进行作业的收取、整理和存档。而基于Spring Boot和Vue的在线作业管理系统实现了作业信息的数字化管理,节省了大量的纸张和印刷成本,同时也减少了人力资源的投入,降低了作业管理的总体成本。
基于现代技术的在线作业管理系统还具有数据统计与分析的功能,为教师和管理者提供了更加全面和准确的数据支持。教师可以通过系统实时了解学生的作业情况和学习进度,及时进行个性化的指导和反馈;管理者则可以通过系统对整体作业管理情况进行分析和评估,为学校教学管理提供科学依据。
基于Spring Boot和Vue的在线作业管理系统还能促进师生之间的互动和沟通,加强教学效果。学生可以通过系统及时提交作业、查看成绩,并与教师进行在线交流和讨论,极大地拓展了教学的辅助手段和交流渠道,提高了学生的学习积极性和教学质量。
综上所述,基于Spring Boot和Vue的在线作业管理系统不仅可以提高作业管理的效率和质量,降低成本,还能促进师生之间的互动与合作,为教育教学工作提供了重要的技术支持和保障。这一系统的研发与应用具有重要的现实意义和深远的教育意义,值得在教育信息化领域进一步推广和应用。
1.2 开发现状
当前,基于Spring Boot和Vue的在线作业管理系统正处于蓬勃发展的阶段。随着信息技术的不断进步和教育信息化的深入推进,越来越多的教育机构开始关注并投入到在线作业管理系统的开发和应用中。
在技术方面,Spring Boot作为一种轻量级的Java开发框架,具有快速开发、简化配置、内嵌服务器等特点,得到了广泛的关注和应用。与此同时,Vue作为一种流行的前端开发框架,轻量灵活,且易于学习和使用,也成为了在线作业管理系统开发的热门选择。因此,基于Spring Boot和Vue的在线作业管理系统在技术选型上具有明显的优势并受到了开发者的青睐。
在教育需求方面,随着教育信息化的深入推进,学校和教育机构对于作业管理的需求也在不断增加。传统的作业管理方式存在着信息沟通不畅、效率低下、成本较高等问题,而基于现代技术的在线作业管理系统能够有效解决这些问题,提高教学效果和管理效率,因此受到了学校和教育管理部门的广泛关注和需求。
在实际应用方面,基于Spring Boot和Vue的在线作业管理系统已经在一些学校和教育机构得到了成功的应用,并取得了明显的成效。通过在线作业管理系统,教师可以方便地布置作业、批改作业、与学生进行在线交流和反馈,极大地提高了作业管理的效率和质量;学生可以方便地提交作业、查看成绩、得到个性化的指导和建议,提高了学习积极性和教学质量。因此,这些成功的实际应用案例也进一步推动了基于Spring Boot和Vue的在线作业管理系统的发展和应用。
综上所述,基于Spring Boot和Vue的在线作业管理系统在技术和教育需求方面具有明显的优势,已经取得了一定的开发现状和实际应用成果。随着教育信息化的深入推进和技术的不断进步,相信这一领域的发展空间和应用前景将会更加广阔,为教育教学工作提供更加强大的技术支持和保障。
1.3论文组成结构
根据市场调研得到的信息数据,结合国内外前沿研究,利用相关系统开发和设计方法,最终设计出在线作业管理系统。
本文共有七章,如下所示。
第一章概述了在线作业管理系统的研究目的和意义;精炼地总结了在线作业管理的研究情况和未来的研究趋势,最后给出了论文的组成结构。
第二章简要概述了本文所用的开发技术和工具。
第三章简要对系统各业务流程进行需求分析、可行性分析。
第四章对在线作业管理系统进行设计。
第五章对在线作业管理系统进行实现,并贴出相关页面截图,语言描述出具体功能实现的操作方法。
第六章对在线作业管理系统采用测试用例的方式来对一些主要功能模块测试,最后得出测试结果。
第七章总结全文并对未来的研究做出展望。
二、开发工具及相关技术介绍
2.1 MySQL数据库
MySQL是一种流行的开源关系型数据库管理系统,广泛应用于各种网站和应用程序中。它支持多种操作系统,包括Windows、Linux和Mac OS等。MySQL具有稳定性高、性能优异、易于使用等特点,因此备受开发者的青睐。
MySQL使用SQL(结构化查询语言)作为其查询语言,提供了丰富的功能和强大的性能优化工具。它支持事务处理,具有ACID(原子性、一致性、隔离性、持久性)特性,能够确保数据的完整性和一致性。此外,MySQL还支持多种存储引擎,如InnoDB、MyISAM等,开发者可以根据需求选择合适的存储引擎来优化数据库性能。
MySQL的社区版是免费的,同时也有企业版提供商业支持。它拥有庞大的用户社区和丰富的文档资源,开发者可以轻松获取到相关的帮助和支持。由于MySQL的稳定性和性能优势,它被广泛应用于各种规模的项目中。
2.2 B/S结构
B/S结构即Browser/Server结构,是一种常见的软件架构模式,用于构建基于Web的应用程序。在B/S结构中,客户端使用的是Web浏览器,而服务器端则承担着数据处理和逻辑运算的任务。
在B/S结构中,用户通过浏览器向服务器发送请求,服务器接收请求后进行相应的处理,然后将处理结果返回给浏览器,最终在用户的界面上呈现出相应的信息。这种结构使得应用程序的部署和维护更加方便,因为用户端无需安装额外的软件,只需通过浏览器即可访问应用程序。
B/S结构的主要优点之一是跨平台性,因为Web浏览器几乎在所有操作系统上都有相应的版本,所以无论用户使用的是哪种操作系统,都可以访问相同的应用程序。此外,B/S结构还可以实现集中式的管理和维护,因为应用程序的逻辑都集中在服务器端,可以更轻松地进行更新和维护。
总的来说,B/S结构是一种灵活、高效的软件架构模式,适用于许多不同类型的Web应用程序,包括MySQL数据库的应用程序。
2.3 spring boot框架
Spring Boot 是一个用于快速开发基于 Java 的应用程序的开源框架。它通过简化配置和提供开箱即用的功能,极大地简化了基于 Spring 框架的应用程序的开发过程。
Spring Boot 提供了诸如自动配置、自动化的 bean 注册、内嵌式的容器等功能,使得开发者可以更专注于业务逻辑的实现,而不必花费过多时间在配置上。同时,Spring Boot 也集成了大量常用的第三方库和工具,如集成测试、安全性、监控等,进一步简化了开发流程。
通过 Spring Boot,开发者可以快速搭建起一个功能完善的、可扩展的、高性能的应用程序。它支持各种应用场景,包括 Web 应用程序、RESTful 服务、批处理任务等。Spring Boot 还提供了丰富的文档和社区支持,使得开发者能够更轻松地入门和解决问题。
总的来说,Spring Boot 是一个强大的框架,可以帮助开发者快速构建高质量的 Java 应用程序,提升开发效率,降低开发成本。
2.4 Java平台
Java平台是一种以Java编程语言为基础,提供了一种跨平台、面向对象的解决方案的计算机平台。它包括Java编程语言、Java虚拟机(JVM)、Java开发工具和Java应用编程接口(API)等组件。
Java编程语言是一种通用的、面向对象的编程语言,拥有简单、健壮、安全和可移植等特性。Java虚拟机(JVM)是Java平台的核心组件,负责解释和执行Java字节码,实现了Java代码与底层操作系统的交互。Java开发工具包括编译器、调试器和性能分析工具等,用于开发、测试和调试Java应用程序。Java应用编程接口(API)提供了丰富的类库和函数,为开发者提供了各种常用功能的实现,如图形界面、网络通信、数据库连接等,大大简化了Java应用程序的开发过程。
Java平台的一个重要特性是其跨平台性。通过Java虚拟机的存在,Java程序可以在不同的操作系统上运行,只需在不同平台上安装相应的Java虚拟机即可。这为开发者提供了更大的灵活性和可移植性,使得Java应用程序可以在各种设备和环境中广泛运行,如电脑、手机、嵌入式系统等。
由于其易学易用、可移植性强和丰富的类库支持,Java平台在企业应用开发、移动应用开发、嵌入式系统、大数据处理等领域都得到了广泛的应用。同时,Java拥有庞大的用户社区和成熟的生态系统,开发者可以轻松获取到相关的工具、框架和技术支持。
2.5 Vue.js 特点
Vue.js 是一种流行的前端框架,用于构建交互式的Web界面。它是一个轻量级、灵活、易学易用的JavaScript框架,旨在简化Web应用的开发过程。
Vue.js 提供了一种响应式的数据绑定机制,使得界面和数据保持同步。开发者可以通过简单的指令将数据和UI元素关联起来,并在数据发生变化时自动更新视图。这种响应式的设计思想简化了开发过程,提高了开发效率。
此外,Vue.js 还提供了一套灵活的组件系统,允许开发者将界面分解成独立、可复用的组件。组件化的开发方式使得代码结构清晰、易于维护,同时也方便了团队协作和代码重用。
Vue.js 的学习曲线相对较低,文档详尽且易于理解,适合初学者和有经验的开发者使用。由于其简洁、灵活和高效的特性,Vue.js 在构建现代Web应用、单页应用(SPA)、移动端应用等方面都表现出色。
总的来说,Vue.js 是一个功能强大、易用且高效的前端框架,适合用于构建各种规模的Web应用。Vue.js 社区庞大活跃,提供了丰富的插件、组件库和工具,为开发者提供了更多可能性和支持。
第3章 系统分析
3.1 可行性分析
在软件开发的过程中系统的可行性分析是必不可少的,可行性的研究就是评估问题是否能得到解决并且是要以最少的时间和最少的代价来解决。为实现上面的目标还要必须考虑到解决这些问题的方法的优点和缺点,还要考虑到实现了这些系统规模的开发带来的经济效益。这里可以用技术的可行性,操作的可行性,经济的可行性对我们的系统进行可行性的研究。在线作业管理系统的可行性分析如下所示:
在线作业管理系统采用的是Java编程语言并于freemarker的模式,数据库部分采用的是当前流行的MySQL数据库,在线作业管理系统中的所有数据资源都存储在MySQL数据库中,本系统多处采用了Ajax的异步操作,Ajax技术可以对用户指定部分的数据进行局部刷新,不仅减少了服务器对页面的解析而且极大增加了用户的体验度。本系统的环境配置也较为简单,因为用的是Myeclipse编辑器,而Myeclipse里面有自带的Tomcat服务器和JDK环境,因此不需要我们在重新配置。
在线作业管理系统是在Java和MySQL的环境中运行的,而系统的成本也只是主要分布在软件的开发和维护上。但如果系统上线投入使用之后,不仅可以方便人们,还节省了用户的时间和精力,而且还极大限度的方便了运营者,减少了运营者的工作强度。在线作业管理系统其实也不太复杂,在开发的时候经济支出也不大,在开发系统时时间用的也不多,从时间的优势和对经济利益方面产生的好处远超过维护和管理的成本,所以开发此系统是可行合适的。
本系统是基于浏览器和服务器的在线作业管理系统,系统开发完成之后用户只需要在浏览器中输入正确的URL地址即可进行访问。本系统的前台页面简单明了,在没有操作指导的情况下也可以进行操作,无论是系统管理员还是普通用户在页面中所有的操作都是在浏览器中完成的,因此只要电脑在有网络的情况下,打开浏览器都能操作。而且在使用之前也不用进行相关的环境配置,因此本系统方便、简单、易于使用,所以该系统是容易并且可操作的。
3.2 需求分析
根据用户对系统的需求,要求系统简单操作,能够准确,完整的对信息进行管理。在线作业管理系统在对需求做解析后,整个系统主要分为三个部分:管理员、教师用户、学生用户。每个模块下的分支功能不一样。对功能做出如下说明:
管理员模块功能有:系统用户、课程信息管理、作业信息管理、作业提交管理、作业批改管理、班级信息管理、班级学生管理、系统管理、公告消息管理、资源管理。
管理员用例图如下所示。
![](https://i-blog.csdnimg.cn/direct/850b0c87d2984b9bb459c8d68c9a3504.png)
图3-1 管理员用例图
学生用户模块功能有:我的账户、个人中心(个人首页、作业提交、作业批改、班级学生、收藏)、首页、公告消息、校园资讯、课程信息、作业信息。
学生用户用例图如下所示。
![](https://i-blog.csdnimg.cn/direct/3c71185381624dd9baba9fd47c19783f.png)
图3-2学生用户用例图
教师用户模块功能有:课程信息管理、作业信息管理、作业提交管理、作业批改管理、班级信息管理、班级学生管理。
教师用户用例图如下所示。
![](https://i-blog.csdnimg.cn/direct/1afc32273334431a93f2ee4e195ede80.png)
图3-3 教师用户用例图
根据用例图,对一些重要的用例进行描述。
注册用例描述如下表所示。
表3-5注册用例描述
用例名称 | 注册 |
参与者 | 用户 |
描述 | 用户填写相关注册数据完成注册成为系统的用户 |
前置条件 | 无 |
后置条件 | 用户填写相关注册数据并且要注册的账号不存在与系统中 |
事件流 |
|
补充说明 |
|
登录用例描述如下表所示。
表3-6 登录用例描述
用例名称 | 登录 |
参与者 | 用户 |
描述 | 用户填写用户名和密码登录系统 |
前置条件 | 用户拥有账号和密码 |
后置条件 | 用户名和密码都正确 |
事件流 | (1)用户在登录页面输入用户名和密码 (2)系统检测用户输入的用户名和密码是否正确 (3)用户名和密码正确的话,显示登录成功并返回主页面 |
补充说明 | (a)系统检查除密码不正确,返回登录页面 |
个人信息管理用例描述如下表所示。
表3-7个人信息管理用例描述
用例名称 | 管理和修改个人信息 |
参与者 | 用户 |
描述 | 用户查看、修改个人信息 |
前置条件 | 用户已登录到系统中 |
后置条件 | 无 |
事件流 | (1)用户查看个人信息 (2)用户修改个人信息 |
补充说明 | (a)用户可修改密码 (b)用户可修改个人资料,例如姓名,头像等 |
3.3 系统数据流程分析
与强调控制逻辑的程序流程图不同,它更关心的是整个系统中数据的具体流动以及数据的加工处理的整个客观过程,是对数据规格的说明。也正因如此,系统数据流图作为系统结构化分析方法中极为重要的一种描述工具备受青睐。
在线作业管理系统的顶层数据流如下图所示。
![](https://i-blog.csdnimg.cn/direct/8f7b9cbcc6c04fc687478053dfff64ca.png)
图3-8系统顶层数据流图
系统顶层数据流:外部实体为用户,第一个流程为登录验证,用户信息表返回密码验证,是否正确,正确则登录系统,错误则反馈信息,登录系统后,根据不同用户的功能选择,来读写数据库。
系统底层数据流如下图所示。
![](https://i-blog.csdnimg.cn/direct/dd03291ce9d54dccbb5c83941b2ac01b.png)
图3-9系统底层数据流图
系统底层数据流:外部实体为管理员和用户,数据流分别有管理员和用户流向系统数据流程,数据表提供数据支持,来完成逻辑操作。
第4章 系统设计
4.1系统架构设计
由于本系统在逻辑事务处理方面对数据库的操作比较频繁所以系统在底层连接数据库时并没有使用原生的JDBC,而是把JDBC进行了封装,封装之后相当于一个连接数据库的工具DB UTIL,这样使用起来会更加方便而且这样进行封装还可以降低系统中代码的冗余,当我们需要连接和使用数据库时只需要调用这个工具里面的一个方法就可以了。而且通过封装可以把对数据库的操作独立起来,当需要连接不同种类的数据库时只需要加以修改就可以达到目的。
DAO层本来并无这个类,它只是java中MVC构造里的一个model概念,主要就是里面的一些方法,而这些方法就是用来访问数据库的方法。我们在软件开发时DAO层我们一般都放接口和接口的实现类,用于来规范实现类的我们叫它接口,实现类重点用于对数据库的操纵。
MVC是一种系统研发的关键模型,M是Model模型,它是系统内部关键程序运行的核心,主要进行对数据库的各种操作。视图View是V也叫做视图,主要的作用是对一些数据进行显示。控制器Controller 是C执行从View的视图层来读取数据,然后控制用户的输入。
系统架构如下图所示。
![](https://i-blog.csdnimg.cn/direct/cba153ccee0949ec90134bbe48b34a29.png)
图4-1系统架构图
4.2系统功能结构
进入系统后首先要进行登录,验证你的身份,赋予你不同的权限。当你成功登录后,页面会有多个板块,分别是系统用户、课程信息管理、作业信息管理、作业提交管理、作业批改管理、班级信息管理、班级学生管理、系统管理、公告消息管理、资源管理。里面界面简单易懂,根据标示可以直接进行方便快捷的操作。
系统功能结构图如下所示。
![](https://i-blog.csdnimg.cn/direct/ae4bfd1523d3470dbe8b8e940fbb757a.png)
图4-2系统功能结构图
4.3功能模块设计
管理员账户的基本信息管理。主要提供管理员账户的基本信息录入、删除、维护和查询等功能,包括:管理员录入管理员账户基本信息;管理员更新、增加及删除管理员账户基本信息;用户根据管理员账户 ID 查询基本信息;系统管理员更改个人密码;
反馈的基本信息管理。主要提供反馈的基本信息录入、修改和查询功能,包括:
用户录入反馈基本信息;管理员更新、增加及删除反馈基本信息;管理员根据评论 ID 查询反馈基本信息;
校园资讯的基本信息管理。主要是提供校园资讯的基本信息录入、删除、维护和查询功能,包括:管理员录入校园资讯基本信息;管理员更新、增加及删除校园资讯基本信息;管理员根据校园资讯 ID 查询基本信息;
4.4数据库设计
一个好的系统它的后台数据库一定要考虑的全面,这和我们建造房子一个概念,房子不是随心所欲建起来的,一切都是在合理设计的基础是实现的,地基打牢固了房子才能建的更高。数据库如果设计的很合理,而且每个方面都能考虑到了那么这个系统才能不会出现大的问题。
一个好的数据库可以关系到程序开发的优劣,数据库设计离不开表结构的设计,还有表与表之间的联系,以及系统开发需要设计的数据表内容等信息。在进行数据库设计期间,要结合实际情况来对数据库进行针对性的开发设计。
4.4.1数据库E-R图设计
本在线作业管理系统采用的是mysql数据库,数据存储快,因为在线作业管理系统,主要的就是对信息的管理,信息内容比较多,这就需要好好的设计一个好的数据库,分类要清楚,不能添加信息的时候,造成信息太过混乱,设计好的数据库首先就需要先把各个实体之间的关系表达明确,
系统的主要实体间关系E-R图如下图所示。
![](https://i-blog.csdnimg.cn/direct/93f82290a0c749cdb25b04cbb4e01897.png)
图4-3系统E-R图
此环节把概念转变成数据。由于整个数据库所处理的信息过多,就只展示以下几个表。
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
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 | 用户编号: |
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
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 | 文章描述 |
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
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 | 更新时间: |
表assignment_information (作业信息)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | assignment_information_id | int | 10 | 0 | N | Y | 作业信息ID | |
2 | teacher_users | int | 10 | 0 | Y | N | 0 | 教师用户 |
3 | teachers_name | varchar | 64 | 0 | Y | N | 教师姓名 | |
4 | assignment_title | varchar | 64 | 0 | Y | N | 作业标题 | |
5 | assignment_type | varchar | 64 | 0 | Y | N | 作业类型 | |
6 | homework_file | varchar | 255 | 0 | Y | N | 作业文件 | |
7 | release_time | datetime | 19 | 0 | Y | N | 发布时间 | |
8 | homework_requirements | varchar | 64 | 0 | Y | N | 作业要求 | |
9 | homework_pictures | varchar | 255 | 0 | Y | N | 作业图片 | |
10 | homework_introduction | longtext | 2147483647 | 0 | Y | N | 作业简介 | |
11 | timer_title | varchar | 64 | 0 | Y | N | 计时器标题 | |
12 | timing_start_time | datetime | 19 | 0 | Y | N | 计时开始时间 | |
13 | timing_end_time | datetime | 19 | 0 | Y | N | 计时结束时间 | |
14 | create_time | datetime | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间 |
15 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间 |
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
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 | 更新时间: |
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | class_information_id | int | 10 | 0 | N | Y | 班级信息ID | |
2 | teacher_users | int | 10 | 0 | Y | N | 0 | 教师用户 |
3 | teachers_name | varchar | 64 | 0 | Y | N | 教师姓名 | |
4 | class_name | varchar | 64 | 0 | Y | N | 班级名称 | |
5 | establishment_time | date | 10 | 0 | Y | N | 创办时间 | |
6 | class_notes | 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 | 更新时间 |
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | class_students_id | int | 10 | 0 | N | Y | 班级学生ID | |
2 | teacher_users | int | 10 | 0 | Y | N | 0 | 教师用户 |
3 | teachers_name | varchar | 64 | 0 | Y | N | 教师姓名 | |
4 | class_name | varchar | 64 | 0 | Y | N | 班级名称 | |
5 | student_users | int | 10 | 0 | Y | N | 0 | 学生用户 |
6 | student_id | varchar | 64 | 0 | Y | N | 学生学号 | |
7 | student_name | varchar | 64 | 0 | Y | N | 学生姓名 | |
8 | create_time | datetime | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间 |
9 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间 |
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
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 | 更新时间: |
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
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: |
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | course_information_id | int | 10 | 0 | N | Y | 课程信息ID | |
2 | teacher_users | int | 10 | 0 | Y | N | 0 | 教师用户 |
3 | teachers_name | varchar | 64 | 0 | Y | N | 教师姓名 | |
4 | course_name | varchar | 64 | 0 | Y | N | 课程名称 | |
5 | course_type | varchar | 64 | 0 | Y | N | 课程类型 | |
6 | course_duration | varchar | 64 | 0 | Y | N | 课程时间 | |
7 | course_location | varchar | 64 | 0 | Y | N | 课程地点 | |
8 | course_cover | varchar | 255 | 0 | Y | N | 课程封面 | |
9 | course_introduction | longtext | 2147483647 | 0 | Y | N | 课程简介 | |
10 | create_time | datetime | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间 |
11 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间 |
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
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: |
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | homework_correction_id | int | 10 | 0 | N | Y | 作业批改ID | |
2 | teacher_users | int | 10 | 0 | Y | N | 0 | 教师用户 |
3 | teachers_name | varchar | 64 | 0 | Y | N | 教师姓名 | |
4 | assignment_title | varchar | 64 | 0 | Y | N | 作业标题 | |
5 | assignment_type | varchar | 64 | 0 | Y | N | 作业类型 | |
6 | homework_requirements | varchar | 64 | 0 | Y | N | 作业要求 | |
7 | student_users | int | 10 | 0 | Y | N | 0 | 学生用户 |
8 | student_id | varchar | 64 | 0 | Y | N | 学生学号 | |
9 | student_name | varchar | 64 | 0 | Y | N | 学生姓名 | |
10 | homework_grades | int | 10 | 0 | Y | N | 0 | 作业成绩 |
11 | teacher_comments | text | 65535 | 0 | Y | N | 教师评语 | |
12 | create_time | datetime | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间 |
13 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间 |
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | homework_submission_id | int | 10 | 0 | N | Y | 作业提交ID | |
2 | teacher_users | int | 10 | 0 | Y | N | 0 | 教师用户 |
3 | teachers_name | varchar | 64 | 0 | Y | N | 教师姓名 | |
4 | assignment_title | varchar | 64 | 0 | Y | N | 作业标题 | |
5 | assignment_type | varchar | 64 | 0 | Y | N | 作业类型 | |
6 | homework_requirements | varchar | 64 | 0 | Y | N | 作业要求 | |
7 | student_users | int | 10 | 0 | Y | N | 0 | 学生用户 |
8 | student_id | varchar | 64 | 0 | Y | N | 学生学号 | |
9 | student_name | varchar | 64 | 0 | Y | N | 学生姓名 | |
10 | submit_homework | varchar | 255 | 0 | Y | N | 提交作业 | |
11 | homework_video | varchar | 255 | 0 | Y | N | 作业视频 | |
12 | homework_audio | varchar | 255 | 0 | Y | N | 作业音频 | |
13 | submission_time | datetime | 19 | 0 | Y | N | 提交时间 | |
14 | create_time | datetime | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间 |
15 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间 |
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
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 | 更新时间: |
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
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已取消 |
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
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 | 更新时间: |
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | student_users_id | int | 10 | 0 | N | Y | 学生用户ID | |
2 | student_id | varchar | 64 | 0 | N | N | 学生学号 | |
3 | student_name | varchar | 64 | 0 | Y | N | 学生姓名 | |
4 | student_gender | varchar | 64 | 0 | Y | N | 学生性别 | |
5 | student_age | varchar | 64 | 0 | Y | N | 学生年龄 | |
6 | examine_state | varchar | 16 | 0 | N | N | 已通过 | 审核状态 |
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 | 更新时间 |
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | teacher_users_id | int | 10 | 0 | N | Y | 教师用户ID | |
2 | teachers_name | varchar | 64 | 0 | Y | N | 教师姓名 | |
3 | teacher_gender | varchar | 64 | 0 | Y | N | 教师性别 | |
4 | teacher_age | varchar | 64 | 0 | Y | N | 教师年龄 | |
5 | examine_state | varchar | 16 | 0 | N | N | 已通过 | 审核状态 |
6 | user_id | int | 10 | 0 | N | N | 0 | 用户ID |
7 | create_time | datetime | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间 |
8 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间 |
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
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 | 文件类型 |
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
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 | 会员折扣 |
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
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 | 更新时间: |
第5章 系统实现
5.1登录模块的实现
该登录模块利用js进行设计,JavaScript函数CheckSubmit()对输入框是否为空进行验证,使用js的技术结合MySQL 2012数据库的查询语句进行登录信息的验证。首先从文本框中分别获得账号user_name和密码user_pw,使用Sql语句“select * from t_user where user_name=‘”+user_name+“’ and user_pw=‘”+user_pw+“’”将查询结果赋给rs结果集,若rs.next()返回值为空,表示数据库找不到该用户数据,若rs.next()返回值不为空,则显示登录成功,进入主界面。
用户登录流程图如下所示。
![](https://i-blog.csdnimg.cn/direct/48b06133b1184970aa72725364f5f003.png)
图5-1用户登录流程
用户登录流程:用户只有输入正确的用户名和密码才会成功进入系统,用户输入用户名密码后点击登录按钮,系统会进行校验该用户名是否存在,如果用户名与密码不匹配或者用户名不存在,则返回主界面。
系统登录界面如下图所示。
![](https://i-blog.csdnimg.cn/direct/3bdc420dc79544f8be373029089ba0fa.png)
图5-2系统登录界面
/**
* 登录
* @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, "账号或密码不正确");
}
}
5.2学生用户模块的实现
5.2.1用户注册界面
注册模块满足用户两部分,当用户想要进行资料相关信息的查询管理的时候,就必须进行登录,如果没有账号的话,在登录界面,点击“注册”按钮就会跳转到注册的界面,根据提示填写好注册信息,添加提交,注册的信息在数据库中就添加完成了,然后再输入填写好的账号和密码进行登录,其注册主界面展示如下图所示。
![](https://i-blog.csdnimg.cn/direct/534f4ecc9efb4be89437b3dee2fdc13d.png)
图5-3 用户注册界面图
注册代码如下:
/**
* 注册
* @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);
}
5.2.2用户首页模块
在浏览器的地址栏里输入 地址,就可以跳转到在线作业管理系统的首页,首页是由4个页面组成的,包括top、left、down和center等页面,这里也是浏览者访问系统的入口,通过@ include引入。
首页载入流程图如下所示。
![](https://i-blog.csdnimg.cn/direct/c5504dfe16c240ec93a4c2b554da61b3.png)
图5-4首页载入流程
首页载入流程:系统先连接数据库,显示界面参数初始化,读取数据库的数据表,读取html显示模板,对数据按添加时间排序,按照模板设计位置显示数据,刷新显示界面,断开数据库连接。
首页如下图所示。
![](https://i-blog.csdnimg.cn/direct/c0169f6924254d4991c3d164db43c4aa.png)
图5-5首页界面
5.2.3作业信息模块
学生用户可以查看教师发布的作业信息,下载并提交。作业信息界面如下图所示。
![](https://i-blog.csdnimg.cn/direct/0e5bdbeb0139452498b6ebc91fb0f3de.png)
图5-7作业信息界面
5.3教师用户模块的实现
5.3.1课程信息管理模块
教师用户点击“课程信息管理”这个菜单,可以查看到所有课程信息,并可以对课程信息进行添加、删除和修改等,课程信息管理界面如下图所示。
![](https://i-blog.csdnimg.cn/direct/44a7909021ed4530b9e920a1c57862c9.png)
图5-10课程信息管理界面
5.3.2作业信息管理模块
教师用户点击“作业信息管理”这个菜单,可以查看到所有作业信息,并可以对作业信息进行添加、删除、修改等。作业信息界面如下图所示。
![](https://i-blog.csdnimg.cn/direct/52f50006364f45b1bde3885fff078d11.png)
图5-11作业信息管理界面
5.3.3作业批改管理模块
教师用户点击“作业批改管理”这个菜单,可以查看到所有学生提交的作业信息,教师要对学生提交的作业进行批改。作业批改管理界面如下图所示。
![](https://i-blog.csdnimg.cn/direct/4b91bf5decb54a74a0b3f3a91fb79ea0.png)
图5-11作业批改管理界面
5.4管理员模块的实现
5.4.1公告消息管理模块
管理员对公告消息的管理,可以发布最新的公告,也可修改、删除公告信息。
公告消息管理的界面如下图所示。
![](https://i-blog.csdnimg.cn/direct/b9bed875de19432b804e8b5b8e430d61.png)
图5-12公告消息管理界面
5.4.2资源管理模块
管理员对资源进行管理,可以添加、查询、删除校园资讯和资讯分类信息。资源管理如下图所示。
![](https://i-blog.csdnimg.cn/direct/c3927ef3dc8f482083e82afb00f09e2c.png)
图5-13资源管理界面
5.4.3系统用户管理模块
管理员可以对所有的用户进行添加、删除、修改等管理。系统用户界面如所示。
![](https://i-blog.csdnimg.cn/direct/d91efa83f66f49128753eda7094b84a0.png)
图5-15系统用户界面
5.4.4系统管理模块
管理员可以对系所有轮播图进行增删改查。系统管理界面如下图所示。
![](https://i-blog.csdnimg.cn/direct/893b48cb78d84221aa134e9ec340e043.png)
图5-16系统管理界面
第6章 系统测试
6.1测试目的
在这个产品被投入使用前,首先需要进行试用,这是重要的环节。考虑到某个部分的开发没有缺陷情况下,把各种模块拼接,也有一定概率就存在矛盾。这就好比每个人都很独特,但聚在一起就显得杂乱无章,需要保证有默契的配合。对于测试,要看它的各项内容是否契合的原则。若与最初定下的标准有一定程度上的出入,那么就需要做出一些调整,让最终的大方向朝着目标前进。
6.2测试用例
6.2.1登录测试
登录测试用例如下表所示。
表6-1登录测试用例
输入 | 输出 | |
用户名 | 密码 | |
空 | 空 | 用户名或密码不能为空 |
蔡徐坤 | 123 | 用户名不能为汉字,请重新输入 |
789 | 789 | 用户名或密码错误 |
678 | 123456 | 登录成功 |
6.2.2注册测试
注册测试用例如下表所示。
表6-2注册测试用例
输入 | 输出 | |||
用户名 | 密码 | 确认密码 | 邮箱 | |
空 | 空 | 空 | 空 | 请输入完整 |
001 | 001 | 001 | 001@qq.com | 注册成功 |
002 | 002 | 003 | 002@qq.com | 注册失败,两次密码不一致 |
003 | 003 | 003 | 003.com | 注册失败,邮箱格式不正确 |
6.2.3评论测试
评论测试用例如下表所示。
表6-3评论测试用例
功能 | 测试数据 | 预期结果 | 测试结果 |
评论反馈 | 评论内容:用户资询反馈 | 在评论列表中显示评论内容,评论显示为未回复 | 和预期一致 |
回复评论 | 评论回复内容:用户资询反馈 | 评论列表中的评论“用户资询反馈”显示已回复 | 和预期一致 |
删除反馈 | 删除反馈“用户资询反馈” | 反馈成功删除 | 和预期一致 |
6.2.4资源管理测试
校园资讯测试用例如下表所示。
表6-4添加校园资讯测试用例
输入 | 输出 | |||
标题 | 类别 | 内容 | 备注 | |
空 | 空 | 空 | 空 | 添加失败 |
校园资讯1 | A | 1 | 添加成功 | |
空 | A | 1 | 添加失败,标题不能为空 | |
校园资讯2 | 空 | 1 | 添加失败,请选择类别 |
6.3 测试结果
经过测试,得到测试结果如下表所示。
表6-6测试结果
测试项目 | 内容和目的 | 测试结果 |
用户登录 | 输入正确用户名与密码 | 可以登录 |
输入错误用户名与密码 | 提示错误的信息 | |
修改登录密码 | 修改新的密码 | 成功完成 |
资源管理(添加,修改,删除) | 输入正确信息 | 成功完成 |
输入错误信息 | 操作失败 | |
反馈管理(添加,修改,删除) | 输入正确信息 | 成功完成 |
输入错误信息 | 操作失败 | |
注册 | 输入正确信息 | 成功完成 |
输入错误信息 | 操作失败 |
第7章 总结与展望
本章主要对基于Spring Boot和Vue的在线作业管理系统进行了总结,并对未来的发展进行了展望。在这一章中,我们将回顾系统的主要功能和实现的技术,总结开发过程中的经验和教训,并提出对系统未来发展的展望。
我们回顾了系统的主要功能。在线作业管理系统旨在为教师和学生提供一个便捷的平台,以管理和提交作业。系统实现了用户注册和登录、作业发布和提交等功能。通过使用Vue框架和Spring Boot框架,我们实现了前后端的分离,并通过RESTful API进行数据交互。
我们总结了开发过程中的经验和教训。在开发过程中,我们遵循了软件开发的一般流程,包括需求分析、设计、编码和测试等阶段。我们发现,良好的需求分析和设计对于系统的稳定性和用户体验至关重要。同时,与团队成员之间的良好沟通和协作也是项目顺利进行的关键。
在未来的发展中,我们希望进一步完善系统的功能和用户体验。首先,我们计划增加更多的管理功能,如作业批改和反馈、学生管理等。同时,我们也希望提供更多的个性化设置和定制化选项,以满足不同用户的需求。此外,我们还计划加入机器学习和数据分析的功能,提供更准确的评估和预测。我们相信这些功能的增加将进一步提高系统的价值和实用性。
我们对系统的发展前景进行了展望。随着在线教育的迅速发展,作业管理系统将变得越来越重要。我们相信,在线作业管理系统将成为教育行业的一个重要组成部分,并在未来得到更广泛的应用。我们希望通过持续的改进和创新,将我们的系统打造成教育行业的领先者,并为教师和学生带来更好的学习体验和效果。
总之,基于Spring Boot和Vue的在线作业管理系统有着广阔的发展前景。通过不断改进和完善,我们相信这个系统将成为教育行业的重要工具,为教师和学生提供便捷、高效的作业管理和学习平台。我们期待着在未来的发展中,为用户带来更多的惊喜和价值。
参考文献
[1]刘慧玲,谭定英,陈平平.基于SpringBoot和Vue.js的大学生团队管理系统的设计[J].电脑编程技巧与维护,2024,(03):120-122.DOI:10.16184/j.cnki.comprg.2024.03.039.
[2]徐少军,李宗哲,梅杰,等.基于Springboot+Vue框架的质量检验监督管理系统研发[J].纺织标准与质量,2024,(01):11-14+21.
[3]姜一波.基于SpringBoot+Vue的在线考试系统设计与实现[J].无线互联科技,2023,20(23):68-71.
[4]戴建成,王华,范玉婷.基于SpringBoot+VUE的高校廉政档案管理系统设计与实现[J].产业与科技论坛,2023,22(21):58-60.
[5]韩天屹,桑 燕,江海林.基于Springboot和VUE框架的医院需求管理信息系统的实现[J].医学论坛,2023,5(18):
[6]陈冬君,孔海军,吴荷,等.基于SpringBoot+Vue的智能随车营销系统[J].电脑与电信,2023,(09):55-59.DOI:10.15966/j.cnki.dnydx.2023.09.017.
[7]庞嵩昊,李盈,赵艺,等.基于Vue和SpringBoot前后端分离的宠物服务系统的设计与实现[J].电脑知识与技术,2023,19(21):42-45.DOI:10.14004/j.cnki.ckt.2023.1068.
[8]银莉,杜啸楠.基于SpringBoot和Vue的校园积分系统的设计与实现[J].集成电路应用,2023,40(07):414-415.DOI:10.19339/j.issn.1674-2583.2023.07.187.
[9]邓清延,张婷,郭赵飞,等.基于SpringBoot和Vue的应收账款融资系统的设计与实现[J].信息与电脑(理论版),2023,35(11):130-133.
[10]王东升.基于SpringBoot的闲置资产盘活系统研究与实现[D].烟台大学,2023.DOI:10.27437/d.cnki.gytdu.2023.000734.
[11]李文杰.基于SpringBoot与Vue框架的公益性教育咨询平台系统研发[D].山东大学,2023.DOI:10.27272/d.cnki.gshdu.2023.006190.
[12]杜瑞庆,李一诺,黎作鹏.基于Vue和SpringBoot的C语言程序在线测评系统的设计与实现[J].唐山师范学院学报,2023,45(03):58-63.
[13]Yang Y .Design and Implementation of Student Information Management System Based on Springboot[J].Advances in Computer, Signals and Systems,2022,6(6):
[14]朱雯曦,朱会杰.基于线上作业管理系统应用的学生学业管理改革实践[J].华东纸业,2022,52(02):69-71.
[15]Mengdie G ,Rui S ,Shulin Y , et al.Research on copyright appointment registration microplatform system based on vue[J].MATEC Web of Conferences,2022,355
[16]Hejing W .Commerce Middle Office Management System Based on Springboot[J].International Journal of Advanced Network, Monitoring and Controls,2022,7(2):32-45.
[17]Cheng F .Talent Recruitment Management System for Small and Micro Enterprises Based on Springboot Framework[J].Advances in Educational Technology and Psychology,2021,5(2):
[18]林华均.基于云平台的在线作业管理系统的设计与实现[J].电子技术与软件工程,2021,(02):64-65.
[19]Chen G ,Xu J .Design and implementation of efficient Learning platform based on SpringBoot Framework[J].Journal of Electronics and Information Science,2020,6(1):
[20]Song J ,Zhang M ,Xie H .Design and Implementation of a Vue.js-Based College Teaching System[J].International Journal of Emerging Technologies in Learning (iJET),2019,14(13):59-69.
致谢
经过几个月时间的努力终于完成了这篇基于Springboot和Vue的在线作业管理系统论文,在文章的写作与研究的过程中遇到了很多困难,都在同学和老师的帮助下解决了。尤其非常感谢我最敬爱的老师,他对我进行了无私的指导和帮助,不厌其烦的帮助进行文章的修改。老师严谨的治学态度、渊博的学术知识、诲人不倦的敬业精神以及宽容的待人风范使我获益颇丰。此外,在校图书馆查找资料的时候,图书馆的老师也给我提供了很多方面的支持与帮助。在此,向帮助和指导过我的老师表示最衷心的感谢!感谢这篇文章所涉及到的各位学者。本文引用了很多学者的文献,如果没有各位学者的研究成果的帮助和启发,我将很难完成本篇文章的写作。感谢我的同学和朋友,在我写文章的过程中给与了我很多素材和帮助,还在文章的撰写和排版过程中提供热情的帮助。同时,感谢我的室友对我的热心指导和帮助,经常有不懂之处都是大家在帮助我,才使得我比较顺利的完成了这篇文章。由于我水平有限,所写文章难免有不足之处,恳请各位老师和学友批评和指正!