springboot《HTML5程序设计》课程项目评分微信小程序---附源码87766

摘  要

   随着我国经济迅速发展，人们对手机的需求越来越大，各种手机软件也都在被广泛应用，但是对于手机进行数据信息管理，对于手机的各种软件也是备受用户的喜爱，《HTML5程序设计》课程项目评分被用户普遍使用，为方便用户能够可以随时进行在线查看学生完成作业的数据信息管理，特开发了《HTML5程序设计》课程项目评分。

   《HTML5程序设计》课程项目评分的设计主要是对系统所要实现的功能进行详细考虑，确定所要实现的功能后进行界面的设计，在这中间还要考虑如何可以更好的将功能及页面进行很好的结合，方便用户可以很容易明了的找到自己所需要的信息，还有系统平台后期的可操作性，通过对信息内容的详细了解进行技术的开发。

   《HTML5程序设计》课程项目评分微信小程序的开发利用现有的成熟技术参考，以源代码为模板，分析功能调整与《HTML5程序设计》课程项目评分微信小程序的实际需求相结合，讨论了基于《HTML5程序设计》课程项目评分微信小程序的使用。 

关键词：微信小程序；课程项目评分；JAVA；springboot；

Spring Boot "HTML5 Programming" Course Project Scoring WeChat Mini Program

Abstract

With the rapid development of China's economy, people's demand for mobile phones is increasing, and various mobile software is also widely used. However, for data information management of mobile phones, various software for mobile phones are also highly favored by users. The "HTML5 Programming" course project rating is widely used by users, in order to facilitate users to view the data information management of students completing homework online at any time, We have developed a project scoring system for the course "HTML5 Programming".

The design of the project grading for the HTML5 Program Design course mainly involves a detailed consideration of the functions to be implemented by the system, determining the functions to be implemented, and then designing the interface. In the process, it is also necessary to consider how to better integrate the functions and pages, so that users can easily find the information they need, as well as the operability of the system platform in the later stage, Develop technology through a detailed understanding of information content.

The development of the "HTML5 Programming" course project grading WeChat mini program utilizes existing mature technology references, uses source code as a template, analyzes functional adjustments, and combines them with the actual needs of the "HTML5 Programming" course project grading WeChat mini program. The use of the "HTML5 Programming" course project grading WeChat mini program is discussed.

Key words: WeChat mini program; Course project grading; JAVA; Springboot;

目录

摘  要

Abstract

第1章 绪 论

1.1选题背景

1.2研究现状

第二章 开发工具及关键技术介绍

2.1微信开发者工具

2.2小程序框架以及目录结构介绍

2.3 JAVA技术

2.4 Springboot框架

第三章 系统分析

3.1需求分析

3.2可行性分析

3.2.1技术可行性：技术背景

3.2.2经济可行性

3.2.3操作可行性：

3.3性能分析

3.4系统操作流程

3.4.1用户登录流程

3.4.2信息添加流程

3.4.3信息删除流程

第四章 系统设计与实现

4.1系统架构设计

4.2开发流程设计

4.3数据库设计

4.3.1实体ER图

4.3.2数据表

第五章 系统实现

5.1用户前台功能模块（前端）

5.2管理员功能模块（后端）

第六章  系统的测试

6.1 测试目的

6.2 测试方案设计

结  论

参考文献

致  谢

第1章 绪 论

1.1选题背景

随着互联网技术的飞速发展，HTML5作为一种新兴的网页设计语言，已经在各个领域得到了广泛的应用。HTML5具有跨平台、易于开发和维护等特点，使得越来越多的开发者和企业开始关注和使用这一技术。在教育领域，HTML5同样具有巨大的潜力和价值，可以为教学和学习提供更加丰富和便捷的资源和服务。

近年来，微信小程序作为一种新型的应用形态，凭借其轻量级、便捷性和高度集成的特点，迅速成为了移动互联网领域的热门话题。微信小程序的出现，为HTML5在教育领域的应用提供了新的契机。通过将HTML5与微信小程序相结合，可以实现更加高效、个性化的教学和学习体验。

然而，目前市场上针对《HTML5程序设计》课程项目评分微信小程序设计与实现的研究相对较少，尚未形成完善的体系和标准。因此，本论文旨在探讨如何设计和实现一款针对《HTML5程序设计》课程项目评分微信小程序，以满足当前教育领域对于提高教学质量和效果的需求。

1.2研究现状

在当今的数字化时代，微信小程序已经成为了人们日常生活中不可或缺的一部分。微信小程序的出现，不仅改变了人们的生活方式，也为各行各业提供了新的发展机遇。其中，HTML5程序设计作为微信小程序开发的重要环节，其课程项目评分的研究也日益受到关注。

目前，对于微信小程序《HTML5程序设计》课程项目评分的研究主要集中在以下几个方面：首先，如何构建一个公正、公平、有效的评分体系，这是所有研究者共同关注的焦点。其次，如何通过评分体系，提高学生的学习积极性和学习效果，这也是研究者们一直在探索的问题。此外，如何利用现代信息技术，如大数据、人工智能等，对评分体系进行优化和完善，也是当前研究的热点。

然而，尽管已经有一些研究成果出现，但是关于微信小程序《HTML5程序设计》课程项目评分的研究仍然存在一些问题和挑战。例如，如何确保评分体系的公正性和公平性，如何有效地激发学生的学习积极性，如何利用现代信息技术对评分体系进行优化等。这些问题的存在，无疑为后续的研究提供了广阔的空间和可能性。

• 开发工具及关键技术介绍

2.1微信开发者工具

微信开发者工具是一款专为小程序开发而设计的应用，它不断改进，提供了便捷的操作方式，并且在开发过程中可以通过微信扫描二维码来访问，从而实现快速、准确的小程序开发和调试。

根据用户的需求，我们将采用不同的屏幕大小来制作小程序。

在完成了视图布置之后，可以通过执行编辑功能，快速更改当前的视图界面。

控制台:方便调试打印输出信息。

将代码上传至腾讯服务器，并在审核过程中填写版本号和备注信息，以确保代码的安全性和准确性。

通过查看资源文件，我们可以快速地调整相关项目的文件目录，从而实现断点调试。

使用远程调试技术，无论是在手机端还是PC端，都能够轻松地进行开发工作。

本地数据存储:显示的是本地存储的数据。

通过使用子父层级结构，我们可以更容易地进行视图调试。

微信的代码体积应该保持在2M 以内，而且在开发过程中，应该严格检查合法域名信息，并且为小程序的后台配置服务器域名。

微信开发者工具已经成为了开发过程中不可或缺的一部分，并且正在不断地改进和完善。

2.2小程序框架以及目录结构介绍

这款微信小程序的设计旨在帮助用户快速、便捷地创建出一款拥有完全独特 特色的应用。它由一套完善的框架结构，将用户界面、操作界面、功能界面等多种功能完美结合，使用户只需要一点点的操作，就能轻松实现微信小程序的创建。框架的核心功能是一个快速的数据绑定机制，它能够轻松地将用户的信息和界面进行一致性的管理。它不仅支持对用户信息的实时监控，还能够根据用户的需求，实现对界面的快速调整和优化，从而使用户能够轻松地构建强大的微信小程序。

2.3 JAVA技术

Java主要采用CORBA技术和安全模型，可以在互联网应用的数据保护。它还提供了对EJB（Enterprise JavaBeans）的全面支持，java servlet API，SSM（java server pages），和XML技术。

JAVA语言功能：

面向对象编程是一种革命性的软件开发方法，它将复杂的程序结构转换为可编程的对象，从而大大简化了编程过程，并且极大地提升了程序的安全性。它的出现，使得编程者可以更加轻松地完成任务，并且可以更好地控制程序的运行，从而更好地满足用户的需求。

Java的一个重要优势在于它的跨平台特性，这使得编程变得更加便捷。通过使用Java，您可以轻松访问多个不同的平台，而不必担心编译时会出现问题。

C++的缺陷之一便是它没有有效地利用可重复使用的资源，这使得它的资源需求量大大增加，而这种情况下，它的垃圾回收机制正好可以有效地解决这一问题，因而减少了资源的使用，进而节约了巨量的资源。一些优秀的编程人员通常都会将一块内存地址设为堆栈，以便当它被使用的时候自动解锁，但是一些初学者或者初入者往往忽略了这一步骤，结果就是程序的性能受到了影响，甚至出现了崩溃的情况。因此，许多C++专家在开发代码时，通常会先检查一个指针的值，如果它已经被移动，就把它的值调整到NULL，这样才能够有效地完成代码的执行。

2.4 Springboot框架

Java框架的出现，极大地改变了Java的运行方式，因为它不仅可以支持复杂的框架结构，而且还可以支持多种复杂的操纵，从而极大地改善了Java的效率和可靠性。此外，Java框架也被广泛地用来取代EJB（EnterpriseJavaBeans），成为一种更加强大的框架。Spring框架可以有效地支撑多种AP的开发，其中包括：基于控制反向的核心功能，可以将对象的生命周期变得更加可视，采取面向切面的编程语言，以及采取多种可靠的长效技术，以及支撑多种Web框架，以满足不同的AP的需求。Spring框架拥有强大的控制反馈（IOC）功能，使得Java对象的配置与管理变得更加简单高效。该框架采取Java的反馈机制，允许使用者根据XML文件、类别及其相关的Java注释等信息，自由地调整Java对象的使用，从而实现更加高效的编程。Spring框架拥有一种独特的方法来实现切割和分层，它采用了AOP框架，并且在使用过程中支持多种方法的协调。AOP的目的是将复杂的任务分解成多个独立的部分，以便更好地管控和控制。Spring框架的AOP框架拥有丰富的AOP特征，尽管不及AspectJ框架，但它们的结合仍然是一种有效的解决方案，它们不仅支持基础的AspectJ，还支持更高级的aop，从而更好地支持企业的业务流水线。此外，SpringAOP还支持更多的事务处理和远程访问。Java的事务处理框架提供了一种灵活的方式，允许不同类型的事务，包括本地、远程、内部、外部的，都能够被有效的处理。它支持多种类型的事务，用户可以根据需要自定义事务处理模块，如XML、Java文档，还支持快速、安全的数据交换。Spring的强大的数据访问功能为开发者们带来了极大的便利，无论是JDBC、iBATS/MyBATIs、Hibernate、JDO、ApacheOJB、ApacheCayne，都能够轻松地实现数据的访问，而且，这些功能也能够被Spring的事务管理系统完美地整合，从而大大减少了开发者们面临的挑战，极大地改善了他们的工作效率，极大地推动了企业级的信息化进步。通过使用这种方法，我们可以更加轻松地进行数据访问。SpringMVC的诞生源于一个开发者的决定：他们决定改变传统的StrutsWeb框架，将呈现层、请求处理层和模型完全分离，从而创建一个更加高效、可靠的SpringMVC。

第三章 系统分析

3.1需求分析

在开发研究之前，必须仔细分析系统的需求，并且进行全面的市场调研，以便确定使用者的功能需求，以便更好地定位整个系统的开发方向。在此，我们还需要对系统的性能、业务流程以及数据等方面进行深入的分析，以便微信小程序的《HTML5程序设计》课程项目评分的界面简洁易懂，功能完善。

通过对发达系统的可行性进行分析和讨论，我们可以确定它们能够满足哪些要求。为了确保系统的开发顺利进行，我们必须对其进行全面的评估，以确保它们符合预期的标准。如果我们没有足够的信心，就无法开发出一个功能优秀的系统，这将导致开发失败。通过对微信小程序的《HTML5程序设计》课程项目评分进行深入分析，我们可以评估该系统的有效性，并确保它能够满足我们之前提出的需求。

系统设计应该着眼于满足用户和管理者的需求，以确定其所需的功能、管理任务以及其他相关的服务。

鉴于微信小程序《HTML5程序设计》课程项目评分的设计特性，必须确保满足以下几项要求：

（1）通过使用微信小程序，我们能够更好地管理《HTML5程序设计》课程项目评分的信息，从而提高工作效率。

（2）学习方法变得更加多样化,管理更加标准化;

（3）它提供了一个免费的渠道,以确保数据的实时有效沟通。

3.2可行性分析

3.2.1技术可行性：技术背景     

通过采用JAVA技术，我们开发出一款功能强大、操作简便的微信小程序《HTML5程序设计》课程项目评分，同时还建立了一个完善、安全、可靠的后台数据库，以确保其运行的稳定性和可靠性。

通过采用JAVA技术和Mysql数据库，我们可以轻松实现《HTML5程序设计》课程项目评分的设计，并且将用户角色有机地融入其中，这种创新的方式值得一试。此外，数据的完整性和多样性也为数据的有效分配和管理提供了坚实的基础。数据库安全平台是一个至关重要的组成部分，它不仅可以提升数据安全性，还可以通过提供更加灵活、智能、有效的基础控制方法，来实现对安全计算环境的支撑，从而确保数据的安全性。由于微信小程序的《HTML5程序设计》课程项目评分拥有强大的功能、免费的特性以及出色的用户体验，因此它在技术上是一个可行的选择。

3.2.2经济可行性

这款桌面微信小程序的《HTML5程序设计》课程项目评分管理完全免费，无论您想使用哪种软件，只需要花一点点时间就可以完成。此外，您还可以参与市场调研，并获得免费资源。除了这些，您还可以与小伙伴一起完成更复杂、更具挑战性的项目。因此，微信小程序的《HTML5程序设计》课程项目评分的研究和开发具备巨大的经济效益，几乎不需要投入任何资金。

JAVA技术已经相当成熟，因此，开发微信小程序的《HTML5程序设计》课程项目评分完全不会带来任何经济负担。

3.2.3操作可行性： 

微信小程序的《HTML5程序设计》课程项目评分设计完成后，其可操作性得到了显著提升，管理员可以轻松访问系统，快速管理各种数据信息，而用户也可以轻松访问系统界面，通过界面导航菜单，快速查看各个功能模块，满足用户的信息需求，同时也为完成作业管理提供了便利。此外，系统的操作也不再需要专业人员，只需要普通用户就可以轻松完成各个功能模块的操作管理。因此，我们的系统具有很高的可操作性。通过使用界面窗口，我们能够轻松地让用户进行登录。因此，只需要掌握基础的电脑操作技能，我们就能够满足您的需求。

3.3性能分析

在当今的科技背景下，性能分析的管理已经从以往的依赖手动操作转变为采取更加先进的自动化技术，以及利用大量的智能化系统，实现自动化的系统集成，从而提高了系统的运维速度，减轻了工作人员的劳作力度，提高了系统的可靠性，从而更好地满足当下的社会发展的需求，同时也大大缩短了系统的运维周期，提高了系统的整体运维能力。通过利用先进的计算机科学与互联网，我们研制出一套具有弹性的微信小程序，以有效地降低运营成本，极大地改善客户的体验。

通过微信小程序的《HTML5程序设计》课程项目评分的开发，我们建立了一个独立的系统，采用最新的数据库技术，以满足用户的需求，实现用户角色和功能模块的完美结合，使得管理更加高效、精准，与传统的管理信息完全不同，这样一来，既可以节省资源，又能够大大提升业务处理的速度。这款产品拥有快速、高效、强大的功能。

3.4系统操作流程

3.4.1用户登录流程

第一步，为了保证系统的安全性，用户需要在登录窗口中输入自己的个人信息，并确保信息准确无误。如果输入的信息不正确，将会弹出提示框，导致用户登录失败，需要重新输入，如图3-1所示。

图3-1登录操作流程图

3.4.2信息添加流程

微信小程序的《HTML5程序设计》课程项目评分可以实现快速、准确地收集和处理各种信息，而且在使用过程中，只有在按照指定的界面和指定的参考文献，才能够正确地获取和处理信息，而若信息未能满足预期，就会被退出第一步，并且在第二步中，还会继续检查信息的准确性，以确保最终的结果能够满足预期的目标。

图3-2 信息添加流程图

3.4.3信息删除流程

无论是何种用户角色，只要进入了不正常的系统操作界面，就可以使用不同的信息内容来进行操作。当用户尝试删除系统中的数据时，必须先ACK这些数据是否已经被删除，如果没有，就应该按照图3-3的指示进行操作，以免影响系统的正常运行。

图3-3 信息删除流程图

第四章 系统设计与实现

4.1系统架构设计

在本次研究中，我们将重点关注微信小程序《HTML5程序设计》课程项目评分的项目概述和设计分析。我们将重点关注学习平台的具体情况，并对数据库进行设计。我们将使用mysql数据库来支持我们的系统，同时我们将采用更加人性化的操作设计，以便在系统中及时处理和反馈错误信息。

通过微信小程序开发的《HTML5程序设计》课程项目评分软件，不仅支持客户的登录，还支持对学生的信息、布置作业的查看，并且提交全面的数据和信息，从而满足用户的各种需求。此外，该软件还支持查看评分情况、考试管理，为用户带来更为便利的操作体验，并且通过对用户的人性化反馈，为用户带来更为全面的服务体验。根据系统功能需求建立的模块关系图如下图：

图4-1管理员功能模块图

图4-2教师用户功能模块图

图4-3学生用户功能模块图

4.2开发流程设计

开发微信小程序的《HTML5程序设计》课程项目评分需要经过多个步骤，包括分析管理模块、编写代码、规划和操作，这些步骤是构建信息管理AP的关键，它们将决定系统能否达到预期的功能，并且能够在完成设计之后得到实施。在开发过程中，为了确保系统的有效性，每个阶段的开发必须严格遵循线性顺序，并且每个步骤的完成情况都要经过技术检验，以确保每个步骤的准确性，避免出现拖拽现象，从而保证系统的设计功能能够得到有效实施。

通过对微信小程序的《HTML5程序设计》课程项目评分的成功开发，我们可以看出，采用这种方法可以显著降低系统的复杂性，并且可以通过图4-2进一步证明。

图4-2开发系统流程图

4.3数据库设计

数据库系统作为一个重要的组件，其优化针对整体网络的运行非常重要。为了构建一个高效的数据库系统，我们需要明确每个元素的特征，并将它们组合在一起。

4.3.1实体ER图

数据库在软件开发过程中起着至关重要的作用，它不仅可以帮助我们确定数据库的大小，还可以帮助我们构建出有效的数据模型。为了确保数据的安全性和稳定性，我们采用了Mysql作为数据库的管理工具。

E-R图是一种有效的技术，用于将复杂的虚拟环境转换成更加精确的形式，从而更好地表达出真实的环境。这种技术不仅能够帮助我们更好地理解和掌握虚拟环境，而且还能够帮助我们更好地构建和管理复杂的网络。Mysql数据库具有出色的安全性，它可以有效地防止数据丢失和损坏，如E-R图所示，它可以有效地防止数据丢失和损坏：

(1)  《HTML5程序设计》课程项目评分整体E-R图，如图4-3所示：

图4-3《HTML5程序设计》课程项目评分实体属性图

通过使用微信小程序的《HTML5程序设计》课程项目评分，我们可以实现多种功能，从而满足用户的各种需求。该系统的功能结构如图4-5所示，具有良好的完整性和可靠性。

图4-5系统功能结构图

4.3.2数据表

通过对数据结构的深入分析，我们可以确定哪些表格和结构之间的关系，并且可以通过验证、调整和完善，来满足用户对数据和功能的需求，从而实现数据库的有效管理。

根据微信小程序的《HTML5程序设计》课程项目评分的特性，我们重新设计了数据库的概念模型，以满足其功能的需求，并且结构更加清晰明确。

表assign_homework (布置作业)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	assign_homework_id	int	10	0	N	Y		布置作业ID
2	job_number	varchar	64	0	Y	N		作业编号
3	release_teacher	int	10	0	Y	N	0	发布教师
4	teacher_id	varchar	64	0	Y	N		教师工号
5	teachers_name	varchar	64	0	Y	N		教师姓名
6	class_name	varchar	64	0	Y	N		班级名称
7	job_name	varchar	64	0	Y	N		作业名称
8	screenshot_of_homework	varchar	255	0	Y	N		作业截图
9	scoring_limits	varchar	64	0	Y	N		打分界限
10	proportion_of_student_ratings	varchar	64	0	Y	N		学生评分占比
11	remarks	text	65535	0	Y	N		备注
12	hits	int	10	0	N	N	0	点击数
13	recommend	int	10	0	N	N	0	智能推荐
14	limit_times	int	10	0	N	N	0	限制次数
15	limit_type	tinyint	4	0	N	N	2	限制次数类型1-每天次，2-总计次
16	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
17	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：

表exam_question_database (试题库)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	exam_question_id	mediumint	8	0	N	Y
2	subject_name	varchar	255	0	Y	N		科目名称
3	type	varchar	20	0	Y	N		类型
4	title	varchar	255	0	Y	N		题目
5	question_item	varchar	500	0	Y	N		选项
6	answer	varchar	500	0	Y	N		参考答案
7	score	double	9	2	Y	N		总分
8	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
9	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：

表finish_ones_homework (完成作业)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	finish_ones_homework_id	int	10	0	N	Y		完成作业ID
2	submission_number	varchar	64	0	Y	N		提交编号
3	job_number	varchar	64	0	Y	N		作业编号
4	release_teacher	int	10	0	Y	N	0	发布教师
5	teacher_id	varchar	64	0	Y	N		教师工号
6	teachers_name	varchar	64	0	Y	N		教师姓名
7	class_name	varchar	64	0	Y	N		班级名称
8	job_name	varchar	64	0	Y	N		作业名称
9	screenshot_of_homework	varchar	255	0	Y	N		作业截图
10	finish_ones_homework	varchar	255	0	Y	N		完成作业
11	proportion_of_student_ratings	varchar	64	0	Y	N		学生评分占比
12	final_score	int	10	0	Y	N	0	最终成绩
13	submit_student	int	10	0	Y	N	0	提交学生
14	examine_state	varchar	16	0	N	N	未审核	审核状态
15	examine_reply	varchar	16	0	Y	N		审核回复
16	recommend	int	10	0	N	N	0	智能推荐
17	user_id	int	10	0	N	N	0	用户ID
18	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
19	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间

表rating_allocation (评分分配)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	rating_allocation_id	int	10	0	N	Y		评分分配ID
2	assign_number	varchar	64	0	Y	N		分配编号
3	submission_number	varchar	64	0	Y	N		提交编号
4	job_number	varchar	64	0	Y	N		作业编号
5	release_teacher	int	10	0	Y	N	0	发布教师
6	teacher_id	varchar	64	0	Y	N		教师工号
7	teachers_name	varchar	64	0	Y	N		教师姓名
8	class_name	varchar	64	0	Y	N		班级名称
9	job_name	varchar	64	0	Y	N		作业名称
10	screenshot_of_homework	varchar	255	0	Y	N		作业截图
11	finish_ones_homework	varchar	255	0	Y	N		完成作业
12	proportion_of_student_ratings	varchar	64	0	Y	N		学生评分占比
13	rating_students	int	10	0	Y	N	0	评分学生
14	recommend	int	10	0	N	N	0	智能推荐
15	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
16	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间

表rating_situation_students (评分情况（学生）)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	rating_situation_students_id	int	10	0	N	Y		评分情况（学生）ID
2	assign_number	varchar	64	0	N	N		分配编号
3	submission_number	varchar	64	0	Y	N		提交编号
4	job_number	varchar	64	0	Y	N		作业编号
5	release_teacher	int	10	0	Y	N	0	发布教师
6	teacher_id	varchar	64	0	Y	N		教师工号
7	teachers_name	varchar	64	0	Y	N		教师姓名
8	class_name	varchar	64	0	Y	N		班级名称
9	job_name	varchar	64	0	Y	N		作业名称
10	screenshot_of_homework	varchar	255	0	Y	N		作业截图
11	finish_ones_homework	varchar	255	0	Y	N		完成作业
12	proportion_of_student_ratings	varchar	64	0	Y	N		学生评分占比
13	rating_students	int	10	0	Y	N	0	评分学生
14	scoring_points	int	10	0	Y	N	0	打分分数
15	score	varchar	64	0	Y	N		得分
16	recommend	int	10	0	N	N	0	智能推荐
17	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
18	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间

表rating_situation_teacher (评分情况（教师）)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	rating_situation_teacher_id	int	10	0	N	Y		评分情况（教师）ID
2	job_number	varchar	64	0	N	N		作业编号
3	release_teacher	int	10	0	Y	N	0	发布教师
4	teacher_id	varchar	64	0	Y	N		教师工号
5	teachers_name	varchar	64	0	Y	N		教师姓名
6	class_name	varchar	64	0	Y	N		班级名称
7	job_name	varchar	64	0	Y	N		作业名称
8	screenshot_of_homework	varchar	255	0	Y	N		作业截图
9	finish_ones_homework	varchar	255	0	Y	N		完成作业
10	proportion_of_student_ratings	varchar	64	0	Y	N		学生评分占比
11	proportion_of_teacher_ratings	varchar	64	0	Y	N		教师评分占比
12	scoring_points	int	10	0	Y	N	0	打分分数
13	score	varchar	64	0	Y	N		得分
14	recommend	int	10	0	N	N	0	智能推荐
15	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
16	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间

表sensitive_vocabulary (敏感词汇)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	sensitive_vocabulary_id	int	10	0	N	Y		敏感词汇ID
2	sensitive_vocabulary	varchar	64	0	Y	N		敏感词汇
3	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
4	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间

表student_users (学生用户)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
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	class_name	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	更新时间

表subject_exam (考试)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	exam_id	mediumint	8	0	N	Y		考试id
2	subject_name	varchar	255	0	Y	N
3	name	varchar	32	0	N	N		考试名称：[2,32]
4	duration	int	10	0	Y	N		答题时长
5	score	double	9	2	Y	N		总分
6	status	varchar	10	0	Y	N		状态：启用、禁用
7	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
8	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：

表subject_exam_question (试题)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	exam_question_id	mediumint	8	0	N	Y
2	subject_name	varchar	255	0	Y	N		科目名称
3	type	varchar	20	0	Y	N		类型
4	title	varchar	255	0	Y	N		题目
5	question_item	varchar	500	0	Y	N		选项
6	answer	varchar	500	0	Y	N		参考答案
7	score	double	9	2	Y	N		总分
8	question_order	int	10	0	Y	N		排序
9	exam_id	mediumint	7	0	Y	N		所属试卷
10	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
11	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：

表subject_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	更新时间：

表teacher_users (教师用户)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	teacher_users_id	int	10	0	N	Y		教师用户ID
2	teacher_id	varchar	64	0	Y	N		教师工号
3	teachers_name	varchar	64	0	Y	N		教师姓名
4	incumbent_school	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	更新时间

表user_answer_wrong (用户答题)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	user_answer_id	mediumint	8	0	N	Y
2	subject_name	varchar	255	0	Y	N		科目名称
3	question_item	varchar	255	0	Y	N		选项
4	title	varchar	255	0	Y	N		题目
5	type	varchar	255	0	Y	N		题目类型
6	exam_id	mediumint	7	0	N	N	0	考试id
7	score	double	9	2	Y	N	0.00	分数
8	answers	text	65535	0	Y	N		用户提交的答案
9	answer	text	65535	0	Y	N		参考答案
10	score_detail	text	65535	0	Y	N		评分详情
11	objective_score	double	9	2	Y	N	0.00	客观题得分
12	subjective_score	double	9	2	Y	N	0.00	主观题得分
13	score_state	tinyint	4	0	Y	N	0	评分状态
14	nickname	varchar	255	0	Y	N		提交人
15	user_id	int	10	0	N	N		提交人ID
16	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
17	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：

第五章 系统实现

5.1用户前台功能模块（前端） 

在微信小程序的《HTML5程序设计》课程项目评分中，用户可以通过输入账号、密码和其他信息来完成登录，如图5-1所示。

             

图5-1登录界面图

登录关键代码如下：

 /**

     * 登录

     * @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注册界面图

注册关键代码如下：

/**

     * 注册

     * @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-3所示，为用户提供了更加便捷的服务。

图5-3系统首页界面图

布置作业信息页面可以查看作业编号、发布教师、教师工号、班级名称、作业名称、作业截图、打分界限、学生评分占比、备注等提交布置作业信息。如图5-4所示。

图5-4布置作业界面图

完成作业信息页面可以查看作业编号、发布教师、教师工号、班级名称、作业名称、作业截图、完成作业、学生评分占比、最终成绩、提交学生等提交完成作业信息。如图5-5所示。

图5-5完成作业界面图

通过访问我的主业，可以能够获取自己的个人信息、完成作业、布置作业、评分情况（学生）、评分情况（教师）、链接列表，还能够轻松更新自己的个性化设置，详见图5-6。

图5-6我的界面图

5.2管理员功能模块（后端）  

管理者可以使用多种方式，包括但不限于：编辑轮播图的标题、添加信息、添加连接、查看轮播图以及查看点击量，详见图5-6。

图5-6轮播图界图面

通过学生用户管理页面，可以输入昵称、用户名、学生学号、学生姓名、班级名称等内容进行详情，添加、查询、修改或删除等操作，如图5-7所示。

图5-7学生用户管理功能界面图

学生用户管理关键代码如下：

@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);

 }

通过布置作业管理页面，可以输入作业编号、发布教师、教师工号、教师姓名、班级名称等内容进行详情，添加、查询、修改或删除等操作，如图5-8所示。

图5-8布置作业查询界面图

布置作业管理关键代码如下：

   @RequestMapping("/get_obj")

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

        List resultList = service.selectBaseList(service.select(service.readQuery(request), service.readConfig(request)));

        if (resultList.size() > 0) {

            JSONObject jsonObject = new JSONObject();

            jsonObject.put("obj",resultList.get(0));

            return success(jsonObject);

        } else {

            return success(null);

        }

    }

通过布置作业管理页面，可以输入提交编号、作业编号、发布教师、教师工号、教师姓名、班级名称等内容进行详情、查看评分分配、评分情况、评论，重置或删除等操作，如图5-9所示。

图5-9完成作业管理界面图

完成作业管理关键代码如下：

   @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-10所示。

图5-10评分分配管理界面图

第六章  系统的测试

6.1 测试目的

虽然程序设计本身就具备一定的风险，因此，即便出现一点点的失败，也很少 影响到整个的运行。然而，即便出现一点点的失败，也很少影响到整个的运行，因此，我们必须对程序进行严格的检查，及早发现和解决失败，从而确保整个系统的运行良好，从而确保其运行的持久性和稳定性。通过本章的讨论，我们可以更好地识别出存在的问题，从而有效地解决它们，尽管需要花费大量的精力，但却至关重要且不可或缺。

软件测试和开发过程有着密切的联系，它们都需要遵循严格的管理学原则，以确保软件的可靠性和可用性。然而，随着技术的发展，国内的软件测试已经取得了长足的进步，其流程更加完善，效率也更加提升。

为了验证微信小程序的《HTML5程序设计》课程项目评分的有效性，我们需要对其各个功能模块的运行情况和性能进行严格的检查和验证。一旦检查结果出现问题，我们将立即采取措施，并尽快纠正，从而为用户提供更加优质的服务。

6.2 测试方案设计

6.2.1 测试策略

1、功能测试

对于初学者而言，由于缺乏对新开发软件的全面理解，他们只能通过对照黑盒测试的方式，盲目地输入数据，而无法获得正确的反馈。然而，由于存在着漏洞，一旦输入错误的数据，就有可能导致测试失败。

2、性能测试

性能测试是一种自动化测试工具，它旨在评估软件程序的整体性能，并且可以将其与负载测试和压力测试相结合，以更好地评估系统的性能。负载测试旨在评估系统对外部负载的反应，而压力测试则可以检测出系统能够提供的最高水平服务。

6.2.2 测试分析

测试评估系统质量的方式不仅仅局限于编码和过程，而是要结合软件设计、历史需求分析等多种因素，以达到最佳效果。

软件测试应遵循以下原则：

（1）为了确保软件的可靠性，我们建议及早完成软件的测试，这样可以有效地缩短软件的开发周期，同时也可以有效地保证软件的可靠性。

（2）在进行软件测试时，应当认真处理并妥善保存所有相关计划、报告等，这样不仅可以有效地提高测试效率，而且也有助于日后系统的维护。

（3）在软件测试的全部过程中，应该特别关注聚类现象。

（4）在软件测试中，为了获得更加可靠的评估，最好避免将其与本身的系统相比较，而是采用双向的、可靠的、可比较的标准，来检验其可靠性、准确度及可操作性。

（5）我们的测试计划将严格遵循软件测试的规范和准则。

（6）对整个测试结果进行综合检查，尽量避免重复错误。

通过使用我们的《HTML5程序设计》课程项目评分，我们可以更好地满足用户的需求。这样一来，我们就可以大幅提升用户的使用率。

6.3 测试结果

经过严格的测试，我们发现该系统的性能非常出色，它的精度、可靠性、稳健性都达到了极高的水平，而且它还支持快速、精细的点击操作，使用者的使用感受更加良好。此外，它还支持各种主流浏览器，满足不同的使用要求。

结  论

经过长时间的努力，我终于完成了这项系统设计。在此期间，我深入研究了系统开发中所涉及的相关知识，并且发现了自身的不足，从而更好地掌握了必要的应用技能，进一步的学习使我的知识储备更加丰富，最终完成了这项艰巨的任务。当面临挑战时，我会立即向老师寻求帮助，并利用专业的网络资源和论坛平台，以期望能够一步步地克服困境。系统设计过程不容易，你需要不断充实自己，有勇气克服困难。尽管系统开发的一些功能尚未完善，但我仍然会尽最大努力去改进，以便让用户体验更加出色。这次成功的尝试，让我感到无比欣慰，因为它是我第一次尝试，而且我会继续努力，打造出更加出色的系统。

当初，因为对一些编程语言的系统实施方法并不十分精通，使得开发变得极其艰巨。然而，最终，我成功利用一款特定的字典软件，克服了这一重重挑战。从而，我也深刻认识到，只要努力，才能够改善自身的英语水平，从而为未来的职业及生涯打下坚实的基础。经历了毕业设计的挑战，让我收获颇丰。最初，由于缺乏相关的开发知识，只能逐步尝试，但随着时间的推移，越来越了解了相关的文献与资料，并且能够成功地将其应用到实践当中。此外，该系统也为网络学习提供了强大的支持，让我能够更好地完成论文的撰写，并且拥抱挑战，以及探索生活中的各种未知。通过毕业设计，我深刻地体验到了如何把所掌握的理论转化为可行的行动。这使得我明白，要想取得成功，就需要不断努力，坚定地走下去。

参考文献

[1]甄同妙,陈依鸣,崔少飞等. 基于微信小程序的冰雪运动社区系统的设计与实现 [J]. 科学技术创新, 2023, (27): 105-108.

[2]白阳,李志刚,陈健锋. 基于微信小程序的智慧运维服务系统搭建 [J]. 广播电视网络, 2023, 30 (10): 33-35.

[3]曹振芳. 基于微信小程序的高校校友一体化服务平台的研究与设计 [J]. 电脑编程技巧与维护, 2023, (10): 76-78+82.

[4]杨华,徐扬. MySQL数据库对中文编码支持的探讨 [J]. 网络安全和信息化, 2023, (10): 157-160.

[5]孟思明. 基于SpringBoot框架选购系统的设计与实现 [J]. 中国设备工程, 2023, (11): 94-95.

[6]岳峰,段政伟. 基于SpringBoot框架的营区手机管控平台设计与实现 [J]. 无线互联科技, 2023, 20 (11): 49-52.

[7]周洁,孔子仪. 非物质文化遗产类HTML5小程序设计探究 [J]. 湖南包装, 2023, 38 (02): 62-66.

[8]郭丽萍,卢欣欣,林新然. 新工科背景下HTML5程序设计课程混合教学模式探究 [J]. 河南教育(高等教育), 2022, (08): 78-80.

[9]归妙玲. STEAM教育理念下中职信息技术课程项目教学的设计与实践研究[D]. 广西师范大学, 2022.

[10]Xinbin H ,Yongbin B ,Lisen Y , et al. Design and Implementation of Information System Based on Java Technology Platform [J]. Journal of Physics: Conference Series, 2021, 2033 (1):

[11]刘欣,李亮亮,牛聪. 基于Vue和SpringBoot框架的流域监管平台的研究和应用[C]// 《中国防汛抗旱》杂志社,中国水利学会减灾专业委员会,水利部防洪抗旱减灾工程技术研究中心（中国水利水电科学研究院防洪抗旱减灾研究中心）. 第十一届防汛抗旱信息化论坛论文集. 黄河水利委员会信息中心;郑州黄河河务局;, 2021: 5.

[12]程亮. 高校学生实践课程项目管理信息系统的探索和设计 [J]. 计算机产品与流通, 2020, (06): 251.

[13]Huang M T . Design and Implementation of App System for Legal Consulting Based on JAVA Technology [J]. Procedia Computer Science, 2020, 166 (C): 99-103.

[14]Yu L ,Li C ,Wei L , et al. Marine biological monitoring and managing system based on Java technology [J]. MIPPR 2019: REMOTE SENSING IMAGE PROCESSING, GEOGRAPHIC INFORMATION SYSTEMS, AND OTHER APPLICATIONS, 2020, 11432

[15]陈炫燕.基于微信公众平台的微信商城后台系统设计[J].电脑编程技巧与维护,2018(07):68-70+103.

致  谢

微信小程序的《HTML5程序设计》课程项目评分的完成，如何实现的更好，其中付出的努力是很大的，这段时光将会终身难忘。

微信小程序的《HTML5程序设计》课程项目评分可以顺利完成，首先，我要感谢我的指导老师，他在我遇到设计问题时及时帮助了我，并在我对设计感到困惑时给了我充分的指导。在他的帮助下，我可以完成高质量的毕业设计。在微信小程序的《HTML5程序设计》课程项目评分和开发中，指导老师提出了许多实用的意见和建议，并为我提供了大量相关的研究资料，使我对设计有了更深入的了解。只有在老师的指导下，才能在毕业设计中取得成功。在此，我要向指导老师表示深深的谢意。

在此，我还要感谢我的同学们，他们为我的设计提供了许多参考意见，并与我讨论了设计中的问题，从而使我的设计一步一步走向成熟。  

点赞+收藏+关注  →私信领取本源代码、数据库