摘要

随着信息技术的快速发展和互联网应用的普及,在线职业技能评估系统逐渐成为提升个人职业能力、促进就业的重要工具。本研究设计并实现了一个基于Web的职业技能评估系统,该系统采用Spring Boot作为后端框架,Vue.js构建响应式用户界面,并通过微信小程序扩展移动访问渠道,为用户提供便捷的职业技能评估服务。系统利用MySQL数据库进行用户信息及评估结果的存储与管理,支持注册用户的个性化学习路径规划和个人中心功能(包括个人首页、错题记录、收藏等),以及管理员对系统资源(如用户管理、通知公告管理、资讯分类和试题库等)的高效管理。特别地,本系统实现了职业评估模块,涵盖科目列表、试题库、错题记录、试卷列表等功能,能够根据用户的答题情况生成详细的评估报告,指出用户的强项与改进之处。此外,系统还提供了职业资讯和问卷调查功能,以增强用户的参与感和系统的实用性。通过本研究的实施,不仅为用户提供了自我评估和持续学习的有效途径,也为管理者提供了一套完整的数据统计分析解决方案,有助于深入了解用户需求和行为模式,从而优化资源配置和服务质量。这一在线评估系统的开发对于推动职业教育的发展具有重要意义。

关键词:Web;在线职业技能评估系统;Spring Boot;Vue.js;微信小程序;

Abstract

With the rapid development of information technology and the popularization of Internet applications, online vocational skill assessment system has gradually become an important tool to enhance personal professional ability and promote employment. This study designed and implemented a web-based vocational skill assessment system, which uses Spring Boot as the backend framework, Vue.js to build a responsive user interface, and extends mobile access channels through WeChat mini programs to provide users with convenient vocational skill assessment services. The system utilizes MySQL database to store and manage user information and evaluation results, supporting personalized learning path planning and personal center functions for registered users (including personal homepage, error record, favorites, etc.), as well as efficient management of system resources by administrators (such as user management, notification and announcement management, information classification, and question bank, etc.). Specifically, this system has implemented a career evaluation module that includes functions such as subject list, question bank, error record, and test paper list. It can generate detailed evaluation reports based on the user's answer situation, pointing out the user's strengths and areas for improvement. In addition, the system also provides career information and questionnaire survey functions to enhance user engagement and the practicality of the system. Through the implementation of this study, not only does it provide users with an effective way of self-evaluation and continuous learning, but it also offers managers a complete data statistical analysis solution, which helps to gain a deeper understanding of user needs and behavior patterns, thereby optimizing resource allocation and service quality. The development of this online assessment system is of great significance for promoting the development of vocational education.

key word: Web; Online vocational skills assessment system; Spring Boot; Vue.js; WeChat Mini Program;

目录

1 绪论

1.1 研究背景和意义

1.2 国内外研究现状

2 相关技术介绍

2.1 B/S框架

2.2 SpringBoot框架

2.3 Vue技术

2.4 MySQL数据库

2.5 微信小程序

3 需求分析

3.1 可行性分析

3.1.1 技术可行性

3.1.2 经济可行性

3.1.3 操作可行性

3.2 系统性能需求分析

3.3 功能需求分析

3.3.1 注册用户功能

3.3.2 管理员功能

3.4 系统流程分析

3.4.1 程序操作流程

3.4.2 登录流程

3.4.3 注册流程

4 系统设计

4.1 系统架构设计

4.2 系统总体功能设计

4.3 数据库设计

4.3.1 数据库实体设计

4.3.2 数据库表设计

5 系统实现

5.1 注册用户功能实现

5.1.1 注册功能

5.1.2 职业评估

5.1.3 问卷调查

5.1.4 通知公告

5.1.5 职业资讯

5.1.6 错题记录

5.2 管理员功能实现

5.2.1 系统管理

5.2.2 通知公告管理

5.2.3 资源管理

5.2.4 职业评估

6 系统测试

6.1 测试目的

6.2 测试方法

6.3 测试内容

6.4 测试结果

7 总结

参考文献

致谢

附录

系统核心代码设计

用户注册

用户登录

修改密码

修改数据

删除数据

获取列表

图片上传

  1. 绪论
    1. 研究背景和意义

在全球经济一体化和技术革新迅速发展的背景下,各行各业对职业技能的需求正在经历深刻变革。随着新兴技术如人工智能、大数据和云计算的广泛应用,传统职业技能逐渐更新换代,新型职业岗位不断涌现。这不仅要求从业者具备扎实的专业知识和技能,还需要他们能够快速适应新技术的发展趋势,持续学习和提升自我。一个高效、便捷的职业技能评估系统对于帮助个人了解自身能力水平、发现不足并针对性地进行改进具有重要意义,同时也能帮助企业筛选出符合职位要求的人才,减少招聘成本,提高招聘效率。

从教育模式转型和社会效益的角度来看,在线职业技能评估系统弥补了传统教育在实践技能培养方面的不足,通过模拟真实工作场景中的问题解决过程来检验学习效果,并根据用户的学习进度和掌握程度动态调整教学内容,实现个性化教育。此外,这种系统的推广有助于优化人力资源配置,促进人才结构合理化,推动社会经济发展。特别是在强调终身学习的社会环境下,该系统作为连接学校教育与职场需求的重要桥梁,激发了人们参与继续教育的热情,形成了良好的学习氛围,同时也为政府和教育机构制定更加科学合理的职业培训政策提供了数据支持,进一步促进了职业教育的发展。

    1. 国内外研究现状

在国内,随着互联网技术的普及和在线教育市场的蓬勃发展,在线职业技能评估系统逐渐受到重视。许多高校和培训机构开始尝试将传统的线下职业培训与线上平台相结合,提供更加灵活多样的学习方式。例如,一些知名的职业技能在线平台如网易云课堂、腾讯课堂等,不仅提供了丰富的课程资源,还集成了简单的测验功能来检验学习效果。然而,专门针对职业技能评估的综合性平台仍然较少,尤其是在结合中国国情,提供符合本土实际需求的职业技能评估方面还有很大的发展空间。此外,国内的研究更多地集中在如何利用大数据分析和人工智能技术提升教育质量上,但对于个性化学习路径的设计以及系统的可扩展性和用户友好性方面的探索仍需进一步加强。

在国外,职业技能评估系统的开发和应用已经有了较为成熟的经验和技术积累。例如,Coursera、Udemy 和 LinkedIn Learning 等国际领先的在线教育平台,已经能够提供从基础课程到高级专业技能培训的一站式服务,并且这些平台通常会集成详细的评估体系,帮助学员了解自己的学习进度和能力水平。同时,国外在利用虚拟现实(VR)、增强现实(AR)等前沿技术进行职业技能培训方面也走在前列,通过模拟真实工作环境来提高培训的真实感和有效性。值得注意的是,经合组织(OECD)启动了职业教育与培训领域国际学生评估项目(PISAVET),为全球职业教育质量提供国际可比数据,这标志着国际社会对职业教育评估标准化和国际化发展的重视。尽管如此,如何确保评估结果的客观性和公正性,以及如何有效整合不同国家和地区的职业技能标准,依然是当前面临的重要挑战。

  1. 相关技术介绍
    1. B/S框架

B/S(Browser/Server)架构是一种基于浏览器和服务器的应用架构模式。它以Web浏览器作为客户端,服务器端通过Web技术提供应用服务。客户端通过浏览器与服务器进行交互,用户无需安装专门的客户端应用程序,只需要通过互联网连接即可访问应用程序[1]。在B/S架构中,客户端主要承担用户界面的呈现和基本的输入输出功能,而核心的业务处理、数据存储等操作则由服务器端完成。这种架构的核心优势在于无需在每个客户端机器上安装或更新软件,只要用户的浏览器符合要求,就可以使用系统。

B/S(Browser/Server)架构是一种网络架构模型,其主要特点是客户端通过浏览器与服务器进行通信,所有的业务逻辑和数据处理都在服务器端完成,客户端仅负责展示数据[2]。B/S架构本质上是一种客户端-服务器模式的变体,它通过将传统的C/S(Client/Server)架构中的客户端功能移到浏览器中,简化了客户端的开发和维护工作。在B/S架构中,用户通过浏览器发送请求,浏览器负责展示从服务器获取的数据,服务器则处理请求并返回响应。该架构避免了安装和配置客户端软件的麻烦,也减少了对客户端硬件的依赖,适合于需要大规模部署和跨平台支持的应用系统。

B/S模式三层结构图如图2-1所示。

图2-1  B/S模式三层结构图

    1.  SpringBoot框架

SpringBoot是一个用于简化Spring应用开发的开源框架,通过减少开发人员配置和依赖的复杂性,使得开发者能够快速构建基于Spring的生产级应用。SpringBoot基于Spring框架之上,提供了一种自配置的方式,使得开发者可以以最少的配置来启动和开发Spring应用[3]。它通过约定优于配置的原则,将常见的配置预设,使得开发人员能够聚焦于业务逻辑的实现,而不必过多关注繁琐的配置和环境搭建。

SpringBoot框架的核心特点之一是其自动配置功能。它能够根据项目中已存在的类和库,自动推断出开发环境的配置需求,减少了手动配置的工作量。SpringBoot还提供了嵌入式Web服务器支持(如Tomcat、Jetty等),使得应用可以以独立的Java应用形式运行,不再依赖外部的Web容器。这种特性使得SpringBoot特别适合于微服务架构的构建。SpringBoot还通过其提供的启动器(Starters)简化了常见功能的集成,例如数据库连接、消息队列、缓存、认证与授权等,从而提升了开发效率[4]。

    1.  Vue技术

Vue.js是一款用于构建用户界面的渐进式JavaScript框架,提供一种灵活而高效的方式来开发单页面应用(SPA)。Vue的设计理念是通过尽量简化开发过程,提供一种声明式的方式来构建用户界面[5]。Vue.js通过数据驱动的视图模型,允许开发者以声明式语法绑定数据与视图,使得应用的状态和界面表现更加简洁和可维护。它的核心思想是通过组件化开发将复杂的UI拆分为可重用的独立模块,从而提升了代码的模块化、可维护性和可扩展性。

Vue.js具备响应式数据绑定和虚拟DOM的特性。响应式数据绑定意味着当数据变化时,Vue会自动更新与之绑定的DOM元素,从而实现视图的实时更新。虚拟DOM则是Vue.js的一种优化手段,通过将对DOM的操作抽象为一个虚拟的DOM树来提高性能,减少实际DOM操作的开销[6]。Vue还提供了丰富的插件和工具,如Vue Router用于路由管理,Vuex用于状态管理,方便开发者构建复杂的前端应用。Vue的灵活性和简洁性使其成为现代Web开发中常用的前端框架之一。

    1.  MySQL数据库

MySQL是一种开源的关系型数据库管理系统(RDBMS),基于SQL(结构化查询语言)进行数据操作。作为一个被广泛使用的数据库系统,MySQL具有高度的性能、可扩展性和可靠性。MySQL使用表格结构来存储数据,每个表由多个列和行组成,数据通过SQL查询语言进行操作[7]。MySQL支持多种数据类型,如整数、浮动小数、字符串、日期等,以满足不同应用场景对数据存储的需求。在实际应用中,MySQL通常用于存储和管理结构化数据,通过索引、视图、触发器等功能提升数据查询的效率和数据的完整性。

MySQL支持ACID事务特性(原子性、一致性、隔离性、持久性),确保数据库操作的可靠性和数据的一致性。它还支持多种存储引擎,其中InnoDB是最常用的存储引擎,具备事务支持、行级锁定和外键约束等特性,适用于高并发、高可靠性的数据存储需求。MySQL可以通过主从复制、分区和分库分表等技术实现横向扩展,以应对大规模数据存储和高负载的应用需求。MySQL还具有灵活的权限管理机制,支持用户角色管理、细粒度的权限控制等,保障数据的安全性。

    1.  微信小程序

微信小程序是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或者搜一下即可打开应用。对于职业技能评估系统而言,微信小程序提供了一个便捷的移动端入口,让用户可以在任何时间、任何地点进行自我评估和学习。微信小程序开发框架支持快速迭代更新,拥有丰富的API接口,能够满足从UI展示到后台交互的各种需求,是拓展移动用户群体的理想选择。

  1. 需求分析
    1. 可行性分析
      1. 技术可行性

基于当前的技术条件,使用Spring Boot作为后端框架能够提供强大的功能支持和高效的开发效率,确保系统的稳定性和扩展性;Vue.js在前端的应用可以实现组件化开发,提升代码复用率和维护效率,同时为用户提供动态且响应迅速的交互界面;微信小程序则利用其便捷性和广泛的用户基础,为职业技能评估系统提供了移动访问的支持,使得用户能够随时随地进行自我评估。此外,MySQL数据库的强大数据处理能力保证了系统能够高效、安全地管理大量用户信息及评估结果。综合考虑现有技术栈及其团队对这些技术的掌握程度,构建这样一个基于Web的职业技能评估系统在技术上是完全可行的。

      1. 经济可行性

从经济可行性角度来看,尽管初期需要投入一定成本用于开发、硬件设备采购、软件授权以及市场推广等方面,但通过向个人或企业提供多样化的付费服务如高级评估报告和定制化学习计划等,可以产生直接收益。此外,系统的推出能够提高用户满意度和忠诚度,进而促进口碑传播并增强品牌影响力,带来潜在的间接收益。考虑到预期收益与总投入之间的平衡,如果合理规划资源并有效控制成本,该项目有望实现盈利,并为投资者带来正面回报,从而在经济上是可行的。

      1. 操作可行性

系统设计应遵循用户友好原则,确保用户能够轻松上手并高效使用。通过合理的界面布局、直观的操作流程以及详尽的帮助文档,可以大大降低用户的学习成本,提高系统的操作可行性。此外,系统还应具备完善的权限管理和数据安全机制,确保操作的安全性和合规性。

    1. 系统性能需求分析

1.可用性需求

系统必须具备高可用性,以确保其在各种使用场景下能够稳定运行。为满足可用性要求,系统应当具备自恢复能力和冗余机制,避免因单点故障而导致的服务中断。具体而言,系统的部署架构应支持负载均衡和集群配置,通过多个实例的协作提高整体系统的可用性。系统应提供详尽的监控与告警机制,能够实时追踪系统运行状态,及时发现潜在问题并触发自动恢复操作或通知管理员。在用户体验方面,系统需要提供清晰的错误提示信息,并能够在发生异常时通过回滚操作或其他容错机制,保证用户的操作不受到严重影响。

2.可靠性需求

可靠性要求系统在长时间运行中保持稳定,能够有效应对各种可能的故障和压力。系统设计应支持高可用的数据库架构,采用数据库主从复制、分片等技术以实现数据的可靠存储与访问。应用层应具备容错能力,在面对硬件故障、网络中断等意外情况时,能够保持系统的正常服务或在故障恢复后迅速恢复数据和业务流程。系统应具备日志记录功能,能够全面记录操作过程和异常信息,从而为问题追踪与系统优化提供数据支持。系统的可靠性还需要通过压力测试和稳定性测试来验证,确保在大规模用户访问及高并发场景下能够正常运行,不发生崩溃或数据丢失现象。

3.安全性需求

系统的安全性需求必须得到高度重视,确保系统和用户数据的保密性、完整性和可用性。为实现数据安全,系统应采用加密技术,特别是在用户认证、敏感数据传输和存储过程中,采用SSL/TLS协议进行加密通信,确保数据在传输过程中不被窃取或篡改。系统应支持用户身份验证与授权管理,采用如OAuth、JWT等安全机制防止未授权访问。访问控制应细化到资源级别,确保不同角色的用户只能访问其权限范围内的功能。为了防止恶意攻击,系统还应加强对常见攻击方式(如SQL注入、XSS攻击、CSRF攻击等)的防护,通过输入验证、输出转义、会话管理等技术措施提高系统的安全性。系统应定期进行安全审计与漏洞扫描,及时发现并修补可能的安全漏洞,保障系统的长期安全运营。

    1. 功能需求分析

功能需求分析是对系统所需功能进行详细描述的过程,明确系统的目标、功能模块及其相互关系。在此阶段,结合用户需求、业务流程和技术架构,识别系统必须实现的各项功能,并对其优先级、实现方式和约束条件进行梳理。通过功能需求分析,确保系统设计能够满足实际需求,且具有良好的可用性、可维护性和扩展性,为后续的系统开发和测试提供明确的指导和依据。

      1. 注册用户功能

注册用户功能允许新用户通过手机号或邮箱进行注册,并支持第三方登录方式如微信,同时提供安全的密码找回机制以确保账户安全。注册后,用户可以访问个人中心管理个人信息,参与职业评估以了解自身技能水平并获取个性化学习建议,参加问卷调查分享意见和反馈,接收系统发布的通知公告以保持信息更新,以及浏览职业资讯来拓宽视野和获取职业规划指导。此外,用户还可以查看错题记录以便复习巩固知识,使用收藏功能保存感兴趣的资源,从而实现全面的自我管理和职业能力提升。

注册用户用例图如图3-1所示。

图3-1 注册用户用例图

      1. 管理员功能

管理员功能模块赋予管理者全面的系统控制能力,包括用户管理(查看、修改权限、冻结账户等)、发布和管理通知公告以确保信息及时传达给所有用户,设计和管理问卷调查来收集用户的反馈与意见,维护职业资讯内容并按类别整理以便用户快速获取相关信息,以及核心的职业评估管理——涵盖科目列表的增删改查、试题库的维护更新、试卷生成及错题记录统计分析,从而支持系统的高效运行,并根据数据分析优化资源配置和服务质量,促进平台的持续改进和发展。

管理员用例图如图3-2所示。

图3-2管理员用例图

    1. 系统流程分析
      1. 程序操作流程

用户访问系统,可以选择进行注册或登录操作。注册成功后,用户可以使用注册的账号登录系统。登录后的用户可以进入系统功能界面,使用自己权限内的功能操作。程序操作流程图如图3-4所示。

图3-4 程序操作流程图

      1. 登录流程

用户访问系统,进入登录页面页面,入其用户名和密码,后端服务接收登录请求,验证用户提供的用户名和密码是否匹配数据库中存储的信息,验证通过即可登录成功。登录流程图如图3-5所示。

图3-5登录流程图

      1. 注册流程

未有账号的用户可进入注册界面进行注册操作,填写注册表格,包括用户名、密码、电子邮件等必要信息。后台系统验证并保存用户提交的信息。分配唯一用户标识符。注册成功后,用户可以使用账号密码进行登录。用户注册流程图如图3-6所示。

图3-6注册流程图

  1. 系统设计
    1. 系统架构设计

系统由表现层、业务逻辑层、数据访问层和数据库服务器组成。表现层通过浏览器(如IE、Chrome、Firefox)与用户交互,采用FreeMarker、Bootstrap、jQuery等技术实现界面呈现。业务逻辑层负责处理系统的核心业务逻辑,通过分模块设计实现功能分离。数据访问层使用MyBatis框架连接数据库,执行数据的增删改查操作。数据库服务器采用MySQL进行数据存储和管理,为系统提供稳定的数据库支持。整个架构通过Tomcat服务器完成用户请求的接收和处理,确保系统的高效运行[8]。整个系统架构如图4-1所示。

图4-1 系统架构图

    1. 系统总体功能设计

系统功能结构图如图4-2所示。

图4-2 系统功能结构图

    1. 数据库设计

数据库设计是系统开发中至关重要的环节,为系统提供高效、规范的数据存储和管理方案。设计过程包括需求分析、实体设计、表设计和逻辑结构设计。首先,通过分析业务需求,确定系统的核心实体及其属性,同时明确实体间的关系。接着,将实体抽象为具体的数据库表,为每张表定义字段名、数据类型、主键和外键,通过主外键关系和关联表设计,保证数据的完整性和一致性。最后,数据库逻辑设计进一步优化表之间的关系,通过索引、视图和存储过程提升查询效率和操作性能。整个设计需严格遵循规范,避免数据冗余和冲突,确保系统在高并发访问和复杂数据处理场景下的稳定性和高效性。

      1. 数据库实体设计

数据库实体设计是数据库设计的关键步骤,对实际业务逻辑中涉及的实体及其属性进行抽象建模,明确系统中的主要信息对象及其关系[9]。在实体设计中,根据需求分析确定系统的核心实体,如用户、角色、权限等,提取实体的主要属性,如用户的ID、姓名、联系方式,名称、类型等,同时定义各实体之间的关系,包括一对一、一对多、多对多等。在设计过程中,注重实体的完整性、规范性和唯一性,确保设计能够满足系统功能需求,并为后续的表设计提供清晰的结构框架。实体设计需遵循数据库设计的标准化要求,避免数据冗余和不必要的复杂度。

系统全局E-R图如图4-3所示。

图4-3系统E-R图

      1. 数据库表设计

数据库表设计基于实体设计,将抽象的实体映射为具体的表结构。设计过程中,为每个实体定义表名、字段名及数据类型 [10]。根据业务需求,合理定义主键、外键及约束条件,确保表之间的关联性,例如通过外键建立用户表和角色表之间的关系。表设计时注重数据存储的完整性、一致性,并通过索引优化查询效率,最终确保数据库结构能够支持系统的功能需求。以下是系统的数据库表设计展示。

表 4-1-access_token(登陆访问时长)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

token_id

int

临时访问牌ID

2

token

varchar

64

临时访问牌

3

info

text

65535

信息

4

maxage

int

最大寿命:默认2小时

5

create_time

timestamp

创建时间

6

update_time

timestamp

更新时间

7

user_id

int

用户编号

表 4-2-article(文章)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

article_id

mediumint

文章id

2

title

varchar

125

标题

3

type

varchar

64

文章分类

4

hits

int

点击数

5

praise_len

int

点赞数

6

create_time

timestamp

创建时间

7

update_time

timestamp

更新时间

8

source

varchar

255

来源

9

url

varchar

255

来源地址

10

tag

varchar

255

标签

11

content

longtext

4294967295

正文

12

img

varchar

255

封面图

13

description

text

65535

文章描述

表 4-3-article_type(文章分类)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

type_id

smallint

分类ID

2

display

smallint

显示顺序

3

name

varchar

16

分类名称

4

father_id

smallint

上级分类ID

5

description

varchar

255

描述

6

icon

text

65535

分类图标

7

url

varchar

255

外链地址

8

create_time

timestamp

创建时间

9

update_time

timestamp

更新时间

表 4-4-auth(用户权限管理)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

auth_id

int

授权ID

2

user_group

varchar

64

用户组

3

mod_name

varchar

64

模块名

4

table_name

varchar

64

表名

5

page_title

varchar

255

页面标题

6

path

varchar

255

路由路径

7

parent

varchar

64

父级菜单

8

parent_sort

int

父级菜单排序

9

position

varchar

32

位置

10

mode

varchar

32

跳转方式

11

add

tinyint

是否可增加

12

del

tinyint

是否可删除

13

set

tinyint

是否可修改

14

get

tinyint

是否可查看

15

field_add

text

65535

添加字段

16

field_set

text

65535

修改字段

17

field_get

text

65535

查询字段

18

table_nav_name

varchar

500

跨表导航名称

19

table_nav

varchar

500

跨表导航

20

option

text

65535

配置

21

create_time

timestamp

创建时间

22

update_time

timestamp

更新时间

表 4-5-code_token(验证码)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

code_token_id

int

验证码ID

2

token

varchar

255

令牌

3

code

varchar

255

验证码

4

expire_time

timestamp

失效时间

5

create_time

timestamp

创建时间

6

update_time

timestamp

更新时间

表 4-6-collect(收藏)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

collect_id

int

收藏ID

2

user_id

int

收藏人ID

3

source_table

varchar

255

来源表

4

source_field

varchar

255

来源字段

5

source_id

int

来源ID

6

title

varchar

255

标题

7

img

varchar

255

封面

8

create_time

timestamp

创建时间

9

update_time

timestamp

更新时间

表 4-7-comment(评论)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

comment_id

int

评论ID

2

user_id

int

评论人ID

3

reply_to_id

int

回复评论ID

4

content

longtext

4294967295

内容

5

nickname

varchar

255

昵称

6

avatar

varchar

255

头像地址

7

create_time

timestamp

创建时间

8

update_time

timestamp

更新时间

9

source_table

varchar

255

来源表

10

source_field

varchar

255

来源字段

11

source_id

int

来源ID

表 4-8-evaluation(测评问卷)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

exam_id

mediumint

问卷id

2

name

varchar

32

问卷名称

3

duration

int

答题时长

4

status

varchar

10

状态:启用、禁用

5

create_time

timestamp

创建时间

6

update_time

timestamp

更新时间

表 4-9-evaluation_question(题目)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

exam_question_id

mediumint

题目ID

2

type

varchar

20

类型

3

title

varchar

255

题目

4

question_item

varchar

500

选项

5

question_order

int

排序

6

exam_id

mediumint

所属问卷

7

create_time

timestamp

创建时间

8

update_time

timestamp

更新时间

表 4-10-evaluation_user_answer(用户答题)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

user_answer_id

mediumint

用户答题ID

2

user_id

mediumint

用户ID

3

exam_id

mediumint

考试ID

4

score

double

分数

5

answers

text

65535

答案

6

comment_state

tinyint

点评状态

7

nickname

varchar

255

提交人

8

create_time

timestamp

创建时间

9

update_time

timestamp

更新时间

10

comment_desc

varchar

255

评语

表 4-11-exam_question_database(试题库)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

exam_question_id

mediumint

试题库ID

2

subject_name

varchar

255

科目名称

3

type

varchar

20

类型

4

title

varchar

255

题目

5

question_item

varchar

500

选项

6

answer

varchar

500

参考答案

7

score

double

总分

8

create_time

timestamp

创建时间

9

update_time

timestamp

更新时间

表 4-12-hits(用户点击)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

hits_id

int

点赞ID

2

user_id

int

点赞人

3

create_time

timestamp

创建时间

4

update_time

timestamp

更新时间

5

source_table

varchar

255

来源表

6

source_field

varchar

255

来源字段

7

source_id

int

来源ID

表 4-13-notice(公告)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

notice_id

mediumint

公告ID

2

title

varchar

125

标题

3

content

longtext

4294967295

正文

4

create_time

timestamp

创建时间

5

update_time

timestamp

更新时间

表 4-14-praise(点赞)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

praise_id

int

点赞ID

2

user_id

int

点赞人

3

create_time

timestamp

创建时间

4

update_time

timestamp

更新时间

5

source_table

varchar

255

来源表

6

source_field

varchar

255

来源字段

7

source_id

int

来源ID

8

status

tinyint

点赞状态:1为点赞,0已取消

表 4-15-registered_user(注册用户)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

registered_user_id

int

注册用户ID

2

user_name

varchar

64

用户姓名

3

user_gender

varchar

64

用户性别

4

contact_information

varchar

16

联系方式

5

collect_len

int

收藏数

6

examine_state

varchar

16

审核状态

7

user_id

int

用户ID

8

create_time

datetime

创建时间

9

update_time

timestamp

更新时间

表 4-16-slides(轮播图)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

slides_id

int

轮播图ID

2

title

varchar

64

标题

3

content

varchar

255

内容

4

url

varchar

255

链接

5

img

varchar

255

轮播图

6

hits

int

点击量

7

create_time

timestamp

创建时间

8

update_time

timestamp

更新时间

表 4-17-subject(科目)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

subject_id

int

科目ID

2

name

varchar

255

科目名称

3

update_time

timestamp

更新时间

4

create_time

timestamp

创建时间

表 4-18-subject_exam(考试)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

exam_id

mediumint

考试id

2

subject_name

varchar

255

3

name

varchar

32

考试名称:[2,32]

4

duration

int

答题时长

5

score

double

总分

6

status

varchar

10

状态:启用、禁用

7

create_time

timestamp

创建时间:

8

update_time

timestamp

更新时间:

9

user_id

int

出题人

表 4-19-subject_exam_question(试题)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

exam_question_id

mediumint

试题ID

2

subject_name

varchar

255

科目名称

3

type

varchar

20

类型

4

title

varchar

255

题目

5

question_item

varchar

500

选项

6

answer

varchar

500

参考答案

7

score

double

总分

8

question_order

int

排序

9

exam_id

mediumint

所属试卷

10

create_time

timestamp

创建时间

11

update_time

timestamp

更新时间

表 4-20-subject_user_answer(用户答题)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

user_answer_id

mediumint

用户答题ID

2

user_id

mediumint

用户ID

3

exam_id

mediumint

考试id

4

score

double

分数

5

answers

text

65535

答案

6

score_detail

text

65535

评分详情

7

objective_score

double

客观题得分

8

subjective_score

double

主观题得分

9

score_state

tinyint

评分状态

10

nickname

varchar

255

提交人

11

create_time

timestamp

创建时间

12

update_time

timestamp

更新时间

13

comment_desc

varchar

255

评语

表 4-21-upload(文件上传)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

upload_id

int

上传ID

2

name

varchar

64

文件名

3

path

varchar

255

访问路径

4

file

varchar

255

文件路径

5

display

varchar

255

显示顺序

6

father_id

int

父级ID

7

dir

varchar

255

文件夹

8

type

varchar

32

文件类型

表 4-22-user(用户账户)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

user_id

int

用户ID

2

state

smallint

账户状态:(1可用|2异常|3已冻结|4已注销)

3

user_group

varchar

32

所在用户组

4

login_time

timestamp

上次登录时间

5

phone

varchar

11

手机号码

6

phone_state

smallint

手机认证:(0未认证|1审核中|2已认证)

7

username

varchar

16

用户名

8

nickname

varchar

16

昵称

9

password

varchar

64

密码

10

email

varchar

64

邮箱

11

email_state

smallint

邮箱认证:(0未认证|1审核中|2已认证)

12

avatar

varchar

255

头像地址

13

open_id

varchar

255

针对获取用户信息字段

14

create_time

timestamp

创建时间

表 4-23-user_answer_wrong(用户错题)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

user_answer_id

mediumint

用户错题ID

2

subject_name

varchar

255

科目名称

3

question_item

varchar

255

选项

4

title

varchar

255

题目

5

type

varchar

255

题目类型

6

exam_id

mediumint

考试ID

7

score

double

分数

8

answers

text

65535

用户提交的答案

9

answer

text

65535

参考答案

10

score_detail

text

65535

评分详情

11

objective_score

double

客观题得分

12

subjective_score

double

主观题得分

13

score_state

tinyint

评分状态

14

nickname

varchar

255

提交人

15

user_id

int

提交人ID

16

create_time

timestamp

创建时间

17

update_time

timestamp

更新时间

表 4-24-user_group(用户组)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

group_id

mediumint

用户组ID

2

display

smallint

显示顺序

3

name

varchar

16

名称

4

description

varchar

255

描述

5

source_table

varchar

255

来源表

6

source_field

varchar

255

来源字段

7

source_id

int

来源ID

8

register

smallint

注册位置

9

create_time

timestamp

创建时间

10

update_time

timestamp

更新时间

  1. 系统实现
    1. 注册用户功能实现
      1. 注册功能

注册功能为新用户提供便捷的账户创建流程,用户通过账号、昵称、用户姓名、手机号或邮箱进行注册,系统还提供了安全的密码找回机制,确保用户能够轻松重置密码,保障账户的安全性和隐私保护。注册功能界面如下图所示。

图5-1注册界面图

      1. 职业评估

用户根据个人兴趣或职业发展需求选择相应的评估问卷进行自我评估。系统基于用户的答题情况生成详细的评估报告,不仅指出用户的强项与需改进之处,还提供针对性的学习建议,助力用户不断提升职业技能。职业评估界面如下图所示。

图5-2职业评估界面图

      1. 问卷调查

用户参与平台发布的各类问卷,分享对课程内容、服务体验等方面的意见和反馈。管理员可以通过收集这些数据来优化服务质量,同时用户的问卷历史记录及其结果反馈均开放查看,增强了用户的参与感和互动性。问卷调查界面如下图所示。

图5-3问卷调查界面

      1. 通知公告

用户通过网站公告、网站介绍等站内信、短信或邮件形式向用户发送重要信息,如系统更新通知、新课程上线等。用户可以在个人中心的通知公告板块查看所有通知,确保不会错过任何关键信息,提升了系统的透明度和用户的满意度。通知公告界面如下图所示。

图5-4通知公告界面

      1. 职业资讯

职业资讯模块提供最新的行业发展趋势、就业前景分析及职业技能提升技巧等内容。用户可以根据自己的需求浏览相关文章,拓宽视野并获取实用的职业规划指导,为未来的职业生涯做好充分准备。职业资讯界面如下图所示。

图5-5职业资讯界面

      1. 错题记录

错题记录功能帮助用户保存在职业评估中答错的题目,便于后续复习巩固知识。用户可以随时查看错误题目及其正确答案和解析,通过针对性练习提高自身技能水平,增强学习效果。错题记录界面如下图所示。

图5-5错题记录界面

    1. 管理员功能实现
      1. 系统管理

系统管理模块涵盖了系统的整体配置和维护工作,如系统设置、权限管理、日志监控等。管理员可以通过轮播图管理调整系统参数,确保系统的稳定运行,并通过监控日志及时发现并解决潜在问题,保障系统的高效运作和安全性。系统管理界面如下图所示。

图5-6系统管理界面

      1. 通知公告管理

管理员能够发布重要信息,如系统更新通知、新课程上线公告、即将举行的活动预告等。管理员可以编辑或删除已发布的通知,并通过站内信、短信或邮件的形式将信息传达给用户,确保信息的及时性和准确性,提高用户的参与度和满意度。通知公告管理界面如下图所示。

图5-7通知公告管理界面

      1. 资源管理

管理员能够上传、编辑和删除职业资讯,进行资讯分类以便用户快速查找,并设计问卷调查以收集用户反馈。通过这些操作,管理员确保信息的准确性和时效性,提升用户体验和服务的有效性。资源管理界面如下图所示。

图5-8资源管理界面

      1. 职业评估

管理员能够管理职业技能评估的各个方面,包括添加、编辑或删除科目列表以确保评估内容的多样性和实时性,维护试题库保证题目的质量和适用性,统计用户的错题记录以便了解普遍存在的薄弱环节,以及管理和检查自动生成的试卷确保其准确性和有效性。这些措施共同确保了职业评估系统的科学性和实用性,帮助用户全面了解和提升自身技能水平。职业评估界面如下图所示。

图5-9职业评估界面

  1. 系统测试
    1. 测试目的

测试的主要目的是确保系统的功能和性能满足预期的需求,同时识别和修复潜在的缺陷。通过系统测试,可以验证各个功能模块的正确性和稳定性,确保系统在不同使用场景下的表现符合设计要求。测试目的包括确认系统功能的完整性、验证数据处理的准确性、评估系统的性能和安全性。测试还可以提高用户满意度,保证用户在使用系统时获得流畅和可靠的体验。通过全面的测试,可以降低后期维护成本,减少系统上线后出现故障的风险,从而保障系统的长期稳定运行。

    1. 测试方法

在本系统中,测试方法主要依赖于测试用例的设计与执行。测试用例是根据系统需求文档编写的,覆盖所有功能模块及其边界情况。每个测试用例包含输入数据、预期结果和实际结果的对比,以验证系统的功能是否按预期工作。

常见的测试用例包括功能测试用例、边界测试用例和异常测试用例[11]。功能测试用例针对系统的各项功能进行验证;边界测试用例则侧重于输入数据的边界条件,验证系统在极端情况下是否能够稳定运行;异常测试用例则用于验证系统在处理错误输入或异常情况时的反应。本文选择功能测试用例进行系统测试。

在测试执行过程中,记录每个用例的执行结果,并根据实际结果与预期结果的对比,判断系统是否存在缺陷。通过系统化的测试用例执行,可以有效提高测试的覆盖率和效率,为系统的最终上线提供保障。

    1. 测试内容

通过对系统中所含的主要实体对象及其功能操作进行测试用例设计。以下是详细的测试:

表6-1用户注册登录测试表

用户注册登录测试用例:

用例说明

测试目的

测试步骤

预期结果

输出结果

通过情况

用户注册、登录

测试用户正确注册、登录

  1. 在首页界面注册一个新用户,按规定输入合理的注册信息,提交。
  2. 用户在登录界面输入账户密码登录

用户注册成功,登录成功

结果输出符合预期

通过

表6-2职业评估测试表

职业评估测试用例:

用例说明

测试目的

测试步骤

预期结果

输出结果

通过情况

职业评估

测试用户进行职业评估

1. 在首页选择“职业评估”并进入相应页面。<br>2. 选择一个职业技能领域开始评估。<br>3. 完成所有题目并提交。

系统生成详细的评估报告,并提供个性化学习建议。

显示评估结果及建议

通过

表6-3问卷调查测试表

问卷调查测试用例:

用例说明

测试目的

测试步骤

预期结果

输出结果

通过情况

问卷调查

测试用户参与问卷调查

1. 在首页选择“问卷调查”并进入相应页面。<br>2. 选择一个问卷填写并提交。

提交成功后显示感谢信息,并记录用户的问卷历史。

提交成功,显示感谢信息

通过

表6-4通知公告测试表

通知公告测试用例:

用例说明

测试目的

测试步骤

预期结果

输出结果

通过情况

通知公告查看

测试用户查看通知公告

1. 在首页点击“通知公告”并进入相应页面。<br>2. 查看最新的通知公告内容。

用户可以查看到所有已发布的通知公告。

正常显示通知公告列表

通过

表6-5错题记录测试表

错题记录测试用例:

用例说明

测试目的

测试步骤

预期结果

输出结果

通过情况

错题记录查看

测试用户查看错题记录

1. 登录后点击进入“个人中心”的“错题记录”。<br>2. 查看并复习保存的错题。

用户可以查看并复习自己做错的题目。

正常显示错题列表

通过

    1. 测试结果

在本次测试的过程主要针对所有功能下的添加操作,修改操作和删除操作,并以真实数据一一进行相关功能项目的输入,最终能够保证每个项目涉及的功能都是能够正常运行,因此能够保证本次设计的,已实现的功能能够正常运行并且相关数据库的信息也同样保证正确。

  1. 总结

随着项目的推进,职业技能评估工具的开发工作接近尾声。这段经历充满了挑战与成长,不仅深化了对Spring Boot和Vue等技术栈的理解,还积累了将多种技术融合以构建完整系统的能力。从需求分析、设计到实现与调试,每一个阶段都是对个人能力的锤炼。特别是在性能优化和数据安全方面的实践,为未来处理更复杂的项目打下了坚实的基础。

最终的系统测试表明,职业技能评估工具能够有效地满足用户的需求,包括注册登录、职业评估、问卷调查、通知公告和个人中心等功能模块均运行良好。此次毕业设计不仅是对我所学知识的一次全面检验,也为我的职业生涯开启了一扇大门。通过这个项目,我获得了宝贵的软件开发生命周期经验,提升了应对实际问题的能力,这些都将对我未来的发展产生深远的影响。此外,这次经历强化了我的团队合作意识,并让我认识到持续学习新技术的重要性。

代码

参考文献

  1. 刘江涛,王亮亮,吴庆茹,等.基于B/S模式的铁路勘测设计案例信息化管理系统设计与实现[J].铁路计算机应用,2021,30(03):32-35.
  2. 张丹丹,李弘.基于B/S架构的办公管理系统设计与开发[J].铁路通信信号工程技术,2024,21(09):44-48+106.
  3. 王志亮,纪松波.基于SpringBoot的Web前端与数据库的接口设计[J].工业控制计算机,2023,36(03):51-53.
  4. 熊永平.基于SpringBoot框架应用开发技术的分析与研究[J].电脑知识与技术,2021,15(36):76-77.
  5. 赵媛.基于Vue的Web系统前端性能优化分析[J].电脑编程技巧与维护,2024,(09):44-46.
  6. 秦冬.浅析Vue框架在前端开发中的应用[J].信息与电脑(理论版),2024,36(13):61-63.
  7. 李艳杰.MySQL数据库下存储过程的综合运用研究[J].现代信息科技,2023,7(11):80-82+88.
  8. 陈倩怡,何军.Vue+Springboot+MyBatis技术应用解析[J].电脑编程技巧与维护,2020,(01):14-15+28.
  9. 周晓玉,崔文超.基于Web技术的数据库应用系统设计[J].信息与电脑(理论版),2023,35(09):189-191.
  10. 马艳艳,吴晓光.计算机软件与数据库的设计策略分析[J].电子技术,2024,53(05):104-105.
  11. 李俊萌.计算机软件测试技术与开发应用策略分析[J].信息记录材料,2023,24(03):50-52.
  12. [1]孔静静,乐会进. 微认证:数字时代职业技能评估的新途径[J]. 南方职业教育学刊,2023,13.
  13. 王秋雨. 面向四类人员的职业技能开发状况评估与需求分析研究[J]. 广西教育(高等教育),2021(2):15-17.
  14. 邓天润,周杨,徐显龙. 基于场景测评职业技能:在真实情境任务中评估学生职业表现[J]. 上海教育,2024(8):47-49.
  15. 王欢. 线上职业技能培训发展路径研究[J]. 南北桥,2024.
  16. Lee, J. Y., Chen, C. L., Kolokowsky, E., Hong, S., Siegel, J. T., & Donaldson, S. I. Development and validation of the Career Crafting Assessment (CCA) [J]. Journal of Career Assessment, 2021, 29(4):717–736.
  17. 牛占虎.打造高技能人才大军[N].甘肃经济日报,2024-12-30(001).
  18. 杨璐.基于新质技术技能人才培养的职业教育教学改革研究[J].重庆电力高等专科学校学报,2024,29(06):58-61.
  19. [8]陈世光.高质量发展背景下开放教育培养高素质技能型人才路径探析[J].就业与保障,2024,(12):42-45.
  20. 王茜雯,闫智勇,吴全全.技能型社会建设背景下职业技能倾向测试的构建流程与策略[J].中国考试,2024,(11):67-78.
  21. 闫智勇,郝延春,王茜雯.技能型社会建设背景下职业技能倾向测试模式的理念定位与框架构想[J].教育与职业,2024,(05):91-99.
  22. 黄方慧,赵志群.不同职业类别的职业技能评价方法研究[J].职教论坛,2022,38(12):56-63.
  23. 刘广,王仁忠,金芬.基于职业技能提升的实验分类教学改革研究[J].江苏科技信息,2021,38(36):68-72.
  24.  吴佳卉,许玮,刘晓.面向技能提升的职业教育评估路径探索——《PISA职业教育与培训(VET)评估和分析框架》要点与启示[J].中国职业技术教育,2024,(32):79-86+95.
  25. [王秋雨.面向四类人员的职业技能开发状况评估与需求分析研究[J].广西教育,2021,(07):15-17.
  26. 王宇昕.企业职业技能鉴定与培训的有效结合[J].支点,2023,(08):141-143.

致谢

在职业技能评估工具项目的完成过程中,我得到了许多人的支持与帮助,在此表达我最诚挚的感谢。

首先,我要感谢我的指导老师,您的专业知识、耐心指导以及对项目的宝贵建议是我能够顺利完成毕业设计的关键。每一次遇到难题时,您总是能提供清晰的方向和深刻的见解,让我受益匪浅。

同时,我也要感谢一起参与项目的同学们,感谢你们在讨论中提供的创意和灵感,以及在面对挑战时给予的支持和鼓励。团队合作的力量使我们能够共同克服重重困难,最终实现了项目的目标。

此外,我要感谢那些在我学习过程中给予过帮助的所有教授和讲师们,是你们的教诲让我掌握了必要的知识和技能,为我的专业成长奠定了坚实的基础。

最后,特别感谢我的家人和朋友们,感谢你们一直以来的理解、支持和鼓励。无论是在我面临压力还是遇到挫折时,你们始终是我最坚强的后盾,给我力量继续前行。

这个项目的成功离不开每一位的帮助和支持,衷心地感谢所有直接或间接参与并支持我的人。这段经历不仅是一次技术上的探索,更是一段难忘的人生旅程,它将激励我在未来的职业生涯中不断追求卓越,勇敢迎接新的挑战。谢谢大家!

附录

系统核心代码设计

用户注册

注册页UserController.java,传入user对象,并将"user_id"、 "state"、 "user_group"、"login_time"、"phone"、"phone_state"、 "username"、"nickname"、"password"、"email"、"email_state"、"avatar"、"create_time"输入,重点是 "username"、"nickname"、"password"必须输入,通过获取username,数据库查询是否有该用户,如果存在,则提示“用户已存在”,否则执行将UserId置为空(数据库表中该字段已设置自动递增),代码如图所示。

图注册核心代码图

用户登录

登录页,首先传入"username"、"email"、"phone"、"password",用户可通过用户名、邮箱、手机号进行登陆,通过判断resultList来确定查询结果,然后执行查询用户组UserGroup,用户组里面不存在,依然报“用户不存在”,执行完以上代码,最后涉及到用户带有“审核”的,会查询examine_state(用户的审核状态),数据库表user_group中含有source_table和source_field进行查询,以上步骤完成,对输入的密码进行存储Token到数据库,匹对账号和密码,数据库中的AccessToken为令牌,用于身份认证,代码如图所示。

用户登录核心代码图

修改密码

修改密码,通过请求data,获取旧密码,并将新密码重新赋值,期间都是需要通过加密,代码如图所示。

修改密码核心代码图

修改数据

修改一个数据,原理与add基本一致,不同点在于通过readConfig()读取关键字,以及通过readQuery()获取URL后面?指定位置的标识,转成Map对象后,执行update操作,同样通过拼接的sql语句执行,执行过程读取query,toWhereSql()语句完成数据库操作,body为修改对象的值,代码如图所示。

修改数据核心代码图

删除数据

删除一条数据,通过readQuery(),获取URL后面的对象地址,删除FROM具体的table,query删除查询FindConfig语句,代码如图示。

图4-11删除数据核心代码图

获取列表

通过请求的参数获取列表数据,代码如图所示。

图获取列表核心代码图

图片上传

通过请求的参数获取列表数据,代码如图4-13所示。

图片上传核心代码图

免费领取项目源码,请关注❥点赞收藏并私信博主,谢谢~

更多推荐