企业官网建设流程全解析

2026年江西省职业院校技能大赛（中职组）应用软件系统开发赛项竞赛样题

一、项目背景
智慧校园管理系统紧密围绕教育教学的核心场景，全面覆盖教学教务管理、学生成长发展、校园生活服务、校园安全保障等教育全流程。
B 学校作为一所规模较大的九年一贯制学校，在当前教育环境下，急切需要部署智慧校园管理系统以解决现存的关键问题。一方面，教学资源管理混乱无序，优质教学资源分散在各个教师手中或不同的存储设备中，难以实现全校范围内的高效共享与统筹调配，导致资源利用率低下；另一方面，学生综合管理缺乏系统性，学生在学习、生活、心理等多方面的数据相互孤立，无法进行关联分析，难以精准把握学生的整体发展状况，从而不能及时有效地为学生提供个性化的指导与帮助 。基于此，B 学校对智慧校园管理系统提出了两点关键要求：
其一，实现教学资源与学生管理的深度融合与数据互通，让教学资源更好地服务于学生成长；
其二，达成校园生活服务的精细化运营，为师生提供更优质、贴心的生活保障 。
二、竞赛内容
比赛时间为4小时，考核“需求分析”“功能开发”和“软件排障与部署”三个模块，具体如下表所示：

三、竞赛成果物提交
参赛选手根据分配的账号登录系统，在竞赛结束前将模块A、模块B、模块C的成果上传并提交到平台。
四、竞赛注意事项
提交、部署的文档、原型、代码等资源内容中不能填写与选手相关的信息，如赛位号、姓名和院校。如出现上述标记，本模块成绩按照零分处理。

模块A：需求分析

一、模块考核点
本模块重点考查参赛选手依据给定的需求，进行系统需求分析的能力，具体包括：
1.系统规划设计。按照给定的项目需求，进行需求的梳理与规划，编写模块概要简述，绘制对应业务流程图/活动图、用例图、类图、时序图。
2.原型设计绘制。依据模块功能要求，使用原型图绘制软件Adobe XD，进行模块原型设计，并实现原型页面之间的交互功能。
二、任务要求
1.利用矢量绘图工具Visio，根据竞赛任务描述绘制业务流程图、用例图、类图和时序图，每个UML图需单独保存为Visio文件，并按类型命名（如“业务流程图.vsdx”等）。
2.利用原型设计工具Adobe XD创建项目“产品原型.xd”，根据竞赛任务描述进行原型设计，使之符合UI设计规范，同时实现原型界面之间交互的功能。
（1）页面规范，统一尺寸为1920px（宽）1080px（高），当内容超出高度区域时，设置滚动区域来显示内容。
（2）画板要对齐，界面版式布局合理、美观，内容完整；同样功能请复用样式，避免一种功能、两种样式的情况。
（3）原型要有交互设计内容，用户体验良好。检查存在的漏洞，防止出现异常流程和内容状态。
3.竞赛结束前，选手将上述成果物“1业务流程图.vsdx”“2用例图.vsdx”“3类图.vsdx”“4时序图.vsdx”和“产品原型.xd”添加到“需求分析.zip”压缩包内，并提交压缩包文件。
任务1：系统规划设计
【基本要求】
1.业务流程图：用户在使用智慧校园管理系统时，首先进入主界面。通过左侧导航栏选择“班级管理”模块后，用户可以进一步选择包括学生信息、成绩管理、班级考勤、课程管理在内的多个子功能。选定相应子功能后，根据实际需求执行相应操作：如在学生信息中执行新增学生信息、导出信息列表、删除指定学生信息的操作，在成绩管理中编辑学生成绩，在班级考勤中浏览考勤记录，或在课程管理中查看各班级的课程表。接下来用户需确认信息并进行保存。若保存失败，则取消当前操作；若保存成功，则操作完成。最后，用户可选择返回主界面继续操作，或直接退出系统。
2.用例图：智慧校园管理系统的参与者包括管理员这一角色，系统围绕“班级管理”相关业务开展，各用例需与系统功能模块数据交互。管理员具备多项管理职能，包括学生信息管理（新增、修改或删除学生信息）、浏览成绩列表、班级考勤管理（新增、修改或删除考勤记录）以及课程管理（查看班级课程表，导出课程表）。各用例需清晰展示管理员与其对应职责的关联，并合理呈现用例之间的逻辑关系。
3.类图：智慧校园管理系统包含角色操作类与核心数据类两类。角色操作类为管理员，管理员具备管理员ID、姓名、账号、密码等基本信息，主要负责管理学生信息、成绩、班级考勤以及课程等基本活动。核心数据类为学生，学生有姓名、年龄、班级、身高、体重等基本信息，是管理员开展管理活动的核心关联对象。（注：请将所有信息翻译成英文）。
4.时序图：用户进入智慧校园管理系统“班级管理”模块，首先向学生信息管理服务发送查询请求，该服务返回各班级学生信息列表，用户可执行新增、修改或删除操作，学生信息管理服务同步返回对应操作结果；接下来用户获取学生成绩，成绩管理服务返回列表，用户按姓名/班级/排名/总分提交筛选条件，成绩管理服务返回匹配的成绩数据；接下来用户查询考勤记录，班级考勤管理服务展示考勤列表及操作界面，用户执行相应操作后，该服务返回操作状态；最后用户查询班级课程表，课程管理服务返回对应班级的课程表数据，若用户执行导出操作，课程管理服务将返回“导出成功”消息。（需清晰体现各环节的消息传递顺序、服务调用关系及数据交互逻辑，规范使用时序图符号与流程）
任务2：原型设计绘制
【基本要求】
智慧校园管理系统界面采用左右分栏布局，整体风格简洁清晰，各区域功能明确。
1.左侧固定导航区（页面通用部分）：页面左侧是一个宽度为250px、高度为基于页面100%的侧边栏，背景颜色为#304156，并添加投影效果（水平偏移量和模糊半径均为3px，投影颜色为蓝灰色）。顶部显示系统Logo和名称“智慧校园管理系统”，下方菜单栏从上到下依次为“系统管理”“系统监控”“系统工具”和“班级管理”，并且都需制作鼠标悬停菜单项时背景颜色变为#2D3D51的效果。每部分图标在左，文字在中间（字体大小为18px），下拉箭头在右，图标和文字颜色均为#BFCBD9。所有菜单默认折叠状态（仅显示一级名称），点击最后一个菜单可展开对应子菜单，再次点击收起。具体结构如下：班级管理（含图书管理、学生信息、成绩管理、班级考勤和课程管理）。子菜单的默认背景颜色为#1F2D3D，每部分都需制作鼠标悬停菜单项时背景颜色变为#001428的效果。点击“班级管理”下的其中四项子菜单（学生信息、成绩管理、班级考勤、课程管理）均可跳转进入对应的页面。
2.右侧主内容区（页面通用部分）：占据页面剩余宽度，顶部是高度为63px的功能区，背景颜色为白色，并添加投影效果（垂直偏移量为2px，模糊半径均为3px，投影颜色为灰色），左侧为展开图标和文字“首页”，右侧为搜索、全屏显示、字体调整图标以及用户头像（含下拉箭头）。在下方是高度为41px的导航条（样式同功能区一致），页面标题居左显示：“首页”按钮高亮（蓝色背景+白色文字），标识用户当前所在页面。导航条下方是主体内容区域，占据右侧大部分空间，当前为空白状态，待点击左侧菜单后，加载相应的功能页面。
3.班级管理—学生信息：点击左侧班级管理下的学生信息标签，进入学生信息页面，同时页面发生如下变化：
（1）导航与状态反馈：“学生信息”标签高亮（文字与图标颜色均为#409EFF），标识当前处于该功能模块；顶部功能区更新为“首页/班级管理/学生信息”，清晰呈现系统层级路径；导航条中的页面标题：“首页”按钮恢复默认状态（灰色边框+黑色文字），“学生信息”按钮高亮（蓝色背景+白色文字）。
（2）主体内容区域变化：从空白状态切换为“学生信息”管理界面，包含三类核心功能：
①操作按钮：数据列表上方左侧显示“+新增”按钮和“导出”按钮。“+新增”按钮默认样式为背景#E9F5FF+边框#A3D3FF+文字#2C98FF，鼠标悬停时切换为背景#0C8CFF+文字#FFFFFF；“导出”按钮（图标在左，文字在右）默认样式为背景#FFF8E5+边框#FAE2B8+文字#FFC02B，鼠标悬停时切换为背景#FFB800+文字#FFFFFF。
②数据列表：呈现矩形选择框、编号、姓名、年龄、班级、身高、体重和操作等数据列，当前页有10条学生信息（共23条，分页展示）。选择框默认为灰色边框，点击后变为蓝色矩形并显示白色对勾（如点击标题行选择框，则下方列表十个选择框均为被选中状态）。鼠标悬停每条信息时，该行背景颜色变为#F5F7FB。操作列设“删除”按钮，图标在左，文字在右，图标与文字颜色均为蓝色。
③分页控件：数据列表下方右侧有分页功能，显示“共23条”“10条/页”下拉框、页码切换按钮（第1页、第2页、第3页和左右箭头）以及“前往N页”输入框。
4.班级管理—成绩管理：点击左侧班级管理下的成绩管理标签，进入成绩管理页面，同时页面发生如下变化：
（1）导航与状态反馈：“成绩管理”标签高亮（文字与图标颜色均为#409EFF），标识当前处于该功能模块；顶部功能区更新为“首页/班级管理/成绩管理”，清晰呈现系统层级路径；导航条中的页面标题：“首页”按钮恢复默认状态，“成绩管理”按钮高亮。
（2）主体内容区域变化：从空白状态切换为“成绩管理”界面，包含四类核心功能：
①筛选搜索区：提供姓名、班级、排名、总分四类搜索框，各输入框有占位提示文本。下方是“搜索”（蓝色背景+白色文字）和“重置”（浅灰色边框+深灰色文字）按钮，图标在左，文字在右。
②操作按钮：数据列表上方左侧显示“+新增”“修改”“删除”和“导出”四个按钮。“+新增”和“导出”按钮样式和悬停效果同之前页面的按钮一致；“修改”按钮（图标在左，文字在右）默认样式为背景#E5F8EF+边框#D6F0E8+文字#85CAAF，鼠标悬停时切换为背景#05B767+文字#FFFFFF；“删除”按钮（图标在左，文字在右）默认样式为背景#FFEEEC+边框#FEDFDD+文字#F6A29A，鼠标悬停时切换为背景#FF5B46+文字#FFFFFF。点击“+新增”按钮后，页面背景需以灰度显示，并弹出“添加成绩管理”对话框（右上角“×”可关闭），包含姓名、班级、排名、总分等输入项，其中姓名、班级、总分为必填（带），各输入框有占位提示文本（例如：“请输入姓名”）。底部设“确定”和“取消”按钮，方便执行录入或放弃操作。“确定”按钮默认状态：背景#0C8CFF+文字#FFFFFF，悬停状态：背景#3EA2FF+文字#FFFFFF。“取消”按钮默认状态：边框#E0E0E0+文字#707274，悬停状态：背景#E7F4FF+边框#C2DBF1+文字#3593F2，点击按钮即可关闭对话框。
③数据列表：呈现矩形选择框、编号、姓名、班级、排名、总分和操作等数据列，当前页有10条学生信息（共38条，分页展示）。选择框默认为灰色边框，点击后变为蓝色矩形并显示白色对勾（如点击标题行选择框，则下方列表十个选择框均为被选中状态）。鼠标悬停每条信息时，该行背景颜色变为#F5F7FB。操作列设“修改”和“删除”按钮，图标在左，文字在右，图标与文字颜色均为蓝色。
④分页控件：数据列表下方右侧有分页功能，显示“共38条”“10条/页”下拉框、页码切换按钮（第1页、第2页、第3页、第4页和左右箭头）以及“前往N页”输入框。
5.班级管理—班级考勤：点击左侧班级管理下的班级考勤标签，进入班级考勤页面，同时页面发生如下变化：
（1）导航与状态反馈：“班级考勤”标签高亮（文字与图标颜色均为#409EFF），标识当前处于该功能模块；顶部功能区更新为“首页/班级管理/班级考勤”，清晰呈现系统层级路径；导航条中的页面标题：“首页”按钮恢复默认状态，“班级考勤”按钮高亮。
（2）主体内容区域变化：从空白状态切换为“班级考勤”界面，包含四类核心功能：
①筛选搜索区：提供学生、班级两类搜索框，各输入框有占位提示文本，右侧是“搜索”和“重置”按钮。
②操作按钮：数据列表上方左侧显示“+新增”按钮和“导出”按钮，样式和悬停效果同之前页面的按钮一致。
③数据列表：呈现矩形选择框、编号、学生、班级、迟到时间、迟到日期、理由和操作等数据列，共展示3条考勤信息。选择框默认为灰色边框，点击后变为蓝色矩形并显示白色对勾（如点击标题行选择框，则下方列表十个选择框均为被选中状态）。鼠标悬停每条信息时，该行背景颜色变为#F5F7FB。操作列设“修改”和“删除”按钮，图标在左，文字在右，图标与文字颜色均为蓝色。
④分页控件：数据列表下方右侧有分页功能，显示“共3条”“10条/页”下拉框、页码切换按钮（第1页和左右箭头）以及“前往N页”输入框。
6.班级管理—课程管理：点击左侧班级管理下的课程管理标签，进入课程管理页面，同时页面发生如下变化：
（1）导航与状态反馈：“课程管理”标签高亮（文字与图标颜色均为#409EFF），标识当前处于该功能模块；顶部功能区更新为“首页/班级管理/课程管理”，清晰呈现系统层级路径；导航条中的页面标题：“首页”按钮恢复默认状态，“课程管理”按钮高亮。
（2）主体内容区域变化：从空白状态切换为“课程管理”界面，包含两类核心功能：
①操作按钮：数据列表上方左侧显示“导出”按钮，图标在左，文字在右。默认样式为背景#FFF8E5+边框#FAE2B8+文字#FFC02B，鼠标悬停时切换为背景#FFB800+文字#FFFFFF。
②数据列表：呈现节次/星期、星期一、星期二、星期三、星期四、星期五和星期六等数据列，当前页有8条课程信息。鼠标悬停每条信息时，该行背景颜色变为#F5F7FB。

模块B：软件系统开发

一、模块考核点
本模块重点考查参赛选手的业务设计、前端页面开发和后端业务代码编写能力，具体包括：
1.前端页面开发。基于给定的系统需求，利用后端API提供的数据接口，使用HTML5、CSS3、JavaScript、Vue.js（ElementUI、vue-element-admin）等技术，遵循MVVM模式完成前端页面，实现业务功能，要求编码符合前端工程化开发技术规范。
2.后端业务开发。基于给定的系统需求，利用可视化开发工具设计数据库，并利用Spring Boot框架实现后端业务功能，完成RESTful API接口开发，并发布运行。要求设计符合Spring Boot框架的Domain/POJO、DAO、Service、Controller分层架构模式，编码符合命名和注释规范。
二、任务要求
1.利用数据库可视化管理工具，创建school数据库，并导入school.sql数据库文件，在school数据库下创建题目所需的数据库名，根据竞赛任务描述，实现项目业务功能后，导出数据库脚本school.sql。数据库账号/密码：root/root。
2.利用后端开发工具IntelliJ IDEA，打开后端项目，根据竞赛任务描述，实现项目业务功能，然后利用Maven将项目发布为school.jar包文件。
3.使用前端开发工具，打开管理前端项目，根据竞赛任务描述，实现项目业务功能，然后发布为生产环境dist1文件夹，使用Nginx进行部署，在浏览器内输入前端网址，验证管理端的业务功能，利用admin/admin123登录智慧校园管理系统。
4.竞赛结束前，选手将上述成果物“school.sql”“school.jar”“dist1”添加到“应用系统开发.zip”压缩包内，并提交压缩包文件。
三、竞赛任务
竞赛选手根据客户提供的任务描述，按照模块二的任务要求，完成管理前后端功能开发任务。

任务1：班级管理—学生信息

注：选手自行编写管理前端界面。
【基本要求】
1.进入智慧校园管理系统主界面，点击左侧班级管理下的学生信息标签，进入学生信息页面，实现学生信息管理数据列表显示，数据列表显示内容应包括：编号、姓名、年龄、班级、身高、体重和操作下的【修改】、【删除】按钮。
2. 数据列表上方显示【新增】按钮，点击【新增】按钮后，在弹出的「添加学生信息」对话框中输入姓名（*必填项）、年龄（*必填项）、班级、身高、体重后点击【确定】按钮可新增学生信息数据并提示“新增成功”字样，若点击【取消】按钮可关闭对话框。
3. 点击【删除】按钮可删除学生信息数据，刷新列表数据并提示“删除成功”字样。
4.数据列表下方有分页模块，分为六部分，分别为“共N条”、“10条/页”、“<”链接、每页链接（当前页码高亮显示）、“>”链接,“前往N页”输入框。点击“<”超链接，进入上一页的学生信息数据列表；如果当前页码为1，则“<”超链接不可用；点击“>”超链接，进入下一页的学生信息数据列表；如果当前页码为最大页码，则“>”超链接不可用；点击每页链接，进入链接指定页码的学生信息数据列表；“前往N页”输入页码后回车，进入指定页码的学生信息数据列表，如果输入页码大于最大页码，则进入最后一页学生信息数据列表，如果输入页码小于1，则进入第一页学生信息数据列表。
5.数据列表上方显示【导出】按钮，点击【导出】按钮后，系统将自动将表格数据转换为Excel格式文件并触发下载。
数据库名：student

任务2：班级管理—成绩管理

注：选手自行编写管理前端界面。
【基本要求】
1.进入智慧校园管理系统主界面，点击左侧班级管理下的成绩管理标签，进入成绩管理页面。实现成绩管理数据列表显示，数据列表显示内容应包括：编号、姓名、班级、排名、总分和操作下的【修改】、【删除】按钮，分页。
2.点击【删除】按钮可删除成绩管理数据，刷新列表数据并提示“删除成功”字样。
3.点击【修改】按钮后弹出「修改成绩管理」对话框，对话框中可修改内容包括：姓名（*必填项）、班级（*必填项）、总分（*必填项），填写完成后点击【确定】按钮可修改成绩管理并提示“修改成功”字样，若点击【取消】按钮可关闭对话框。
4.数据列表左上方点击【新增】按钮后弹出「添加成绩管理」对话框，对话框中可修改内容包括：姓名（*必填项）、班级（*必填项）、总分（*必填项）。点击姓名右侧的【选择】按钮后，弹出「选择学生信息」对话框，下方是数据列表显示，显示内容应包括：编号、姓名年龄、班级、身高、体重、操作下的【选择】，数据列表上方搜索框中输入姓名、年龄后点击【搜索】按钮，可实现按搜索条件模糊查询的功能并刷新列表数据，若点击【重置】按钮可清空输入的查询条件。点击数据列表左上方的【取消】按钮即可回到新增成绩管理对话框，点击「选择学生信息」对话框中的数据列表信息中的【选择】按钮后将数据自动填写至成绩管理中。
5.在修改和新增成绩管理中输入总分后，点击确认后会自动根据分数从高到低排序，并且会自动分配所在的排名。如果分数相同，则新增的数据排在分数相同的下面，并且排名+1。
6.如果新增中的学生已存在，则弹出一则消息提示“该学生已存在”，否则弹出“新增成功”字样并新增数据。
数据库名：grades

任务3：班级管理—班级考勤

注：选手自行编写、设计服务接口部分（pojo、mapper、service、controller）、管理前端界面。
【基本要求】
1.进入智慧校园管理系统主界面，点击左侧班级管理下的班级考勤标签，进入班级考勤页面。实现班级考勤数据列表显示，数据列表显示内容应包括：编号、学生、班级、迟到时间、迟到日期、理由和操作下的【修改】和【删除】按钮，分页。
2.点击【修改】按钮后弹出「修改班级考勤」对话框，对话框中可修改内容包括：学生（*必填项）、班级（*必填项）、迟到时间、迟到日期、理由，修改完成后点击【确定】按钮可保存修改内容并刷新数据列表，若点击【取消】按钮可关闭对话框。点击【删除】按钮可删除班级考勤数据并提示“删除成功”字样。
3.数据列表上方搜索框中输入学生、班级后点击【搜索】按钮，可实现按搜索条件模糊查询的功能并刷新列表数据，若点击【重置】按钮可清空输入的查询条件。
4.数据列表上方显示【新增】按钮，点击【新增】按钮后，在弹出的「添加班级考勤」对话框中输入学生（*必填项）、班级（*必填项）、迟到时间、迟到日期、理由后点击【确定】按钮可新建班级考勤数据并提示“新建成功”字样，若点击【取消】按钮可关闭对话框。
5.在修改和新增迟到时间时，如果填写的时间大于60分钟，则数据列表中迟到时间字段的格式就为xx小时xx分（例如60分就是1小时0分），如果小于60分钟，则为xx分（例如50分）。
数据库名：attendance

任务4：班级管理—课程管理

注：选手自行编写、设计服务接口部分（pojo、mapper、service、controller）、管理前端界面。
【基本要求】
1.进入智慧校园管理系统主界面，点击左侧班级管理下的课程管理标签，进入课程管理页面。实现课程管理数据列表显示，数据列表显示内容应包括：节次/星期、星期一、星期二、星期三、星期四、星期五、星期六。
2.数据列表上方显示【导出】按钮，点击【导出】按钮后，系统将自动将表格数据转换为Excel格式文件并触发下载。
数据库名：lessons

模块C：软件排障与部署

一、模块考核点
本模块主要考核选手对软件系统中常见故障的分析与修复能力，重点评估选手在调试（debug）过程中的问题定位与排查能力。软件部署能力虽不计入最终得分，但作为参赛选手应具备的基本素养，仍被视为完成任务的前提条件。
二、任务要求
提供素材：
本模块提供存在故障的前端与后端项目源代码及项目功能说明文档（PDF），选手需依据提供材料完成故障定位与修复任务。
命题方向：
（1）针对命题中明确描述的Bug（包括前端功能Bug和后端功能Bug），选手应按要求完成修复。
注：所列Bug不影响项目的正常构建运行，主要为功能性错误或可通过简单修改恢复运行的中等严重Bug，避免因Bug过于复杂影响选手正常作答进度。
（2）对于命题未明确指出的其他潜在Bug，选手需结合项目功能描述文档，自行分析并完成排查与修复。
（3）三、竞赛任务

任务1：软件排障

进入智慧校园管理系统主界面，点击左侧班级管理下的图书管理标签，从下方的四个页面中排查出至少五个bug，每个bug各4分，软件部署不计入评分，仅作为完成软件排障任务的前提条件。
若未完成部署或部署失败，将不予评分。
部署成功后，系统将基于Python Selenium脚本、Postman自动化测试工具，对项目修复后的功能进行自动化验证和量化评分，得分仅依据软件排障部分的完成情况计算。

本套题目全模块答案及配套文件可联系博主获取！联系方式在文章最下方

智慧校园管理系统运行成果图