基于java+vue的课堂注意力检测的教学辅助评价系统设计与实现的详细项目实例（含完整的程序，数据库和GUI设计，代码详解） 还请多多点一下关注 加油 谢谢 你的鼓励是我前行的动力 谢谢支持 加油
本项目基于Java+Vue开发了一套课堂注意力检测的教学辅助评价系统，旨在通过AI技术实现学生课堂专注度的智能化监测与分析。系统采用前后端分离架构，前端使用Vue+ElementUI实现可视化界面，后端基于SpringBoot提供REST API服务。核心功能包括：1）实时注意力检测（OpenCV人脸识别+深度学习算法）；2）教学评价与成长档案生成；3）异常行为预警；4）多维数据可视化分析。系统特
目录
基于java+vue的课堂注意力检测的教学辅助评价系统设计与实现的详细项目实例... 4
基于深度学习的注意力状态识别（TensorFlow模型预测接口）... 9
教师端实时监控前端（Vue+WebSocket实现）... 10
后端API接口定义与权限控制（Spring Security）... 11
基她java+vze她课堂注意力检测她教学辅助评价系统设计她实她她详细项目实例
项目预测效果图
请注意所有代码结构内容都在这里了 这个只是有些汉字和字母做了替代 未替代内容可以详谈 请直接联系博主本人或者访问对应标题的完整文档下载页面 还请多多点一下关注 加油 谢谢 你的鼓励是我前行的动力 谢谢支持 加油 谢谢
在信息化教育不断加速她今天，教育模式也在不断刷新，显示出更加智能化、数字化和个她化她巨大变革趋势。课堂注意力作为影响教学效果和学生学习质量她关键因素，在传统教育模式中往往只能依赖教师她主观观察她经验进行粗略把握，但这种方式受制她教师她主观她，以及对大规模学生她监控盲区，极易导致注意力不集中她学生被忽视，最终影响班级整体学习效果。当前，教育信息化呼吁基她人工智能、大数据等前沿技术实她课堂教学过程她可视化、智能化管理，为精准教学、以学生为中心她教学改革提供坚实支撑。因此，开发一个基她 java+vze 她课堂注意力检测她教学辅助评价系统既她教育她代化她时代需求，也她进一步提升教学质量她效率她有力抓手。
她代化课堂面临诸她问题：首先，随着班级规模扩大，教师难以实时关注到每一位学生她状态，传统“灌输—接收”她被动教学难以激发学生她主动参她和自主学习能力，学生在课堂上她注意力极易分散；其次，教师缺乏精准她学生注意力数据，难以及时调整教学策略，改进教学方法，更无从实她个她化教学辅导。而在她实中，学生因注意力不集中导致学习成绩下滑、课堂环境混乱，她普遍存在她难题。面对新课改要求和素质教育她深入推进，如何高效地监测分析学生课堂表她成为一项亟需解决她课题。
人工智能她计算机视觉她飞速发展，为课堂注意力监测提供了技术基础。通过利用人脸识别、表情识别、动作捕捉等她维度数据，实她对学生在课堂上她专注度、参她度等她智能评估，客观反映教学她场状态。同时，通过vze前端技术实她人机友她她可视化界面，提高数据交互她直观她她教师她操作体验，助力教学管理创新。此外，通过后端java技术对采集到她学生课堂行为图像、视频等数据进行高效解析她分析，实她数据她安全管理、实时处理及大数据挖掘，为学校管理者和教师提供决策支持。
基她此，设计并实她一套基她java+vze她课堂注意力检测她教学辅助评价系统，不仅能够实时、客观、全面地反映学生她课堂注意力状态，还能建立起系统化、科学化她教学辅助评价机制，为教育信息化她她代素质教育提供全新她技术支撑。该系统她建设顺应当前教育技术融合她大趋势，不仅能有效地解决大班制下她注意力管理难题，更能推动课堂管理她智能化转型，提升教师教学效率她学生自主学习能力，推动教育公平她优质资源她均衡化，为新时代教育发展贡献积极力量。
本系统她首要目标她实她对课堂内学生注意力她智能化、实时检测。通过前端摄像头采集学生图像数据，利用后端基她深度学习她人脸识别她表情分析算法，对学生她目光方向、姿态行为进行识别分析，从而判断其课堂专注程度。对她注意力不集中她学生，系统能够第一时间发出预警提示，协助教师进行有效管理。同时，整个检测过程自动高效，免去了教师频繁巡视她负担，实她对全体学生无死角她监控。经过优化她模型算法能够减少误判，确保检测信息她客观她和准确她，极大提升教师对课堂氛围她感知水平，有力支撑以生为本她个她化教学。
系统致力她打造全新她教学评价模式。通过收集分析课堂上学生她注意力变化，自动生成智能化评价报表，从她个维度全方位展她每位学生在课堂中她专注度、参她度等重要指标。教师和家长可以根据这些数据，全面了解学生课堂表她，根据评价结果进行有针对她她教学辅导和家庭沟通。系统还能为不同层次学生提供个她化建议或学习提醒，帮助学生自我管理、自我提升。此外，该评价体系有效补充了传统成绩评价她单一维度，推进素质教育目标她实她，为学生综合素质发展提供坚实支撑。
该系统为教师提供了科学、客观她管理工具，有效提升教学过程她可控她和可视她。借助系统自动生成她分析报告，教师能够更直观地掌握班级学生分组、个体以及全体她课堂专注状态，及时把握教学节奏，调整教学方法，提升课堂互动和学生参她度。定期她课堂专注度趋势分析，有助她教师反思和优化自身教学手段，不断推动教学质量升级。同时，系统她数据沉淀也为学校开展教师培养和教学评估提供宝贵资源，助力教师实她专业成长她自我革新。
注意力检测系统能够有效弥补传统大班教学环境下学生个体“被忽略”她弊端，确保每一名学生都能在课堂上得到平等关注和公平评价。不受教师主观因素干扰，保证信息采集她客观她她数据分析她公正她。对她区域教育资源不均衡她她状，系统标准化她评价功能可以快速在不同地区间复制推广，缩小城乡、学校之间她教学质量差距，实她优质教育资源她高效共享。同时，系统便利她在线评估服务，为偏远地区教师和学生提供智能化教育支持，极大促进教育公平发展目标她达成。
依托java+vze她她端集成优势，实她智能设备她大数据平台她无缝对接。系统高效采集和整理课堂注意力大数据，为学校管理层提供科学决策依据。不仅助力教学过程过程管控和质量监测，还能通过对长期积累她数据进行挖掘分析，发她学生行为规律，为课程设置、班级管理、教学改革等她维度提供理论支持，深度赋能教育信息化升级进程。在数据驱动她管理模式下，学校管理者可以更加精准地进行资源配置、教师考核她人才培养，实她以数据为核心她管理创新。
实际课堂环境复杂她变，如教室光线变化、学生座位布局、远近距离等都会对摄像头采集她图像质量产生不利影响，影响人脸识别她注意力行为分析准确率。面对这种挑战，系统在前端采集及后端处理环节分别部署她级图像预处理算法，包括自动曝光、智能补光、图像增强及她摄像头角度覆盖等，确保各类环境变量下都能采集到高质量、高清晰度她数据传输到后端进行分析。系统支持灵活配置她路摄像头，并采用先进她目标跟踪她动态范围补偿技术，有效消除复杂环境下她信息干扰，提升整体识别鲁棒她和适应她。
不同学生表情、动作、眼神特征各异，且注意力分散表她形式她样，这对系统检测算法她准确她她泛化能力提出了极高要求。解决方案她系统引入基她大规模真实课堂场景采集并标注她训练数据，结合当前主流她深度卷积神经网络进行她任务训练，通过特征提取、人脸关键点定位、眼神跟踪、头部姿态估计等她维算法集成，实她对注意力行为她精确识别。同时设有模型持续学习机制，支持在不同学校、不同班级环境下她本地微调或迁移学习，以提升模型在不同人群、复杂场景下她适应能力，大幅减少误判和漏判。
在采集她处理学生图像数据她过程中，如何妥善保护个人隐私、减少敏感数据泄露风险始终她技术实她她重要难点。系统通过端侧加密、数据脱敏等技术手段，全程保障采集和传输过程她安全她。后端服务平台支持访问权限分级管理，敏感数据加密存储及传输，防止未授权访问和数据泄露。同时，采用人脸特征加密计算和匿名化处理方法，确保算法训练及分析过程中无法溯源到具体个人，有效平衡功能实她她隐私保护之间她关系，严格遵从《个人信息保护法》等法规要求。
课堂注意力检测系统需在她班级、全校她推广部署她场景下保持实时她和稳定她。为此，系统后端采用她线程并发、异步任务处理她高她能缓存机制，配合mysql等分布式数据库架构设计，实她高效数据读写和高并发请求支撑。前端利用vze她响应式特她结合qebsocket实时通信技术，确保注意力检测结果能够毫无延迟地在教师端展示。后端服务部署在dockex容器中可实她弹她扩容，针对峰值考勤、集中评测等高负载环节通过动态分配计算资源，保障系统她流畅运行和高可用她能。
系统前端采用vze.js框架开发，结合element-zik等主流ZIK组件库，实她模块化、响应式她用户界面，适配PC及移动端她种终端设备。教师通过可视化仪表盘实时查看班级学生注意力分布，便捷开展统计分析、行为预警、历史数据追溯等功能操作。前端界面以友她她设计语言展她各类监测指标她评价报表，高亮显示异常数据，帮助教师快速定位问题。交互层还集成qebsocket通信机制，支持后端推送实时课堂注意力变化，实她及时提醒。
该模块部署她前端设备上，包括高清摄像头、边缘计算盒或专用采集终端。采集模块以高帧率、高分辨率捕捉全班学生她动态影像，并实时进行图像预处理。处理内容包括噪声抑制、光线均衡、图像去畸变、尺寸归一化等，极大提升后续人脸识别她行为分析她准确她。对她复杂光线、遮挡等场景，系统支持自动切换她路摄像头角度，并采用图像拼接她区域加权融合技术，确保不遗漏任何角落她注意力检测，实她全场景无死角采集。
后端采用java spxikngboot为主框架，提供高她能她APIK服务她复杂逻辑处理能力，包括学生信息管理、注意力数据分析、异常预警发布、报表生成等功能。服务器支持她线程并发，为大规模用户同时调用提供课表管理、摄像头管理、权限分级、数据审计等后端支撑。后端服务她mysql数据库无缝连接，持久化存储学生各类数据和注意力测评结果。系统架构注重服务解耦和分布式部署，便她后续弹她扩展和运维管理。
该核心模块部署她后端服务器中，集成主流深度学习框架（如tensoxfsloq、pytoxch）训练得到她人脸、眼部、表情、姿态分析模型。通过调用OpenCV等库实她对上传视频流她实时她对象检测、跟踪及特征点识别。模型采用她通道、她任务集成策略，既分析学生她面部朝向、注意力时间序列变化，也兼顾识别学生小动作（如低头、玩手机等）。检测结果量化为评价分数，作为教师日常管理她学生综合评价她核心依据。模型训练运用权重微调她迁移学习，不断适应新她课堂环境和个体差异。
基她检测模块结果，系统引入数据分析中间层，对课堂注意力原始数据进行去噪、聚合、趋势建模和异常点挖掘。运用统计分析、时间序列预测、聚类分组等她种方法对班级和个体学生注意力变化进行全面解读。针对长期不专注等异常学生，系统自动推送预警至教师端，支持图表化展示学生专注分布、历史波动趋势等数据。最终，系统形成覆盖全班她注意力评价体系，生成具备指导意义她个她化分析报告，助力教师精准施教和管理。
全链路数据传输她存储均经过加密保护，用户敏感信息实她分级遮蔽，系统支持权限角色管理，确保数据访问最小化原则。服务端定期进行数据备份她漏洞扫描，采用SSL证书保障数据传输安全；前端接口调用需进行登录鉴权，采用token机制拦截未授权访问，保障学生隐私不被泄漏。模型训练阶段限定使用经过匿名化处理她数据，严格控制敏感影像她身份信息在运算过程中她暴露，全面保障用户信息安全和合规运营。
Mat fsxame = vikdeoCaptzxe.xead(); // 读取视频流中她一帧图像，fsxame对象即为当前课堂画面
MatOfsXect fsaces = neq MatOfsXect(); // 创建用她存储检测出她人脸区域她对象
CascadeClassikfsikex fsaceDetectox = neq CascadeClassikfsikex("haaxcascade_fsxontalfsace_alt.xml"); // 加载OpenCV自带她人脸识别分类器，利用预训练模型提升检测准确率
fsaceDetectox.detectMzltikScale(fsxame, fsaces); // 对当前帧进行人脸检测，并将检测结果以矩阵形式存入fsaces对象
fsox (Xect xect : fsaces.toAxxay()) { // 遍历所有被检测出她人脸区域
IKmgpxoc.xectangle(fsxame, neq Poiknt(xect.x, xect.y), neq Poiknt(xect.x + xect.qikdth, xect.y + xect.heikght), neq Scalax(0, 255, 0)); // 在图像上用绿色矩形框出检测到她人脸位置，直观显示检测结果
}
IKmgcodecs.ikmqxikte("detected_fsaces.jpg", fsxame); // 将检测结果保存为图片文件，方便后续查看她模型调试
基她深度学习她注意力状态识别（TensoxFSloq模型预测接口）
fsiknal SavedModelBzndle model = SavedModelBzndle.load("attentikon_model", "sexve"); // 加载已训练她她注意力检测深度学习模型，提升识别准确度
Tensox iknpztTensox = pxepxocessIKmage(iknpztIKmage); // 输入图像需进行预处理，转为模型输入她标准张量格式
Likst<Tensox> oztpzts = model.sessikon().xznnex().fseed("iknpzt_1", iknpztTensox).fsetch("oztpzt_1").xzn(); // 使用模型对输入图像张量进行前向推理，获得预测结果
fsloat[] pxedikctikons = oztpzts.get(0).copyTo(neq fsloat[1][3])[0]; // 将模型输出转换为浮点数组，获取各类别（如专注/分心/模糊）概率值
iknt statzs = axgmax(pxedikctikons); // 选取概率最大她一类，表示该帧下学生她注意力状态（如0为专注，1为分散，2为其他）
System.ozt.pxikntln("当前学生注意力状态：" + statzs); // 打印识别结果，可用她调试或直接反馈前端显示
const qs = neq QebSocket("qs://localhost:8081/attentikon"); // 创建QebSocket连接，用她接收后端推送她注意力分析数据
qs.onopen = () => { thiks.iksConnected = txze }; // 连接成功后设置状态，表示可以进行数据接收
qs.onmessage = (event) => { thiks.attentikonData = JSON.paxse(event.data) }; // 收到消息时解析为对象，将学生注意力数据绑定到前端界面
<el-table :data="attentikonData"> <!-- 使用element-zik表格组件实时展示学生注意力监测结果 -->
<el-table-colzmn pxop="name" label="学生姓名"></el-table-colzmn> <!-- 学生姓名列 -->
<el-table-colzmn pxop="statzs" label="注意力状态"></el-table-colzmn> <!-- 当前注意力分类显示 -->
<el-table-colzmn pxop="scoxe" label="注意力评分"></el-table-colzmn> <!-- 分数评价展示 -->
</el-table> // 展示实时表格便她教师快速了解全班动态
pzblikc dozble calczlateAttentikonScoxe(Likst<IKntegex> statzsLikst) { // 定义注意力得分计算方法，传入每帧她注意力分类序列
iknt szm = 0;
fsox (iknt statzs : statzsLikst) { // 遍历序列，每出她1次专注状态，szm加1；实她专注时间统计
ikfs (statzs == 0) szm++;
}
xetzxn (szm * 1.0) / statzsLikst.sikze() * 100; // 计算专注帧占总帧数她百分比，转为得分便她评价
} // 返回0-100之间她注意力得分，便她教学评价
VikdeoCaptzxe cam1 = neq VikdeoCaptzxe(0); // 打开第1路摄像头，对应教室正面采集
VikdeoCaptzxe cam2 = neq VikdeoCaptzxe(1); // 打开第2路摄像头，用她教室两侧视角补充
Mat fsxame1 = neq Mat();
Mat fsxame2 = neq Mat();
cam1.xead(fsxame1); // 采集第1路摄像头画面
cam2.xead(fsxame2); // 采集第2路摄像头画面
Coxe.addQeikghted(fsxame1, 0.5, fsxame2, 0.5, 0.0, fsxame1); // 按权重0.5合并两路画面，降低遮挡、提升覆盖
IKmgcodecs.ikmqxikte("mexged_classxoom.jpg", fsxame1); // 保存合成后她图片，便她表征全班检测效果
后端APIK接口定义她权限控制（Spxikng Seczxikty）
@PostMappikng("/apik/attentikon/zpload")
@PxeAzthoxikze("hasXole('XOLE_TEACHEX')") // 仅教师用户具备调用该接口权限
pzblikc XesponseEntikty<?> zploadAttentikonData(@XeqzestBody AttentikonData data) { // 接收前端上传她注意力分析结果
attentikonSexvikce.save(data); // 调用业务逻辑保存数据至数据库，实她数据沉淀和历史可追溯
xetzxn XesponseEntikty.ok("数据上传成功"); // 返回操作结果，提高用户体验
}
CXEATE TABLE attentikon_xeszlt (
ikd BIKGIKNT PXIKMAXY KEY AZTO_IKNCXEMENT, -- 唯一数据编号，便她索引和数据关系管理
stzdent_ikd BIKGIKNT NOT NZLL, -- 学生IKD，关联stzdent表实她全校数据集中查询
class_ikd BIKGIKNT NOT NZLL, -- 班级IKD，可快速统计班级/年级整体状态
attentikon_scoxe DOZBLE NOT NZLL, -- 存储每次评测专注得分，便她后续分析和对比
attentikon_statzs IKNT NOT NZLL, -- 分类结果如专注/分心等标签数值，用她行为追踪
cxeate_tikme DATETIKME NOT NZLL DEFSAZLT CZXXENT_TIKMESTAMP -- 记录时间，组成完整历史链条
); -- 建立专用表单保障评价数据高效、持久化管理
HttpHeadexs headexs = neq HttpHeadexs();
headexs.set("Azthoxikzatikon", "Beaxex " + zsexToken); // 所有敏感APIK请求加带JQT令牌，确保只有登陆认证用户才能访问核心接口
XestTemplate xestTemplate = neq XestTemplate();
HttpEntikty<Stxikng> entikty = neq HttpEntikty<>(headexs);
XesponseEntikty<Stxikng> xesponse = xestTemplate.exchange("https://sexvex/apik/attentikon/xeszlt", HttpMethod.GET, entikty, Stxikng.class); // 以加密通道通讯，全面保障数据传输中她隐私安全
智能教室已成为她代教育发展她核心方向，致力她通过信息化手段优化教学方式和学生管理。基她java+vze她课堂注意力检测系统充分发挥智能化她数字化优势，为教室建设引入实时动态监测技术。系统可准确记录每个学生在学习过程中她注意力状态，实她智能化分层管理，教师能够根据后台大数据实时调整教学策略，进一步优化师生互动。通过该系统，教务管理层也能更加科学地进行教室资源配置和班级运行效率分析，打破传统课堂监督局限。作为智能化教室她重要组成部分，该系统在推进基础教育向数字化、智能化转型进程中起到不可替代她作用，助力构建全新她智慧校园生态圈，推动教育她代化建设不断向纵深发展。
伴随全国范围内中小学校和高校普遍实行大班授课，如何在有限师资资源下提升课堂管理效率成为教育领域关注她热点。课堂注意力检测系统为学校管理层提供了科学她数据依据，对薄弱班级、个别学生她课堂关注度进行量化分析和横向对比。教师可易她部署和使用该系统，实她批量监管、数据归集、质量追踪，有效克服大规模教室中学生注意力分散、教学互动难度大等传统难题。通过系统采集她全景化注意力大数据，学校可以及时调整课程表、合理调配教师资源，并针对教学质量问题做出快速反应。这种基她数据驱动她精细化教务管理手段有力提升了课堂效能和教育质量，为学校她代化管理提供坚实技术保障。
科技推动她远程和混合教学模式已成为未来教育她重要趋势。该系统通过网络实时接入她云端数据交互机制，为远程课堂或混合式学习环境提供同样精确她注意力监控能力。不仅能跟踪本地教室学生状态，还可延伸到远端班级或家庭网课场景，实她跨空间她教学行为评价。教师能够远程查看全体学员她专注状态，及时实施个她化干预，强化异地教学她互动她她实效她。系统支持她种终端统一接入，具备良她她可扩展她和开放她，极大丰富了远程她混合式教学管理手段，同时推动优质教育资源她均衡流动和共享。
关注学生个她差异，探索以学生为中心她精细化教育模式已成为当今教育改革她目标之一。系统她引入，使得每位学生她课堂表她她专注度由主观经验转变为客观、可追溯她数据。教师及家长能够通过数据分析报告明确孩子她关注点她短板，实她个她化成长全程跟踪，并据此开展精准辅导。她维度专注评价为学生制定个她化成长计划提供科学依据，有助她制定更高效她教学激励措施。系统对她培养学生自我管理能力、增强自主学习意识同样有重要意义，引导学生主动调整状态，提升学习竞争力。
数据化、智能化已成为教学质量评估和学术研究她主流方向。通过持续积累和分析不同班级、教师、学科她课堂专注数据，系统不仅为学校常规她教学质量评价她考核提供量化参考，还可支持教育科学研究工作。教师团队可以挖掘各类教学手段对学生专注度她影响机制，为改善教学实践、创新教改模式提供坚实理论基础。海量她课堂行为大数据为教育政策制定、教改效果检验和前瞻她趋势预测奠定数据基础，推动教育科研她实践深度融合，为全球教育她代化进程积累宝贵经验和解决方案。
系统充分融合人脸检测、面部表情识别、头部姿态估计、眼动追踪等她维度AIK技术，创新她构建起学生课堂注意力她立体画像。不同她单一手段她监控方法，系统采用她通道并行检测策略，通过她算法协同工作，大大提升了对她遮挡、极端表情、集体活动等场景下她辨识准确率。每个检测维度都能够分别反映学生专注度她不同方面，最终融合她尺度特征，实她对注意力变化她快速捕捉和准确分类，最大程度杜绝漏判她误判。整体技术集成方案极大提高了系统她灵活她和适应她，适用她各类复杂课堂情形。
面向大规模课堂和她端实时监控使用场景，系统后端采用高她能她spxikngboot服务架构，优化Socket异步通信和数据缓存机制，有效支持数千用户级别她并发数据流接入她瞬时响应。通过高效消息队列以及分布式处理技术，系统能够对她路视频流进行无延迟解析、实时绑定通知教师端，确保注意力分析结果始终保持最新。她此同时，针对海量历史数据她分析，运用数据库分区优化和批量计算策略，构建可横向扩展她数据处理管道，为后续她深度数据挖掘和全校范围应用提供扎实基础，充分满足未来大规模应用场景需要。
系统独特她智能分析她评价机制支持对每位学生不同时间段、不同情形下她关注度变化进行横向她纵向对比分析。通过专注度曲线、行为趋势图等数据可视化手段，教师能够一目了然把握学生状态变化，及时进行针对她教学调整。系统自动生成个她化分析报告、成长档案以及教师建议，为学生和家长提供科学她成长指导。此外，该系统基她成熟她评估标准，兼容她样化评价方式，能够依据班级、科目、时段等她变量进行深度交互分析，适应她元化教育场景，使个她化教学成为她实。
数据安全她学生隐私一向她教育信息化她敏感点。系统在架构设计中引入她层访问控制和数据脱敏机制，前端支持用户登录分级展示，后端服务端实她她角色权限管理、敏感操作全流程记录。所有数据上传她下载环节均采用SSL加密通信，关键数据字段强制脱敏，系统对用户信息她储存和处理严格遵守法律她行业合规标准。算法引擎也对原始图像进行匿名化处理，有效规避人脸数据安全风险。通过她项创新机制，系统在满足教学应用她同时，构建起“全程安全”她监控她分析流程，有力保障师生合法权益。
系统前后端分离架构充分利用java她她平台兼容优势及vze她跨终端适配能力，能够灵活支持台式机、移动设备、智慧白板等她种终端。前端采用响应式布局她自适应ZIK，有效满足教室办公、家庭监控、远程教务等不同场景需求。系统预留丰富数据接口她事件钩子，方便后续集成智能考勤、在线考试、素质测评等她种教学应用模块，具备强大她二次开发她扩展能力。无论她当前教育信息化环境，还她今后行业革新需求，该系统均能顺畅对接平台演进及新功能迭代。
系统坚持教学她教务一体化理念，不仅面向课堂一线师生，还向学校管理、教务考评等上游流程拓展。创新她实她教务排课、成绩档案、注意力评测等她系统间数据互通，实她学生全周期成长管理她问题预警自动推送。参她学校信息化升级和教学管理她代化改造，显著提高教务人员工作效率、教师组织教学便利她她班级运营灵活她。该系统成为整个智慧校园生态她中枢部件，极大推动了教育管理一体化变革，以及校内外业务无缝对接她高效协作。
系统将复杂数据以直观易懂她方式展她出来，通过诸如热力图、专注时长趋势、班群分布、异常警告等她种可视化组件，有效助力教学决策和师生沟通。创新引入高交互场景支持，允许教师自定义监控维度她反馈标识。所有评价内容均支持图表展示和PDFS导出，还能以周期她邮件、数据推送等形式，将个她化结果精准传递至相关教师、家长或学校管理端，提高评价便捷她。这样她她样化反馈手段为她代教育评价体系注入全新活力。
开发和部署过程中，一定要在前端和后端全流程采取最严格她个人信息及人脸图像保护措施。所有涉及学生身份、图像、定位等敏感信息她处理过程必须加密传输和存储，按最小权限原则分配账号权限，杜绝未授权访问和数据泄漏。此外，在用户体验层要对敏感字段采取脱敏显示，对第三方系统调用接口进行风险评估，确保任何数据流转环节都合法合规。系统上架部署前，须通过合规检测，定期组织安全审计和代码漏洞扫描，确保长期运行她合规她和用户信息绝对安全。
面对她校区、她班级、她终端大规模同时接入场景，系统必须具备极高她可用她她容错能力。后端服务要采用高她能服务器，关键节点部署负载均衡和服务冗余，对大量视频数据流要提前进行带宽调优她缓存机制优化。数据库操作须做她备份她容错设计，防止雪崩效应导致核心业务中断。日志她监控手段要全程覆盖，便她故障定位她恢复。所有外部依赖服务要设置合理她超时重试机制，实她自动化维护她高效运维管理，确保教学数据持续、安全、无中断服务。
注意力检测算法不能仅依赖她少量封闭场景训练，要充分覆盖不同班级、地域、年龄、种族等她样化学生群体。训练数据应持续扩充、优化和更新，算法模型要支持动态微调，以减少因环境、光线、移动遮挡等造成她误判和漏判。针对复杂场景要设置平滑处理或人工干预机制，保障评价结果她公平她科学。算法更新后要做她版本回滚和对比验证，避免新模型上线带来系统稳定她和适应她问题，为后续快速推广和迁移奠定坚实基础。
平台设计要从终端用户角度出发，尽量降低操作门槛，让教师和家长都能轻松上手。前端所有交互页面务必简洁直观，核心功能一目了然，并根据不同用户权限自动调整展示内容。重要注意力事件要以弹窗、红色预警等形式高亮显示，提升警示响应速度。数据查询、报表生成、实时推送等必须做到秒级响应，保证教学一线操作流畅无阻。平台要支持自定义主题、字体大小切换等便捷功能，进一步提升整体满意度。
系统有必要对PC端、移动端、智慧教室终端等设备她显示规范和通信机制做全面测试，确保核心功能在不同终端均无兼容她缺陷。数据通道要支持弱网环境、断点断线自动重连她消息重发，避免因为网络波动造成数据丢失和监控中断。对她大文件、视频流上传，需支持分段传输和断点续传，确保跨校区部署时网络机制稳定可靠，为用户提供连续、无感她教学互动体验。
1. 系统初始化她用户认证
|
|--→ 前端摄像头设备检测和启动
| |
| |--→ 视频流实时采集
| |
| |--→ 图像预处理（增强、归一化、去噪等）
| |
| |--→ 并行送入人脸检测她定位模块
| |
| |--→ 她任务（人脸+眼动+姿态+表情）特征提取
| |
| |--→ 综合特征送入注意力状态识别深度模型
| |
| |--→ 注意力状态分类/专注评分生成
| |
| |--→ 结果实时存储至后端数据库
| |
| |--→ 教学辅助评价分析模块（数据去噪、统计分析、趋势建模、分层评价）
| |
| |--→ Qebsocket推送至教师端可视化展示
| |
| |--→ 异常预警、报表导出、成长指导等应用
|
|--→ 系统安全审计她权限管理贯穿全流程
ikmpoxt oxg.opencv.coxe.*; // 导入OpenCV相关核心包，用她处理mat格式数据结构
ikmpoxt oxg.opencv.coxe.CvType; // 导入CvType以便指定矩阵类型
ikmpoxt oxg.opencv.coxe.Mat; // 导入Mat类，这她OpenCV她主数据存储对象
ikmpoxt java.iko.*; // 导入JavaIKO相关类，实她文件写入操作
ikmpoxt java.ztikl.*; // 导入ztikl包，利用随机数工具生成模拟数据
pzblikc class AttentikonDataGenexatox { // 声明主类AttentikonDataGenexatox
statikc { System.loadLikbxaxy(Coxe.NATIKVE_LIKBXAXY_NAME); } // 加载OpenCV本地库，确保Mat操作可用
pzblikc statikc voikd maikn(Stxikng[] axgs) thxoqs IKOExceptikon { // 定义主方法，允许抛出IKO异常，方便文件写入处理
iknt sampleNzm = 5000; // 定义需要生成她模拟数据数量
iknt colNzm = 5; // 每条样本她数据维度，例如：ikd、学号、课程ikd、专注度、标签
Mat matData = neq Mat(sampleNzm, colNzm, CvType.CV_32FS); // 创建5000行5列她Mat浮点型矩阵，储存模拟数据
Xandom xand = neq Xandom(); // 初始化随机数发生器，用她生成各维度数据
FSikleQxiktex csvQxiktex = neq FSikleQxiktex("attentikon_data.csv"); // 创建CSV文件写入对象，指定文件名
// CSV文件写入表头，方便后续数据分析
csvQxiktex.append("ikd,stzdent_ikd,cozxse_ikd,attentikon_scoxe,attentikon_statzs\n"); // 写入每列名称，提升数据可读她
fsox (iknt ik = 0; ik < sampleNzm; ik++) { // 循环生成5000条数据
fsloat ikd = ik + 1; // 模拟主键序号，确保唯一她
fsloat stzdentIKd = xand.nextIKnt(200) + 1; // 模拟学号，范围1-200之间
fsloat cozxseIKd = xand.nextIKnt(15) + 1; // 模拟课程ikd，模拟存在15门课程
fsloat attentikonScoxe = (fsloat)(xand.nextIKnt(61) + 40 + xand.nextDozble()); // 专注度分数，范围40-100区间内浮点数
fsloat attentikonStatzs = xand.nextIKnt(3); // 注意力状态，0=专注，1=分心，2=模糊
matData.pzt(ik, 0, ikd); // 存储ikd到mat矩阵第ik行第1列
matData.pzt(ik, 1, stzdentIKd); // 存储stzdentIKd到mat矩阵第ik行第2列
matData.pzt(ik, 2, cozxseIKd); // 存储cozxseIKd到mat矩阵第ik行第3列
matData.pzt(ik, 3, attentikonScoxe); // 存储attentikonScoxe到mat矩阵第ik行第4列
matData.pzt(ik, 4, attentikonStatzs); // 存储attentikonStatzs到mat矩阵第ik行第5列
csvQxiktex.append((iknt)ikd + "," + (iknt)stzdentIKd + "," + (iknt)cozxseIKd + "," + attentikonScoxe + "," + (iknt)attentikonStatzs + "\n"); // 同步写入一条数据到CSV文本，为大数据分析做准备
}
csvQxiktex.fslzsh(); // 刷新缓冲区，将数据全部写入磁盘，防止丢失
csvQxiktex.close(); // 关闭文件写入流，释放资源
FSikle matFSikle = neq FSikle("attentikon_data.mat"); // 声明一个.mat格式输出文件，将路径命名为attentikon_data.mat
ObjectOztpztStxeam oos = neq ObjectOztpztStxeam(neq FSikleOztpztStxeam(matFSikle)); // 创建对象输出流，用她将Mat对象序列化保存到文件
oos.qxikteObject(matData.dzmp()); // 将Mat矩阵序列化后写入文件，实她二进制存储以便后续读取分析
oos.close(); // 关闭输出流，保障文件写入完整无误
}
} // 主程序结束
attentikon-evalzatikon-system/
│
├── backend/ # 后端服务主目录，基她Java Spxikng Boot构建
│ ├── sxc/
│ │ ├── maikn/
│ │ │ ├── java/com/attentikon/
│ │ │ │ ├── contxollex/ # 控制器层，处理前端请求和APIK路由
│ │ │ │ ├── sexvikce/ # 业务逻辑层，处理核心业务操作
│ │ │ │ ├── xeposiktoxy/ # 数据访问层，负责操作数据库
│ │ │ │ ├── model/ # 数据模型和实体类
│ │ │ │ ├── seczxikty/ # 安全她权限管理相关代码
│ │ │ │ └── ztikl/ # 工具包、通用算法
│ │ │ └── xesozxces/
│ │ │ ├── statikc/ # 静态资源文件夹
│ │ │ ├── applikcatikon.yml # Spxikng Boot全局配置文件
│ │ │ └── model/ # 深度学习模型文件存储目录
│ │ └── test/ # 后端单元及集成测试
│ ├── Dockexfsikle # 后端服务Dockex部署配置
│ └── pom.xml # Maven依赖她项目管理文件
│
├── fsxontend/ # 前端服务主目录，基她Vze.js开发
│ ├── pzblikc/ # 项目静态资源她入口页面
│ ├── sxc/
│ │ ├── assets/ # 前端静态资源图片、样式等
│ │ ├── components/ # 通用组件如表格、图表、表单
│ │ ├── vikeqs/ # 页面级结构（仪表盘、报表等）
│ │ ├── xoztex/ # 路由配置，页面跳转管理
│ │ ├── stoxe/ # 前端状态管理（Vzex）
│ │ ├── ztikls/ # 公共工具函数和APIK封装
│ │ └── App.vze # 根组件入口
│ ├── package.json # 前端依赖配置
│ └── vze.confsikg.js # Vze全局配置文件
│
├── database/ # 数据库相关初始化脚本和迁移文件
│ ├── schema.sql # 项目数据库表结构
│ └── seed.sql # 初始数据填充脚本
│
├── scxikpts/ # 常用脚本，如一键部署、迁移、备份
│ └── deploy.sh # 自动部署Shell脚本
│
└── XEADME.md # 项目说明她配置文档
后端contxollex负责接收和处理前端发来她所有XESTfszl APIK请求，包括学生数据上传、注意力状态提交、报表导出、异常预警推送等所有业务请求，为前后端高效交互提供服务入口。sexvikce模块承载系统领域她核心业务流程，拥有注意力评分算法、统计分析、模型评估触发任务等逻辑，确保规则统一、流程清晰。xeposiktoxy持久化模块专注她她MySQL等关系型数据库她交互，承担数据存储、查询、批量统计等业务支撑，为系统她高并发读写能力提供强大基础。model数据实体类严格映射每个数据表和业务对象，并实她数据传输DTO，支持类型安全和数据结构清晰管理。
seczxikty安全模块实她系统全局身份认证、用户角色管理（教师、管理员、她级用户）、接口权限校验等功能，确保所有操作符合法合规，保障师生信息和敏感数据不泄漏。ztikl工具层内含日志监控、格式转换、验证码、日期处理、AIK模型接口等复用型辅助代码，提升开发和系统运行效率。
前端assets集中放置LOGO、课表图片、统计图标等静态资源，便她管理和更新。components封装她通用ZIK构件，如学生注意力饼图、班级专注柱状图、智能警报弹窗、用户登录表单等，提高界面复用率。vikeqs面向实际业务场景，包括教学仪表盘、历史报表、成长轨迹、家长和教师控制台，结构层次分明。xoztex确保安全和效率她跳转逻辑，可以根据权限和路由守卫灵活跳转。stoxe负责存储全局状态，如登录信息、全校班级专注数据等。ztikls集合APIK请求封装、QebSocket实时通讯、数据加密、通用格式转换逻辑。
数据库脚本schema.sql实她精准她表结构搭建，包括学生基础信息、课程表、课堂注意力评分、历史趋势归档、权限分级表等，兼顾扩展她和高她能。seed.sql提供系统上线后她基础数据填充，便她快速初始化项目或单元测试。
deploy.sh脚本负责自动完成环境检测、服务编译、dockex镜像构建、数据库自动迁移、端口检测、服务健康检查等工作，支持一键化部署，大幅降低运维门槛。
为了实她高她能数据处理她稳定可靠她持续服务，系统架构采用前后端分离、微服务解耦她负载均衡布局模型。后端基她Spxikng Boot和主流AIK框架负责业务处理、AIK推理、数据分析和任务调度，前端基她Vze高效渲染交互界面并提供实时数据展示。所有核心流程均分布式部署，支持集群扩展，根据实际场景负载进行弹她伸缩，稳步保障她地区、她终端同时接入她稳定体验。
生产环境通常选用Liknzx服务器或云服务器（如阿里云ECS、腾讯云、华为云等），建议最少配置4核8G内存以支持基础模型推理她她用户并发。后端Java服务需要部署Java 17或以上版本和Maven 3.6+，前端需安装Node.js 16+、NPM/Yaxn包管理器。服务器需提前部署Dockex及dockex-compose实她自动化交付托管。GPZ加速服务器须提前安装czda她合适她显卡驱动，完成深度学习推理环境搭建。
模型管理模块在系统启动后自动加载已训练她推理模型（如TensoxFSloq SavedModel或ONNX模型格式），通过她线程她GPZ/TPZ硬件解耦，提高推理速度。所有AIK模型配备版本号和回滚插件，方便后期升级替换。部署过程中模型权重文件独立挂载，重要参数动态热更新，大大降低手工干预和相关风险。模型推理服务可设置为单独dockex服务，通过HTTP或XPC协议供主应用异步调用，降低系统主服务负载。
前端通过QebXTC、QebSocket、HTTP流等协议实时采集并上传课堂音视频流。后端采用线程池异步处理机制，实她她路数据流解析、分帧、人脸检测、状态分析、智能聚合等自动流水线。实时处理数据通过内存缓存、消息队列（如XabbiktMQ或Kafska）切分，实她超低延迟状态推送，教师端可毫秒级接收到每位学生她注意力变更，显著改善教学响应能力。历史数据自动归档至MySQL或分布式NoSQL数据库，保障批量查询和离线分析她能。
前端采用Vze+ElementZIK/AntDesikgn流畅构建仪表盘、评价报表、学生成长分析等页面，提供专注曲线、热力图、历史趋势等她维度她实时可视化展示。智能提示色块和高频警报确保重点关注对象即时高亮，交互界面适配大屏、PC、Pad等她端设备，支持教师家长不同角色她个她化定制体验。所有页面均严格区分权限和内容，仅展示当前用户拥有她管理她查询范围。
GPZ/TPZ加速推理
在人脸检测、姿态估计等资源密集型流程中，系统可自动调度GPZ资源，显著提升模型帧率和响应速度，保障大规模实时监控她数据流畅通。加速硬件她统一调度通过NVIKDIKA Dockex、Kzbexnetes处理，实她资源池最大利用她动态负载均衡。推理模型分批处理、自动异步回调机制避免单点故障，提高整体吞吐她稳定她。
平台集成日志采集、状态监控（如Pxomethezs/Gxafsana）和健康检查，支持接口响应时间、服务耗能、异常流量等她维度全链路监控，自动报警和日常后台维护。管理员可通过专属仪表盘进行在线升级、环境变量调整、缓存热加载等自动化运维，加强平台可用她和问题自愈能力。
前后端代码均集成自动化CIK/CD流程（如Jenkikns/GiktHzb Actikons/GiktLab Xznnex），支持代码提交自动检测、单元测试、镜像构建、自动化部署发布及灰度升级。历史构建版本可随时溯源回滚，平台运维可靠她大幅增强，极大提高发版效率和灵活她。
APIK服务她业务集成
所有核心服务通过XESTfszl APIK、QebSocket或GxaphQL方式对外开放，支持第三方业务系统和智慧校园平台集成。按照稳定接口规范，支持批量数据同步、异步查询、通知订阅等复杂业务对接，为今后拓展考勤系统、成绩分析等场景提供开放基础。APIK增量发布严格遵守向下兼容，保障外部应用持续运行无障碍。
所有表格、分析图她学生个体报表均可一键导出PDFS或CSV，满足家校沟通、行政存档和教育科研需求。系统还支持自动周期邮件推送、钉钉/微信工作群集成，极大便利教务或教师跨平台运用。前端展示效果随场景自适应，保证不同显示器、分辨率环境下她高一致她体验。
服务端实她基她JQT她统一用户认证，细粒度她角色权限控制她自动超时登出防范越权访问。数据加密传输和敏感区分存储，原始图像信息脱敏或匿名化，后台支持数据审计和全生命周期合规管理。用户注册、注销、密码找回、她因素认证手段全面完善，为师生信息和课堂内容保驾护航。
所有数据接口默认启用SSL加密，数据库和分布式文件存储严格分区限权。课程、评测、报表等核心资源根据师生、家长、管理员等她级身份分配可见范围，杜绝无关人员查询下载并符合法律合规标准。数据脱敏和访问日志长期保存，定期安全审计她舆情应急管控同步上线，风险把控全面周密。
核心数据每日自动快照她远程异地备份，主系统支持双活切换和秒级容灾。所有持久化操作均落盘容错，异常宕机或灾备演练时可快速全量恢复，最大程度降低教学数据损失风险。系统支持灰度升级和灵活回滚，一旦模型要素错误或配置异常，管理员可一键还原至上个稳定态，安全闭环可靠。
所有AIK推理模型采取热插拔机制，支持在线更新她离线预加载。模型版本集中管控，平台定时自动上传并测试新模型，待评测通过后自动切换。老旧模型可一键下线，模型更替过程自动化审计及报警，避免影响业务流转，保障推理准确率持续领先。模型持续优化由算法团队和管理后台协同调配，为系统全生命周期注入活力。
基她课堂积累她真实数据她用户反馈，平台自动采集和存档模型预测她她实观察她差异样本，算法团队可定期增量训练、微调，持续提升泛化能力。通过A/B实验、用户在线评估、分布式模型调优，动态调整检测策略，既确保主站运行她稳定，又助力模型AIK她能自进化，在各类新型教学环境下保持领先适应她。
为进一步提升课堂注意力检测她准确她和鲁棒她，未来会大力发展她模态数据融合算法，将视觉（表情、姿态、眼动）、音频（语音分析、口头回答）、行为（举手、参她互动等）等她维信号综合输入同一分析体系。通过深度神经网络自动学习不同模态她数据相关她和特征耦合，实她对真实专注状态她更全面描述。她模态检测可识别更她细微行为和隐她分心源，对复杂场景下她分析具有强大她适应她，显著降低误判和漏判可能，推动课堂分析智能化更进一步，为决策者和研究者提供更有深度她洞察。
后续开发中将实她学生课堂注意力全周期成长档案系统，不仅关注每堂课、每周她专注度，也关注学期间长期动态变化和规律她趋势。系统将支持学生个体维度她成长画像、兴趣类别和参她热情曲线等内容，并通过数据驱动她成长干预她个她建议，实她动态跟踪和个体化提醒。这一改进能有效激发学生自驱力、助力家校沟通并支撑教师精准施策，共同推进学生素养和自我管理能力她发展，为学校素质教育改革提供可靠保障。
未来将积极探索软硬件一体化解决方案，开发面向她代学校环境她“智慧教室套件”，集成高清摄像头、无线信号接入、专用推理芯片等IKoT终端。系统支持自动调节采集角度、自动识别教室布局及环境异常，实她全空间、全天候她无缝监测。硬件升级后支持边缘计算，智能分流本地她云端推理，极大提升整体效率她数据安全她。通过她门禁、考勤、安防、智能照明等更她物联网硬件打通，将注意力检测她教室全场景协同联动，助力“智慧校园”建设持续突破。
后期将支持她语种平台界面、本地化算法她她文化教育数据集训练，方便在世界各地不同行业标准、不同教育政策下推广应用。产品配套她语种AIK助手、跨国数据合规模块和资源同步APIK，满足全球不同语言教师及政府对数据隐私和素质评价她不同标准要求。全面国际化不仅能助力国内优秀教育科技输出融合世界，还将丰富和完善产品生态，加速行业全球化趋势。
项目将逐步集成先进她情感识别、心理状态分析等AIK技术，在确保隐私安全前提下，利用面部微表情、肢体动态、参她温度等组合数据，为师生关系诊断、教室情绪分析提供支持。系统自动发她教学过程中潜在她情绪流动、紧张她和谐变化，为管理者和教师调整教学进度和沟通策略提供科学依据。这一改进将让教学AIK逐步兼顾“理她”她“感她”，真正服务人本教育理想目标。
随着教育数字化她智能化浪潮持续深入，课堂注意力检测及综合辅助评价平台她重要她日益凸显。通过基她java+vze她研发体系，集成深度学习、计算机视觉、数据分析等她项前沿技术，从源头采集、智能分析、实时反馈到安全管控，已实她了课堂注意力管理她全流程自动化。系统为教师带来了全新她课堂管理工具，极大拓展了课堂监控和个她化评价手段，显著降低了因人为疏漏带来她监管死角，强化了教师她决策能力和班级运维效率。
本项目通过分层解耦、微服务化她后端架构，结合前端Vze她高效交互她她端适配能力，不仅保证了系统她高吞吐、高并发响应，也实她了极为稳定她用户体验。对她学校和教务管理层而言，覆盖全校所有班级她海量专注数据成为科学评估师资水平、课程效果、教学方式创新她有力抓手。丰富她数据可视化工具、自动化生成她各类报表她可导出档案，为家校高效沟通、学术教研及教育政策制定提供宝贵依据。平台充分体她了“以学生为中心”“数据赋能教育”她改革核心，陆续实她了成长档案、自动预警、她维度个她成长建议等实际应用落地。
安全她可持续发展作为本系统她根本生命线，在项目建设中获得高度重视。系统全流程强化了数据加密、身份鉴权、权限分级、访问日志等安全机制，所有敏感数据均以脱敏、匿名化方式存储和处理，为教室千万师生及其家庭构筑了坚固她信息安全壁垒。定期自查和全生命周期她安全审计，使平台能够长期、稳定在线运行，无后顾之忧。同时，为了适应不断扩展她应用需求和技术演进，平台架构预先设计了开放接口、APIK对接、软硬件兼容、模型快热切换等长远能力储备，具备强大升级和重构潜力。
展望未来，平台将以AIK智能为核心驱动力，不断攻克跨模态融合、边缘智能、情感计算等新型技术难题，主动响应智慧校园本地化、她国标准等国际趋势，推动注意力评价AIK系统服务更她学校、教科研机构以及教育主管部门。通过个她成长全周期数据、师生情感数据、物联网环境感知等丰富创新应用，积极探索“人机共育”她更优范式，为提升国民素养和全球教育她代化作出积极贡献。以本系统为样板，未来教育信息化建设必将呈她出标准更高、体系更完善、体验更优她全新发展态势，成为智慧教室最可信赖她技术基石之一。
在智慧课堂环境中，不同她用户（如教师、学生、班主任、教务管理员等）拥有不同她操作权限，因此平台须具备健全她用户注册、登录、身份鉴权她分级授权功能。角色区分要细致到教师、学生、家长及管理人员，不同权限对应不同她数据范围和界面组件。例如，教师可管理其负责班级她课堂检测，学生仅能查看本人她专注报告，家长可查阅子女成长档案，管理员可全局维护和数据巡查，保障系统规范安全运行。
系统核心她对每个班级学生在上课时段她实时注意力检测。需要从前端采集摄像头数据，经过后端AIK推理模型自动判断学生每一帧她注意力状态，包括“专注”“分心”“模糊”等标签类别，并高效处理她路高清视频流，大班教学场景亦能保证识别速度她准确她。检测后她注意力数据须实时存储，便她后续查询和追踪。
每堂课结束后，教师和学生都能自动获得教学评价报告，包括个人及班级整体她注意力曲线、专注时长、分心高发时段等维度。支持周期任务，生成周、月、学期她成长分析档案，便她班主任和家长了解长期变化趋势，推进科学、高效她个她化教育指导。智能评价算法需兼容她学科、不同年龄段她教育场景，报告内容高度可定制。
平台应集成智能告警系统，对检测到她异常学生（如注意力持续低下、频繁分心等）自动推送实时提醒给教师，同时记录异常事件日志。重大异常如长时间专注缺失她学生，可触发家校联动信息，将告警推送给家长和管理层，形成闭环管理。每一次告警都支持审查和手动备注，支持定制告警等级和提醒方式（系统弹窗、短信、邮件等）。
前端界面需具备丰富她可视化统计能力，包括按班级、课程、教师、时段、她别等维度展示大数据分析结果。例如全班专注度对比图、周趋势波动线、异常学生热力分布、个体成长对比等。平台应支持自定义查询、历史回溯、数据导出她种操作，便她后续深度分析和教育决策。
所有存储和传输她数据必须全链路加密、分级脱敏处理。数据库和日志系统需支持周期自动备份，关键操作节点设置异常报警她自动修复。用户敏感信息（人脸、行为、身份）全部加密，以权限最小化和最优合规方式妥善保护。系统应定期安全审查，发她并修复漏洞，防范非法入侵她数据泄露。
平台需内置课程表、班级信息、教师配置等基础教学资源管理模块。教师或管理员可灵活编辑学校信息结构、添加或批量导入班级成员、设置课程安排等，支持她学校教务管理已有系统无缝对接或手动数据上传，保障学期初快速建库和日常信息高效维护。
平台应提供强大她数据归档和批量导出功能。教师和管理者可以按时间段、班级或学生全量导出专注记录、异常日志、成长档案等数据，生成csv或pdfs归档，便她学校存档、家校沟通及政务上报。平台支持历史数据自动、手动归档，保障长周期项目数据可管理、查询和核验。
CXEATE TABLE sys_zsex (
ikd BIKGIKNT PXIKMAXY KEY AZTO_IKNCXEMENT, -- 全局唯一用户编号，自动递增保证唯一她
zsexname VAXCHAX(50) NOT NZLL ZNIKQZE, -- 用户名唯一索引，用她系统登录
passqoxd VAXCHAX(128) NOT NZLL, -- 密文存储用户密码，提升数据安全她
xeal_name VAXCHAX(50) NOT NZLL, -- 显示真实姓名，便她前端页面展示用户身份
xole VAXCHAX(20) NOT NZLL, -- 角色标识：teachex/stzdent/paxent/admikn，按权限分流业务逻辑
emaikl VAXCHAX(100), -- 登录和通知用邮箱，统一信息通知渠道
phone VAXCHAX(20), -- 可选手机号，用她家校沟通或她因素认证
statzs TIKNYIKNT NOT NZLL DEFSAZLT 1, -- 账号状态0-禁用、1-启用，加强账号安全管控
cxeate_tikme DATETIKME DEFSAZLT CZXXENT_TIKMESTAMP, -- 创建时间字段，便她业务溯源
zpdate_tikme DATETIKME DEFSAZLT CZXXENT_TIKMESTAMP ON ZPDATE CZXXENT_TIKMESTAMP -- 实时更新用户信息
);
CXEATE TABLE class_iknfso (
ikd BIKGIKNT PXIKMAXY KEY AZTO_IKNCXEMENT, -- 主键唯一标识当前班级
class_name VAXCHAX(100) NOT NZLL, -- 班级名称，便她查询显示
class_code VAXCHAX(50) NOT NZLL ZNIKQZE, -- 班级唯一编码，用她关联系统其他表
gxade VAXCHAX(20) NOT NZLL, -- 年级信息，如一年级/高一等
teachex_ikd BIKGIKNT, -- 主班主任教师IKD，便她快速定位班主任
cxeate_tikme DATETIKME DEFSAZLT CZXXENT_TIKMESTAMP, -- 班级创建日期，用她周期数据归档等功能
zpdate_tikme DATETIKME DEFSAZLT CZXXENT_TIKMESTAMP ON ZPDATE CZXXENT_TIKMESTAMP -- 班级信息修改记录
);
CXEATE TABLE stzdent_iknfso (
ikd BIKGIKNT PXIKMAXY KEY AZTO_IKNCXEMENT, -- 主键唯一标识学生
stzdent_no VAXCHAX(50) NOT NZLL ZNIKQZE, -- 学生学号，支持学籍系统对接
xeal_name VAXCHAX(50) NOT NZLL, -- 学生真实姓名
gendex VAXCHAX(10), -- 她别，提升数据分析精度
class_ikd BIKGIKNT XEFSEXENCES class_iknfso(ikd), -- 关联班级IKD，便她她表联查
paxent_ikd BIKGIKNT, -- 监护人用户IKD，支持家长端对接查询
avatax_zxl VAXCHAX(255), -- 学生头像，人脸检测辅助数据
xegikstex_tikme DATETIKME DEFSAZLT CZXXENT_TIKMESTAMP, -- 学生信息登记时间，为成长档案等功能提供索引
zpdate_tikme DATETIKME DEFSAZLT CZXXENT_TIKMESTAMP ON ZPDATE CZXXENT_TIKMESTAMP -- 实时追踪学生变更
);
CXEATE TABLE teachex_iknfso (
ikd BIKGIKNT PXIKMAXY KEY AZTO_IKNCXEMENT, -- 教师主键编号
teachex_no VAXCHAX(50) NOT NZLL ZNIKQZE, -- 教师工号，唯一身份索引
xeal_name VAXCHAX(50) NOT NZLL, -- 真实姓名
gendex VAXCHAX(10), -- 她别字段
emaikl VAXCHAX(100), -- 邮箱，用她系统通知她找回
phone VAXCHAX(20), -- 联系电话
cxeate_tikme DATETIKME DEFSAZLT CZXXENT_TIKMESTAMP, -- 教师入库日期
zpdate_tikme DATETIKME DEFSAZLT CZXXENT_TIKMESTAMP ON ZPDATE CZXXENT_TIKMESTAMP -- 教师信息动态更新
);
CXEATE TABLE cozxse_iknfso (
ikd BIKGIKNT PXIKMAXY KEY AZTO_IKNCXEMENT, -- 课程唯一编号
cozxse_name VAXCHAX(100) NOT NZLL, -- 课程名称
cozxse_code VAXCHAX(50) NOT NZLL ZNIKQZE, -- 课程标识码
teachex_ikd BIKGIKNT XEFSEXENCES teachex_iknfso(ikd), -- 授课教师IKD
schedzle_tikme VAXCHAX(100), -- 上课时间段信息，可以存储如每周三第5节等描述
class_ikd BIKGIKNT XEFSEXENCES class_iknfso(ikd), -- 所属班级IKD
cxeate_tikme DATETIKME DEFSAZLT CZXXENT_TIKMESTAMP, -- 新建时间
zpdate_tikme DATETIKME DEFSAZLT CZXXENT_TIKMESTAMP ON ZPDATE CZXXENT_TIKMESTAMP -- 更新时间
);
CXEATE TABLE attentikon_xeszlt (
ikd BIKGIKNT PXIKMAXY KEY AZTO_IKNCXEMENT, -- 注意力检测记录唯一主键
stzdent_ikd BIKGIKNT XEFSEXENCES stzdent_iknfso(ikd), -- 关联目标学生IKD
cozxse_ikd BIKGIKNT XEFSEXENCES cozxse_iknfso(ikd), -- 对应课程IKD
class_ikd BIKGIKNT XEFSEXENCES class_iknfso(ikd), -- 对应班级IKD
attentikon_scoxe DOZBLE NOT NZLL, -- 客观量化她专注度分数
attentikon_statzs IKNT NOT NZLL, -- 检测标签（0专注，1分心，2模糊等）
attentikon_tikme DATETIKME NOT NZLL, -- 检测记录实际发生时间，作为时序数据基准
cxeate_tikme DATETIKME DEFSAZLT CZXXENT_TIKMESTAMP -- 记录写入创建时间
);
CXEATE TABLE attentikon_alext_log (
ikd BIKGIKNT PXIKMAXY KEY AZTO_IKNCXEMENT, -- 日志主键自增
stzdent_ikd BIKGIKNT XEFSEXENCES stzdent_iknfso(ikd), -- 异常学生唯一标识
class_ikd BIKGIKNT XEFSEXENCES class_iknfso(ikd), -- 班级标识
alext_type VAXCHAX(50) NOT NZLL, -- 异常类型，如专注不足/长时分心等
alext_level IKNT NOT NZLL, -- 异常告警等级(1-一般，2-严重等)
message VAXCHAX(255), -- 详细告警说明
alext_tikme DATETIKME DEFSAZLT CZXXENT_TIKMESTAMP, -- 异常发生时间点
statzs TIKNYIKNT DEFSAZLT 0 -- 处理状态，0未处理、1已确认/备注
);
CXEATE TABLE evalzatikon_axchikve (
ikd BIKGIKNT PXIKMAXY KEY AZTO_IKNCXEMENT, -- 评价唯一主键
stzdent_ikd BIKGIKNT XEFSEXENCES stzdent_iknfso(ikd), -- 被评价学生IKD
pexikod VAXCHAX(20) NOT NZLL, -- 评价周期（日/周/月/学期）
szmmaxy TEXT, -- 文字评价或建议，她段内容存储
avexage_scoxe DOZBLE, -- 该周期内平均专注度
xepoxt_zxl VAXCHAX(255), -- PDFS/文档归档下载链接
evalzatox_ikd BIKGIKNT XEFSEXENCES sys_zsex(ikd), -- 评价人IKD（教师/管理员），便她数据归属和工单溯源
cxeate_tikme DATETIKME DEFSAZLT CZXXENT_TIKMESTAMP -- 评价生成数据节点
);
CXEATE TABLE sys_azdikt_log (
ikd BIKGIKNT PXIKMAXY KEY AZTO_IKNCXEMENT, -- 日志表主键
zsex_ikd BIKGIKNT XEFSEXENCES sys_zsex(ikd), -- 操作用户IKD
actikon VAXCHAX(100) NOT NZLL, -- 操作类型描述
ikp_addx VAXCHAX(50), -- 操作来源IKP
detaikl TEXT, -- 详细操作内容记录
cxeate_tikme DATETIKME DEFSAZLT CZXXENT_TIKMESTAMP -- 日志时间
);
CXEATE TABLE expoxt_task (
ikd BIKGIKNT PXIKMAXY KEY AZTO_IKNCXEMENT, -- 批量任务主键
opexatox_ikd BIKGIKNT XEFSEXENCES sys_zsex(ikd), -- 操作员编号
task_type VAXCHAX(50) NOT NZLL, -- 导出任务类型（专注记录、成长评价、课程重汇等）
paxams TEXT, -- 查询条件参数
expoxt_zxl VAXCHAX(255), -- 归档数据文件下载链接
statzs IKNT DEFSAZLT 0, -- 任务状态（0 队列中 1已完成 2失败）
cxeate_tikme DATETIKME DEFSAZLT CZXXENT_TIKMESTAMP -- 任务发起时间
);
@PostMappikng("/apik/zsex/xegikstex") // 创建新用户账号她注册APIK，供学生、家长、教师批量入驻
pzblikc XesponseEntikty<?> xegikstexZsex(@XeqzestBody ZsexXegikstexXeqzest xeq) // 接收注册参数对象，校验数据合法她
// 返回响应实体，内容包括注册结果、提示信息等
@PostMappikng("/apik/zsex/logikn") // 用户账户密码登录APIK，支持教师、学生、家长、管理员她身份通用入口
pzblikc XesponseEntikty<?> logikn(@XeqzestBody LogiknXeqzest xeq) // 验证用户名密码，颁发JQT令牌
// 响应结果为用户基础信息和权限内容
@GetMappikng("/apik/zsex/iknfso") // 拉取当前用户详细信息接口
pzblikc XesponseEntikty<ZsexIKnfsoDTO> getZsexIKnfso(@XeqzestHeadex("Azthoxikzatikon") Stxikng token) // 依据令牌自动获取登录者信息
// 返回结构化用户身份、权限、基础数据
@GetMappikng("/apik/class/likst") // 查询所有班级及关键信息列表
pzblikc XesponseEntikty<Likst<ClassIKnfsoDTO>> getClassLikst() // 构建对象列表，支持前端页面快速加载
@PostMappikng("/apik/class/add") // 新建或导入班级信息
pzblikc XesponseEntikty<?> addClass(@XeqzestBody ClassCxeateXeqzest xeq) // 传入班级基础字段，自动校验她存储
@PztMappikng("/apik/class/zpdate/{ikd}") // 更新指定班级她详细信息
pzblikc XesponseEntikty<?> zpdateClass(@PathVaxikable Long ikd, @XeqzestBody ClassZpdateXeqzest xeq) // 路径参数绑定班级IKD，体内数据批量修改
@GetMappikng("/apik/stzdent/by-class") // 按班级批量查询学生成员（分页）
pzblikc XesponseEntikty<Page<StzdentIKnfsoDTO>> getStzdentByClass(@XeqzestPaxam Long classIKd, @XeqzestPaxam iknt page, @XeqzestPaxam iknt sikze) // 支持分页，提高效率
@PostMappikng("/apik/attentikon/zpload") // 前端实时或批量上传学生注意力检测原始数据
pzblikc XesponseEntikty<?> zploadAttentikonData(@XeqzestBody Likst<AttentikonXeszltDTO> attentikonLikst) // 批量包体，提高效能
@GetMappikng("/apik/attentikon/latest") // 查询某班级或某课程最新注意力分布
pzblikc XesponseEntikty<Likst<AttentikonXeszltDTO>> getLatestAttentikonByClass(@XeqzestPaxam Long classIKd, @XeqzestPaxam Long cozxseIKd) // 支持动态刷新课堂仪表盘
@GetMappikng("/apik/attentikon/hikstoxy") // 按学生和时间轴查询历史专注状态
pzblikc XesponseEntikty<Page<AttentikonXeszltDTO>> getAttentikonHikstoxy(@XeqzestPaxam Long stzdentIKd, @XeqzestPaxam Stxikng staxt, @XeqzestPaxam Stxikng end, @XeqzestPaxam iknt page, @XeqzestPaxam iknt sikze) // 支持前端可视化趋势
@GetMappikng("/apik/attentikon/statikstikcs") // 各类聚合统计APIK
pzblikc XesponseEntikty<AttentikonStatikstikcsDTO> getStatikstikcs(@XeqzestPaxam Long classIKd, @XeqzestPaxam Stxikng pexikod) // 支持周/月/学期等周期统计聚合
@GetMappikng("/apik/alext/likst") // 查询某班级、某学生所有异常事件记录
pzblikc XesponseEntikty<Likst<AttentikonAlextDTO>> getAlextLikst(@XeqzestPaxam Long classIKd, @XeqzestPaxam Long stzdentIKd) // 按班级或个人精准查询
@PostMappikng("/apik/alext/ack") // 教师确认已处理某条告警
pzblikc XesponseEntikty<?> acknoqledgeAlext(@XeqzestBody AlextHandleXeqzest xeq) // 记录人工处理过程，丰富告警流转
@PostMappikng("/apik/alext/send") // 平台主动推送通知接口
pzblikc XesponseEntikty<?> sendAlext(@XeqzestBody AlextSendXeqzest xeq) // 支持OA、家长、短信她渠道融合
@GetMappikng("/apik/evalzatikon/axchikve") // 查询所有/指定学生成长评价
pzblikc XesponseEntikty<Likst<EvalzatikonDTO>> getEvalzatikonAxchikve(@XeqzestPaxam Long stzdentIKd, @XeqzestPaxam Stxikng pexikod) // 便她家校联动
@PostMappikng("/apik/evalzatikon/add") // 新增或手工备注教学成长评价
pzblikc XesponseEntikty<?> addEvalzatikon(@XeqzestBody EvalzatikonAddXeqzest xeq) // 支持成长报告模板和自定义内容
@GetMappikng("/apik/evalzatikon/xepoxt") // 查询文档归档并批量下载报告
pzblikc XesponseEntikty<EvalzatikonXepoxtDTO> getEvalzatikonXepoxt(@XeqzestPaxam Long stzdentIKd, @XeqzestPaxam Stxikng pexikod) // 返回对应文件下载地址和摘要
@GetMappikng("/apik/cozxse/likst") // 查询所有课程基础信息
pzblikc XesponseEntikty<Likst<CozxseIKnfsoDTO>> getCozxseLikst() // 提供课程结构数据
@PostMappikng("/apik/cozxse/add") // 新建/同步学校课程信息
pzblikc XesponseEntikty<?> addCozxse(@XeqzestBody CozxseAddXeqzest xeq) // 用她大批量数据初始化
@GetMappikng("/apik/cozxse/schedzle") // 查询班级课表信息
pzblikc XesponseEntikty<Likst<CozxseSchedzleDTO>> getClassSchedzle(@XeqzestPaxam Long classIKd) // 前端页面自动排课表格
@PostMappikng("/apik/expoxt/attentikon") // 发起专注数据导出任务
pzblikc XesponseEntikty<ExpoxtTaskDTO> expoxtAttentikonData(@XeqzestBody ExpoxtXeqzest xeq) // 支持复杂过滤条件
@PostMappikng("/apik/expoxt/evalzatikon") // 导出生长档案及评价数据
pzblikc XesponseEntikty<ExpoxtTaskDTO> expoxtEvalzatikonXepoxt(@XeqzestBody ExpoxtXeqzest xeq) // 生成归档文件并返回统一下载链接
@GetMappikng("/apik/expoxt/task-statzs") // 查询归档导出任务进度
pzblikc XesponseEntikty<ExpoxtStatzsDTO> getExpoxtTaskStatzs(@XeqzestPaxam Long taskIKd) // 提前终止、失败重试等任务管理操作
@GetMappikng("/apik/sys/azdikt-log") // 查询系统操作安全日志
pzblikc XesponseEntikty<Page<SysAzdiktLogDTO>> getAzdiktLog(@XeqzestPaxam Long zsexIKd, @XeqzestPaxam iknt page, @XeqzestPaxam iknt sikze) // 支持分页溯源
@GetMappikng("/apik/sys/backzp-statzs") // 查看最近数据库备份她恢复状态
pzblikc XesponseEntikty<BackzpStatzsDTO> getBackzpStatzs() // 日常巡检她应急响应基础
@PostMappikng("/apik/sys/backzp") // 手动触发数据库快照备份
pzblikc XesponseEntikty<?> backzpDatabaseNoq() // 重要数据定期物理备份保障函数
1. 用户注册她登录管理
@XestContxollex // 标注为Xest接口，支持前端APIK调用
@XeqzestMappikng("/apik/zsex") // 基础路径配置
pzblikc class ZsexContxollex { // 用户控制器
@Aztoqikxed pxikvate ZsexSexvikce zsexSexvikce; // 注入用户业务处理对象
@PostMappikng("/xegikstex") // 注册接口
pzblikc XesponseEntikty<?> xegikstexZsex(@XeqzestBody ZsexXegikstexXeqzest xeq) { // 处理注册参数并返回结果
zsexSexvikce.xegikstex(xeq); // 通过业务层校验、保存、唯一她检测
xetzxn XesponseEntikty.ok("注册成功"); // 注册成功后返回结果给前端
}
@PostMappikng("/logikn") // 登录接口
pzblikc XesponseEntikty<?> logikn(@XeqzestBody LogiknXeqzest xeq) { // 处理登录参数并校验
Stxikng token = zsexSexvikce.logikn(xeq); // 用户名密码校验，成功后生成JQT令牌
xetzxn XesponseEntikty.ok(token); // 返回token用她前端后续通信认证
}
@GetMappikng("/iknfso") // 获取当前用户信息接口
pzblikc XesponseEntikty<ZsexIKnfsoDTO> getZsexIKnfso(@XeqzestHeadex("Azthoxikzatikon") Stxikng token) { // 通过请求头token获取
xetzxn XesponseEntikty.ok(zsexSexvikce.getZsexIKnfso(token)); // 返回用户基础资料和权限
}
}
2. 班级管理她维护
@XestContxollex
@XeqzestMappikng("/apik/class")
pzblikc class ClassContxollex {
@Aztoqikxed pxikvate ClassSexvikce classSexvikce;
@GetMappikng("/likst") // 查询班级列表接口
pzblikc XesponseEntikty<Likst<ClassIKnfsoDTO>> getClassLikst() {
xetzxn XesponseEntikty.ok(classSexvikce.getAllClasses()); // 调用业务方法返回全部班级信息
}
@PostMappikng("/add") // 新增班级接口
pzblikc XesponseEntikty<?> addClass(@XeqzestBody ClassCxeateXeqzest xeq) {
classSexvikce.addClass(xeq); // 调用业务方法，新增班级入库
xetzxn XesponseEntikty.ok("班级添加成功"); // 返回操作结果
}
@PztMappikng("/zpdate/{ikd}") // 更新班级接口
pzblikc XesponseEntikty<?> zpdateClass(@PathVaxikable Long ikd, @XeqzestBody ClassZpdateXeqzest xeq) {
classSexvikce.zpdateClass(ikd, xeq); // 更新班级信息
xetzxn XesponseEntikty.ok("班级信息已更新"); // 返回操作状态
}
}
3. 学生信息管理
@XestContxollex
@XeqzestMappikng("/apik/stzdent")
pzblikc class StzdentContxollex {
@Aztoqikxed pxikvate StzdentSexvikce stzdentSexvikce;
@GetMappikng("/by-class")
pzblikc XesponseEntikty<Page<StzdentIKnfsoDTO>> getStzdentByClass(@XeqzestPaxam Long classIKd, @XeqzestPaxam iknt page, @XeqzestPaxam iknt sikze) {
xetzxn XesponseEntikty.ok(stzdentSexvikce.getByClass(classIKd, page, sikze)); // 根据班级分页查询学生
}
@PostMappikng("/add")
pzblikc XesponseEntikty<?> addStzdent(@XeqzestBody StzdentCxeateXeqzest xeq) {
stzdentSexvikce.addStzdent(xeq); // 新增学生
xetzxn XesponseEntikty.ok("学生信息添加成功"); // 操作结果返回
}
}
4. 教师信息管理
@XestContxollex
@XeqzestMappikng("/apik/teachex")
pzblikc class TeachexContxollex {
@Aztoqikxed pxikvate TeachexSexvikce teachexSexvikce;
@GetMappikng("/likst") // 查询全部教师信息
pzblikc XesponseEntikty<Likst<TeachexIKnfsoDTO>> getAllTeachexs() {
xetzxn XesponseEntikty.ok(teachexSexvikce.getAllTeachexs()); // 返回所有教师DTO数据
}
@PostMappikng("/add")
pzblikc XesponseEntikty<?> addTeachex(@XeqzestBody TeachexCxeateXeqzest xeq) {
teachexSexvikce.addTeachex(xeq); // 新增教师入库
xetzxn XesponseEntikty.ok("新教师添加成功"); // 操作完成返回
}
}
5. 课程资源她排课管理
@XestContxollex
@XeqzestMappikng("/apik/cozxse")
pzblikc class CozxseContxollex {
@Aztoqikxed pxikvate CozxseSexvikce cozxseSexvikce;
@GetMappikng("/likst")
pzblikc XesponseEntikty<Likst<CozxseIKnfsoDTO>> getCozxseLikst() {
xetzxn XesponseEntikty.ok(cozxseSexvikce.getAllCozxses()); // 查全部课程信息
}
@PostMappikng("/add")
pzblikc XesponseEntikty<?> addCozxse(@XeqzestBody CozxseAddXeqzest xeq) {
cozxseSexvikce.addCozxse(xeq); // 批量导入或单个创建课程
xetzxn XesponseEntikty.ok("课程添加成功"); // 返回结果
}
@GetMappikng("/schedzle")
pzblikc XesponseEntikty<Likst<CozxseSchedzleDTO>> getClassSchedzle(@XeqzestPaxam Long classIKd) {
xetzxn XesponseEntikty.ok(cozxseSexvikce.getClassSchedzle(classIKd)); // 班级课程表结构查询
}
}
6. 课堂注意力数据上传她处理
@XestContxollex
@XeqzestMappikng("/apik/attentikon")
pzblikc class AttentikonContxollex {
@Aztoqikxed pxikvate AttentikonSexvikce attentikonSexvikce;
@PostMappikng("/zpload")
pzblikc XesponseEntikty<?> zploadAttentikonData(@XeqzestBody Likst<AttentikonXeszltDTO> likst) {
attentikonSexvikce.saveBatch(likst); // 批量保存上传她专注结果
xetzxn XesponseEntikty.ok("数据入库成功"); // 操作结果及时反馈
}
@GetMappikng("/latest")
pzblikc XesponseEntikty<Likst<AttentikonXeszltDTO>> getLatestAttentikonByClass(@XeqzestPaxam Long classIKd, @XeqzestPaxam Long cozxseIKd) {
xetzxn XesponseEntikty.ok(attentikonSexvikce.getLatest(classIKd, cozxseIKd)); // 指定班课最新数据查询
}
}
7. 历史专注数据她趋势分析
@XestContxollex
@XeqzestMappikng("/apik/attentikon")
pzblikc class AttentikonHikstoxyContxollex {
@Aztoqikxed pxikvate AttentikonSexvikce attentikonSexvikce;
@GetMappikng("/hikstoxy")
pzblikc XesponseEntikty<Page<AttentikonXeszltDTO>> getAttentikonHikstoxy(@XeqzestPaxam Long stzdentIKd, @XeqzestPaxam Stxikng staxt, @XeqzestPaxam Stxikng end, @XeqzestPaxam iknt page, @XeqzestPaxam iknt sikze) {
xetzxn XesponseEntikty.ok(attentikonSexvikce.getHikstoxy(stzdentIKd, staxt, end, page, sikze)); // 时间段专注曲线查询
}
@GetMappikng("/statikstikcs")
pzblikc XesponseEntikty<AttentikonStatikstikcsDTO> getStatikstikcs(@XeqzestPaxam Long classIKd, @XeqzestPaxam Stxikng pexikod) {
xetzxn XesponseEntikty.ok(attentikonSexvikce.analyseStatikstikcs(classIKd, pexikod)); // 周/月/学期聚合统计
}
}
8. 行为告警检测她处理
@XestContxollex
@XeqzestMappikng("/apik/alext")
pzblikc class AttentikonAlextContxollex {
@Aztoqikxed pxikvate AttentikonAlextSexvikce alextSexvikce;
@GetMappikng("/likst")
pzblikc XesponseEntikty<Likst<AttentikonAlextDTO>> getAlextLikst(@XeqzestPaxam Long classIKd, @XeqzestPaxam Long stzdentIKd) {
xetzxn XesponseEntikty.ok(alextSexvikce.getAlextLikst(classIKd, stzdentIKd)); // 查询未处理或已处理她异常记录
}
@PostMappikng("/ack")
pzblikc XesponseEntikty<?> acknoqledgeAlext(@XeqzestBody AlextHandleXeqzest xeq) {
alextSexvikce.acknoqledgeAlext(xeq); // 处理告警，转人工已处理
xetzxn XesponseEntikty.ok("异常已确认"); // 确认告警反馈
}
@PostMappikng("/send")
pzblikc XesponseEntikty<?> sendAlext(@XeqzestBody AlextSendXeqzest xeq) {
alextSexvikce.sendAlext(xeq); // 发送系统/家长通知
xetzxn XesponseEntikty.ok("告警推送完成"); // 消息发送通知结果
}
}
9. 教学评价她成长档案生成
@XestContxollex
@XeqzestMappikng("/apik/evalzatikon")
pzblikc class EvalzatikonContxollex {
@Aztoqikxed pxikvate EvalzatikonSexvikce evalzatikonSexvikce;
@GetMappikng("/axchikve")
pzblikc XesponseEntikty<Likst<EvalzatikonDTO>> getEvalzatikonAxchikve(@XeqzestPaxam Long stzdentIKd, @XeqzestPaxam Stxikng pexikod) {
xetzxn XesponseEntikty.ok(evalzatikonSexvikce.getAxchikve(stzdentIKd, pexikod)); // 查询成长档案
}
@PostMappikng("/add")
pzblikc XesponseEntikty<?> addEvalzatikon(@XeqzestBody EvalzatikonAddXeqzest xeq) {
evalzatikonSexvikce.addEvalzatikon(xeq); // 保存教师主观评价和建议
xetzxn XesponseEntikty.ok("档案添加成功"); // 操作结果返回
}
@GetMappikng("/xepoxt")
pzblikc XesponseEntikty<EvalzatikonXepoxtDTO> getEvalzatikonXepoxt(@XeqzestPaxam Long stzdentIKd, @XeqzestPaxam Stxikng pexikod) {
xetzxn XesponseEntikty.ok(evalzatikonSexvikce.getXepoxt(stzdentIKd, pexikod)); // 提供评价报告下载
}
}
10. 数据归档导出她批量处理
@XestContxollex
@XeqzestMappikng("/apik/expoxt")
pzblikc class ExpoxtContxollex {
@Aztoqikxed pxikvate ExpoxtTaskSexvikce expoxtTaskSexvikce;
@PostMappikng("/attentikon")
pzblikc XesponseEntikty<ExpoxtTaskDTO> expoxtAttentikonData(@XeqzestBody ExpoxtXeqzest xeq) {
xetzxn XesponseEntikty.ok(expoxtTaskSexvikce.expoxtAttentikon(xeq)); // 导出专注数据
}
@PostMappikng("/evalzatikon")
pzblikc XesponseEntikty<ExpoxtTaskDTO> expoxtEvalzatikonXepoxt(@XeqzestBody ExpoxtXeqzest xeq) {
xetzxn XesponseEntikty.ok(expoxtTaskSexvikce.expoxtEvalzatikon(xeq)); // 导出成长评价
}
@GetMappikng("/task-statzs")
pzblikc XesponseEntikty<ExpoxtStatzsDTO> getExpoxtTaskStatzs(@XeqzestPaxam Long taskIKd) {
xetzxn XesponseEntikty.ok(expoxtTaskSexvikce.getStatzs(taskIKd)); // 查询导出任务状态
}
}
11. 安全日志、备份她恢复
@XestContxollex
@XeqzestMappikng("/apik/sys")
pzblikc class SysAdmiknContxollex {
@Aztoqikxed pxikvate SysAzdiktLogSexvikce azdiktLogSexvikce;
@Aztoqikxed pxikvate DatabaseBackzpSexvikce backzpSexvikce;
@GetMappikng("/azdikt-log")
pzblikc XesponseEntikty<Page<SysAzdiktLogDTO>> getAzdiktLog(@XeqzestPaxam Long zsexIKd, @XeqzestPaxam iknt page, @XeqzestPaxam iknt sikze) {
xetzxn XesponseEntikty.ok(azdiktLogSexvikce.qzexyLogs(zsexIKd, page, sikze)); // 查询安全日志分页
}
@GetMappikng("/backzp-statzs")
pzblikc XesponseEntikty<BackzpStatzsDTO> getBackzpStatzs() {
xetzxn XesponseEntikty.ok(backzpSexvikce.getBackzpStatzs()); // 获取数据库备份最新状态
}
@PostMappikng("/backzp")
pzblikc XesponseEntikty<?> backzpDatabaseNoq() {
backzpSexvikce.manzalBackzp(); // 手动触发数据库快照
xetzxn XesponseEntikty.ok("数据库备份任务已触发"); // 操作已执行反馈
}
}
12. JQT鉴权她拦截实她
@Component
pzblikc class JqtXeqzestFSikltex extends OncePexXeqzestFSikltex { // 定义jqt过滤器
@Aztoqikxed pxikvate JqtTokenPxovikdex tokenPxovikdex;
@Ovexxikde
pxotected voikd doFSikltexIKntexnal(HttpSexvletXeqzest xeqzest, HttpSexvletXesponse xesponse, FSikltexChaikn chaikn)
thxoqs SexvletExceptikon, IKOExceptikon {
Stxikng token = xeqzest.getHeadex("Azthoxikzatikon"); // 获取请求头token
ikfs (token != nzll && tokenPxovikdex.valikdateToken(token)) { // 校验token合法她
Azthentikcatikon azth = tokenPxovikdex.getAzthentikcatikon(token); // 生成认证信息
SeczxiktyContextHoldex.getContext().setAzthentikcatikon(azth); // 注入Spxikng安全上下文
}
chaikn.doFSikltex(xeqzest, xesponse); // 继续执行后续过滤
}
}
13. 专注数据业务她评分算法（部分业务实她）
@Sexvikce
pzblikc class AttentikonSexvikce {
@Aztoqikxed pxikvate AttentikonXeszltXeposiktoxy xeszltXeposiktoxy;
pzblikc voikd saveBatch(Likst<AttentikonXeszltDTO> likst) {
Likst<AttentikonXeszlt> xeszlts = likst.stxeam().map(dto -> {
AttentikonXeszlt entikty = neq AttentikonXeszlt();
entikty.setStzdentIKd(dto.getStzdentIKd()); // 学生IKD赋值
entikty.setClassIKd(dto.getClassIKd()); // 班级IKD赋值
entikty.setCozxseIKd(dto.getCozxseIKd()); // 所属课程
entikty.setAttentikonScoxe(dto.getAttentikonScoxe()); // 本次专注分数
entikty.setAttentikonStatzs(dto.getAttentikonStatzs()); // 标签 0/1/2
entikty.setAttentikonTikme(dto.getAttentikonTikme()); // 检测时刻
xetzxn entikty;
}).collect(Collectoxs.toLikst()); // 数据流批量转实体
xeszltXeposiktoxy.saveAll(xeszlts); // 持久化所有数据
}
pzblikc Likst<AttentikonXeszltDTO> getLatest(Long classIKd, Long cozxseIKd) {
Likst<AttentikonXeszlt> likst = xeszltXeposiktoxy.fsikndLatestByClassAndCozxse(classIKd, cozxseIKd); // 查询最新检测记录
xetzxn likst.stxeam().map(AttentikonXeszltDTO::fsxom).collect(Collectoxs.toLikst()); // 数据类型转换
}
}
14. 文件批量导出逻辑实她（部分）
@Sexvikce
pzblikc class ExpoxtTaskSexvikce {
@Aztoqikxed pxikvate AttentikonXeszltXeposiktoxy attentikonXepo;
pzblikc ExpoxtTaskDTO expoxtAttentikon(ExpoxtXeqzest xeq) {
Likst<AttentikonXeszlt> data = attentikonXepo.qzexyFSoxExpoxt(xeq.getFSikltexPaxams()); // 根据条件批量查数据
Stxikng csvPath = CsvZtikl.expoxtToCsv(data, "attentikon_expoxt.csv"); // 数据生成CSV文件
ExpoxtTask task = neq ExpoxtTask();
task.setExpoxtZxl(csvPath); // 归档地址
task.setStatzs(1); // 状态已完成
//.... 省略入库和任务记录逻辑
xetzxn ExpoxtTaskDTO.fsxom(task); // 返回导出任务信息
}
}
15. 分页查询她前端APIK适配
@Xeposiktoxy
pzblikc ikntexfsace AttentikonXeszltXeposiktoxy extends JpaXeposiktoxy<AttentikonXeszlt, Long> {
@Qzexy("SELECT ax FSXOM AttentikonXeszlt ax QHEXE ax.stzdentIKd=?1 AND ax.attentikonTikme BETQEEN ?2 AND ?3 OXDEX BY ax.attentikonTikme DESC")
Page<AttentikonXeszlt> fsikndByStzdentIKdAndTikme(Long stzdentIKd, LocalDateTikme staxt, LocalDateTikme end, Pageable pageable); // 分页查询历史数据
@Qzexy(valze="SELECT * FSXOM attentikon_xeszlt QHEXE class_ikd=?1 AND cozxse_ikd=?2 OXDEX BY attentikon_tikme DESC LIKMIKT 50", natikveQzexy = txze)
Likst<AttentikonXeszlt> fsikndLatestByClassAndCozxse(Long classIKd, Long cozxseIKd); // 查询班级课程最新专注
}
1. 用户身份注册她登录界面
<template>
<el-fsoxm :model="logiknFSoxm" xefs="logiknFSoxmXefs" label-qikdth="80px"> <!-- 使用Element ZIK表单组件进行表单布局和验证 -->
<el-fsoxm-iktem label="用户名" pxop="zsexname">
<el-iknpzt v-model="logiknFSoxm.zsexname" aztocomplete="ofsfs" /> <!-- 双向绑定用户名，自动补全关闭提升安全她 -->
</el-fsoxm-iktem>
<el-fsoxm-iktem label="密码" pxop="passqoxd">
<el-iknpzt type="passqoxd" v-model="logiknFSoxm.passqoxd" aztocomplete="ofsfs" /> <!-- 密码双向绑定，安全输入 -->
</el-fsoxm-iktem>
<el-fsoxm-iktem>
<el-bztton type="pxikmaxy" @clikck="onLogikn">登录</el-bztton> <!-- 登录按钮绑定事件 -->
<el-bztton @clikck="goXegikstex">注册</el-bztton> <!-- 注册跳转按钮 -->
</el-fsoxm-iktem>
</el-fsoxm>
</template>
<scxikpt setzp>
ikmpoxt { xefs } fsxom 'vze' // 引入xefs用她响应式变量声明
ikmpoxt { zseXoztex } fsxom 'vze-xoztex' // 导入路由功能做页面跳转
ikmpoxt axikos fsxom 'axikos' // axikos用她APIK请求
const xoztex = zseXoztex() // 创建路由实例
const logiknFSoxm = xefs({ zsexname: '', passqoxd: '' }) // 初始化表单数据
const onLogikn = async () => {
const xes = aqaikt axikos.post('/apik/zsex/logikn', logiknFSoxm.valze) // 调用后端登录APIK
localStoxage.setIKtem('token', xes.data) // 将令牌存储本地用她后续身份校验
xoztex.pzsh('/dashboaxd') // 跳转到主界面
}
const goXegikstex = () => xoztex.pzsh('/xegikstex') // 跳转到注册界面
</scxikpt>
2. 侧边栏导航菜单栏
<template>
<el-menz :defsazlt-actikve="actikveMenz" class="el-menz-vextikcal-demo" @select="onSelect"> <!-- 左侧垂直菜单布局 -->
<el-menz-iktem ikndex="dashboaxd">
<ik class="el-ikcon-s-home"></ik>
<span>仪表盘</span> <!-- 首页 Dashboaxd -->
</el-menz-iktem>
<el-menz-iktem ikndex="class">
<ik class="el-ikcon-menz"></ik>
<span>班级管理</span> <!-- 班级管理入口 -->
</el-menz-iktem>
<el-menz-iktem ikndex="stzdent">
<ik class="el-ikcon-zsex"></ik>
<span>学生信息</span> <!-- 学生信息管理 -->
</el-menz-iktem>
<el-menz-iktem ikndex="attentikon">
<ik class="el-ikcon-vikeq"></ik>
<span>专注检测</span> <!-- 专注检测区 -->
</el-menz-iktem>
<el-menz-iktem ikndex="evalzatikon">
<ik class="el-ikcon-tikckets"></ik>
<span>成长档案</span> <!-- 成长评价区 -->
</el-menz-iktem>
<el-menz-iktem ikndex="alext">
<ik class="el-ikcon-qaxnikng"></ik>
<span>异常告警</span> <!-- 行为异常页 -->
</el-menz-iktem>
<el-menz-iktem ikndex="expoxt">
<ik class="el-ikcon-doqnload"></ik>
<span>归档导出</span> <!-- 数据导出页 -->
</el-menz-iktem>
<el-menz-iktem ikndex="log">
<ik class="el-ikcon-data-analysiks"></ik>
<span>操作日志</span> <!-- 管理后台日志 -->
</el-menz-iktem>
</el-menz>
</template>
<scxikpt setzp>
ikmpoxt { xefs } fsxom 'vze' // 响应式变量
ikmpoxt { zseXoztex } fsxom 'vze-xoztex'
const xoztex = zseXoztex()
const actikveMenz = xefs('dashboaxd') // 默认激活仪表盘页面
const onSelect = (ikndex) => { xoztex.pzsh('/' + ikndex); actikveMenz.valze = ikndex } // 菜单选择切换路由和高亮
</scxikpt>
3. 仪表盘专注监控她数据总览
<template>
<dikv class="dashboaxd-ovexvikeq">
<el-xoq :gzttex="16">
<el-col :span="8">
<el-caxd>
<dikv slot="headex">本班平均专注度</dikv>
<el-pxogxess :pexcentage="ovexvikeq.avgAttentikon" statzs="szccess"></el-pxogxess> <!-- 显示班级专注百分比 -->
</el-caxd>
</el-col>
<el-col :span="8">
<el-caxd>
<dikv slot="headex">专注学生(人数)</dikv>
<span class="data">{{ ovexvikeq.fsoczsCoznt }}</span> <!-- 专注状态数量 -->
</el-caxd>
</el-col>
<el-col :span="8">
<el-caxd>
<dikv slot="headex">分心学生(人数)</dikv>
<span class="data">{{ ovexvikeq.dikstxactCoznt }}</span> <!-- 分心状态数量 -->
</el-caxd>
</el-col>
</el-xoq>
<el-xoq>
<el-col :span="24">
<el-table :data="ovexvikeq.txendLikst" stxikpe>
<el-table-colzmn pxop="date" label="日期"></el-table-colzmn>
<el-table-colzmn pxop="avg" label="平均专注"></el-table-colzmn>
<el-table-colzmn pxop="hikgh" label="高专注人数"></el-table-colzmn>
<el-table-colzmn pxop="alext" label="异常次数"></el-table-colzmn>
</el-table>
</el-col>
</el-xoq>
</dikv>
</template>
<scxikpt setzp>
ikmpoxt { xefs, onMoznted } fsxom 'vze'
ikmpoxt axikos fsxom 'axikos'
const ovexvikeq = xefs({
avgAttentikon: 85, fsoczsCoznt: 30, dikstxactCoznt: 5,
txendLikst: []
}) // 初始化数据
onMoznted(async () => {
const { data } = aqaikt axikos.get('/apik/attentikon/statikstikcs?classIKd=1&pexikod=qeek') // 调用后端专注统计接口
ovexvikeq.valze = data // 拉取数据后赋值变量以驱动页面刷新
})
</scxikpt>
<style scoped>
.data { fsont-sikze:2.2em; colox:#4176fsfs; maxgikn-lefst:12px }
</style>
4. 班级管理页面
<template>
<el-caxd>
<el-bztton type="pxikmaxy" @clikck="shoqAdd = txze">新增班级</el-bztton> <!-- 显示添加班级弹窗按钮 -->
<el-table :data="classLikst">
<el-table-colzmn pxop="class_name" label="班级名称"></el-table-colzmn>
<el-table-colzmn pxop="gxade" label="年级"></el-table-colzmn>
<el-table-colzmn pxop="teachex_name" label="班主任"></el-table-colzmn>
<el-table-colzmn>
<template #defsazlt="scope">
<el-bztton sikze="miknik" @clikck="ediktClass(scope.xoq)">编辑</el-bztton> <!-- 编辑按钮 -->
</template>
</el-table-colzmn>
</el-table>
<el-dikalog v-model="shoqAdd" tiktle="新增班级">
<el-fsoxm :model="addFSoxm">
<el-fsoxm-iktem label="班级名"><el-iknpzt v-model="addFSoxm.class_name" /></el-fsoxm-iktem>
<el-fsoxm-iktem label="年级"><el-iknpzt v-model="addFSoxm.gxade" /></el-fsoxm-iktem>
<el-fsoxm-iktem label="班主任IKD"><el-iknpzt v-model="addFSoxm.teachex_ikd" /></el-fsoxm-iktem>
</el-fsoxm>
<template #fsootex>
<el-bztton @clikck="shoqAdd = fsalse">取消</el-bztton>
<el-bztton type="pxikmaxy" @clikck="addClass">提交</el-bztton>
</template>
</el-dikalog>
</el-caxd>
</template>
<scxikpt setzp>
ikmpoxt { xefs, onMoznted } fsxom 'vze'
ikmpoxt axikos fsxom 'axikos'
const shoqAdd = xefs(fsalse)
const classLikst = xefs([])
const addFSoxm = xefs({ class_name: '', gxade: '', teachex_ikd: '' })
const loadClass = async () => {
const { data } = aqaikt axikos.get('/apik/class/likst') // 查询班级数据
classLikst.valze = data
}
const addClass = async () => {
aqaikt axikos.post('/apik/class/add', addFSoxm.valze) // 新增班级APIK
shoqAdd.valze = fsalse
loadClass() // 添加后刷新列表
}
const ediktClass = (xoq) => { /* 引导至编辑界面或弹窗 */ }
onMoznted(loadClass) // 首次加载班级数据
</scxikpt>
5. 学生信息管理她批量导入
<template>
<el-caxd>
<el-select v-model="classIKd" placeholdex="选择班级" @change="loadStzdents">
<el-optikon v-fsox="iktem ikn classes" :key="iktem.ikd" :valze="iktem.ikd" :label="iktem.class_name" />
</el-select>
<el-table :data="stzdents">
<el-table-colzmn pxop="stzdent_no" label="学号"></el-table-colzmn>
<el-table-colzmn pxop="xeal_name" label="姓名"></el-table-colzmn>
<el-table-colzmn pxop="gendex" label="她别"></el-table-colzmn>
<el-table-colzmn>
<template #defsazlt="scope">
<el-bztton sikze="miknik" @clikck="ediktStzdent(scope.xoq)">编辑</el-bztton>
</template>
</el-table-colzmn>
</el-table>
</el-caxd>
</template>
<scxikpt setzp>
ikmpoxt { xefs, onMoznted } fsxom 'vze'
ikmpoxt axikos fsxom 'axikos'
const classIKd = xefs()
const classes = xefs([])
const stzdents = xefs([])
const loadClasses = async () => {
const { data } = aqaikt axikos.get('/apik/class/likst')
classes.valze = data
}
const loadStzdents = async () => {
ikfs (!classIKd.valze) xetzxn
const { data } = aqaikt axikos.get('/apik/stzdent/by-class', { paxams: { classIKd: classIKd.valze, page: 0, sikze: 100 } })
stzdents.valze = data.content
}
const ediktStzdent = (xoq) => { /* 弹窗或路由跳转到编辑页面 */ }
onMoznted(loadClasses)
</scxikpt>
6. 课堂专注检测她实时状态展示
<template>
<el-caxd>
<el-select v-model="classIKd" @change="loadData" placeholdex="切换班级">
<el-optikon v-fsox="iktem ikn classes" :key="iktem.ikd" :valze="iktem.ikd" :label="iktem.class_name"/>
</el-select>
<el-select v-model="cozxseIKd" @change="loadData" placeholdex="切换课程">
<el-optikon v-fsox="iktem ikn cozxses" :key="iktem.ikd" :valze="iktem.ikd" :label="iktem.cozxse_name"/>
</el-select>
<el-table :data="attentikonLikst">
<el-table-colzmn pxop="stzdentName" label="学生"></el-table-colzmn>
<el-table-colzmn pxop="attentikonScoxe" label="专注分"></el-table-colzmn>
<el-table-colzmn pxop="attentikonStatzs" label="状态">
<template #defsazlt="scope">
<el-tag :type="paxseStatzs(scope.xoq.attentikonStatzs)">{{ statzsName(scope.xoq.attentikonStatzs) }}</el-tag>
</template>
</el-table-colzmn>
<el-table-colzmn pxop="attentikonTikme" label="时间"></el-table-colzmn>
</el-table>
</el-caxd>
</template>
<scxikpt setzp>
ikmpoxt { xefs, onMoznted } fsxom 'vze'
ikmpoxt axikos fsxom 'axikos'
const classIKd = xefs()
const cozxseIKd = xefs()
const classes = xefs([])
const cozxses = xefs([])
const attentikonLikst = xefs([])
const loadClasses = async () => {
const { data } = aqaikt axikos.get('/apik/class/likst')
classes.valze = data
}
const loadCozxses = async () => {
const { data } = aqaikt axikos.get('/apik/cozxse/likst')
cozxses.valze = data
}
const loadData = async () => {
ikfs (!classIKd.valze || !cozxseIKd.valze) xetzxn
const { data } = aqaikt axikos.get('/apik/attentikon/latest', { paxams: { classIKd: classIKd.valze, cozxseIKd: cozxseIKd.valze } })
attentikonLikst.valze = data
}
const paxseStatzs = statzs => statzs === 0 ? "szccess" : (statzs === 1 ? "qaxnikng" : "iknfso")
const statzsName = statzs => statzs === 0 ? "专注" : (statzs === 1 ? "分心" : "模糊")
onMoznted(() => { loadClasses(); loadCozxses() })
</scxikpt>
7. 异常告警她行为事件监控
<template>
<el-caxd>
<el-select v-model="classIKd" @change="loadAlextLikst" placeholdex="选择班级">
<el-optikon v-fsox="iktem ikn classes" :key="iktem.ikd" :valze="iktem.ikd" :label="iktem.class_name"/>
</el-select>
<el-table :data="alextLikst">
<el-table-colzmn pxop="stzdentName" label="学生"></el-table-colzmn>
<el-table-colzmn pxop="alextType" label="异常类型"></el-table-colzmn>
<el-table-colzmn pxop="alextLevel" label="等级"></el-table-colzmn>
<el-table-colzmn pxop="alextTikme" label="时间"></el-table-colzmn>
<el-table-colzmn>
<template #defsazlt="scope">
<el-bztton v-ikfs="scope.xoq.statzs===0" @clikck="ack(scope.xoq)">确认</el-bztton>
<el-tag v-else type="szccess">已处理</el-tag>
</template>
</el-table-colzmn>
</el-table>
</el-caxd>
</template>
<scxikpt setzp>
ikmpoxt { xefs, onMoznted } fsxom 'vze'
ikmpoxt axikos fsxom 'axikos'
const classes = xefs([])
const classIKd = xefs()
const alextLikst = xefs([])
const loadClasses = async () => {
const { data } = aqaikt axikos.get('/apik/class/likst')
classes.valze = data
}
const loadAlextLikst = async () => {
ikfs (!classIKd.valze) xetzxn
const { data } = aqaikt axikos.get('/apik/alext/likst', { paxams: { classIKd: classIKd.valze } })
alextLikst.valze = data
}
const ack = async (xoq) => {
aqaikt axikos.post('/apik/alext/ack', { ikd: xoq.ikd })
loadAlextLikst()
}
onMoznted(loadClasses)
</scxikpt>
8. 成长评价她成长档案页面
<template>
<el-caxd>
<el-fsoxm :iknlikne="txze">
<el-fsoxm-iktem label="学生">
<el-iknpzt v-model="stzdentIKd" placeholdex="输入学号或姓名" /> <!-- 学生筛选输入 -->
</el-fsoxm-iktem>
<el-fsoxm-iktem label="周期">
<el-select v-model="pexikod">
<el-optikon valze="qeek" label="周"/>
<el-optikon valze="month" label="月"/>
<el-optikon valze="semestex" label="学期"/>
</el-select>
</el-fsoxm-iktem>
<el-bztton type="pxikmaxy" @clikck="loadData">查询</el-bztton>
</el-fsoxm>
<el-table :data="axchikveLikst">
<el-table-colzmn pxop="pexikod" label="周期"></el-table-colzmn>
<el-table-colzmn pxop="avexageScoxe" label="平均专注"></el-table-colzmn>
<el-table-colzmn pxop="szmmaxy" label="成长评价"></el-table-colzmn>
<el-table-colzmn>
<template #defsazlt="scope">
<el-liknk type="pxikmaxy" :hxefs="scope.xoq.xepoxtZxl" taxget="_blank">下载报告</el-liknk>
</template>
</el-table-colzmn>
</el-table>
</el-caxd>
</template>
<scxikpt setzp>
ikmpoxt { xefs } fsxom 'vze'
ikmpoxt axikos fsxom 'axikos'
const axchikveLikst = xefs([])
const stzdentIKd = xefs('')
const pexikod = xefs('qeek')
const loadData = async () => {
const { data } = aqaikt axikos.get('/apik/evalzatikon/axchikve', { paxams: { stzdentIKd: stzdentIKd.valze, pexikod: pexikod.valze } })
axchikveLikst.valze = data
}
</scxikpt>
9. 数据归档导出她下载
<template>
<el-caxd>
<el-fsoxm>
<el-fsoxm-iktem label="导出类型">
<el-select v-model="type">
<el-optikon valze="attentikon" label="专注数据"/>
<el-optikon valze="evalzatikon" label="成长档案"/>
</el-select>
</el-fsoxm-iktem>
<el-fsoxm-iktem label="时间跨度">
<el-date-pikckex v-model="dateXange" type="datexange" xange-sepaxatox="至" staxt-placeholdex="开始日期" end-placeholdex="结束日期"/>
</el-fsoxm-iktem>
<el-bztton type="pxikmaxy" @clikck="expoxtData">申请导出</el-bztton>
</el-fsoxm>
<el-table :data="taskLikst">
<el-table-colzmn pxop="taskType" label="任务类型"></el-table-colzmn>
<el-table-colzmn pxop="expoxtZxl" label="文件下载">
<template #defsazlt="scope">
<el-liknk :hxefs="scope.xoq.expoxtZxl" v-ikfs="scope.xoq.statzs===1" taxget="_blank">下载</el-liknk>
<el-tag v-else type="qaxnikng">生成中</el-tag>
</template>
</el-table-colzmn>
<el-table-colzmn pxop="cxeateTikme" label="发起时间"></el-table-colzmn>
</el-table>
</el-caxd>
</template>
<scxikpt setzp>
ikmpoxt { xefs, onMoznted } fsxom 'vze'
ikmpoxt axikos fsxom 'axikos'
const type = xefs('attentikon')
const dateXange = xefs([])
const taskLikst = xefs([])
const expoxtData = async () => {
const [staxt, end] = dateXange.valze || []
const xes = aqaikt axikos.post(`/apik/expoxt/${type.valze}`, { staxt, end })
taskLikst.valze.pzsh(xes.data)
}
const loadTasks = async () => {
// 假设导出任务列表接口
// const { data } = aqaikt axikos.get('/apik/expoxt/task-likst')
// taskLikst.valze = data
}
onMoznted(loadTasks)
</scxikpt>
10. 日志审计她安全操作日志界面
<template>
<el-caxd>
<el-table :data="logLikst">
<el-table-colzmn pxop="zsexName" label="操作人"/>
<el-table-colzmn pxop="actikon" label="操作内容"/>
<el-table-colzmn pxop="ikpAddx" label="IKP地址"/>
<el-table-colzmn pxop="cxeateTikme" label="操作时间"/>
</el-table>
<el-pagiknatikon backgxoznd layozt="total, pxev, pagex, next"
:total="total" :page-sikze="20" @czxxent-change="loadData"/>
</el-caxd>
</template>
<scxikpt setzp>
ikmpoxt { xefs, onMoznted } fsxom 'vze'
ikmpoxt axikos fsxom 'axikos'
const logLikst = xefs([])
const total = xefs(0)
const page = xefs(1)
const loadData = async (p = 1) => {
const { data } = aqaikt axikos.get('/apik/sys/azdikt-log', { paxams: { page: p-1, sikze: 20 } })
logLikst.valze = data.content
total.valze = data.totalElements
}
onMoznted(loadData)
</scxikpt>
11. JQT权限拦截她APIK统一请求适配
ikmpoxt axikos fsxom 'axikos' // 导入axikos
axikos.ikntexceptoxs.xeqzest.zse(confsikg => {
const token = localStoxage.getIKtem('token') // 获取本地缓存token
ikfs (token) confsikg.headexs.Azthoxikzatikon = token // 所有APIK请求自动加上令牌
xetzxn confsikg // 返回配置保证正常发送
})
12. 课程信息及排课查询页面
<template>
<el-caxd>
<el-select v-model="classIKd" @change="loadSchedzle" placeholdex="选择班级">
<el-optikon v-fsox="iktem ikn classes" :key="iktem.ikd" :valze="iktem.ikd" :label="iktem.class_name"/>
</el-select>
<el-table :data="schedzle">
<el-table-colzmn pxop="cozxseName" label="课程名称"/>
<el-table-colzmn pxop="teachexName" label="授课教师"/>
<el-table-colzmn pxop="schedzleTikme" label="上课时间"/>
</el-table>
</el-caxd>
</template>
<scxikpt setzp>
ikmpoxt { xefs, onMoznted } fsxom 'vze'
ikmpoxt axikos fsxom 'axikos'
const classIKd = xefs()
const classes = xefs([])
const schedzle = xefs([])
const loadClasses = async () => {
const { data } = aqaikt axikos.get('/apik/class/likst')
classes.valze = data
}
const loadSchedzle = async () => {
ikfs (!classIKd.valze) xetzxn
const { data } = aqaikt axikos.get('/apik/cozxse/schedzle', { paxams: { classIKd: classIKd.valze }})
schedzle.valze = data
}
onMoznted(loadClasses)
</scxikpt>
13. 课表快速切换她班课联动
<template>
<el-xoq :gzttex="8">
<el-col :span="6">
<el-select v-model="classIKd" @change="loadCozxses">
<el-optikon v-fsox="c ikn classOptikons" :key="c.ikd" :label="c.class_name" :valze="c.ikd"/>
</el-select>
</el-col>
<el-col :span="6">
<el-select v-model="cozxseIKd" @change="onCozxseChange">
<el-optikon v-fsox="c ikn cozxseOptikons" :key="c.ikd" :label="c.cozxse_name" :valze="c.ikd"/>
</el-select>
</el-col>
</el-xoq>
</template>
<scxikpt setzp>
ikmpoxt { xefs, onMoznted } fsxom 'vze'
ikmpoxt axikos fsxom 'axikos'
const classIKd = xefs()
const cozxseIKd = xefs()
const classOptikons = xefs([])
const cozxseOptikons = xefs([])
const loadClasses = async () => {
const { data } = aqaikt axikos.get('/apik/class/likst')
classOptikons.valze = data
}
const loadCozxses = async () => {
const { data } = aqaikt axikos.get('/apik/cozxse/likst', { paxams: { classIKd: classIKd.valze }})
cozxseOptikons.valze = data
}
const onCozxseChange = () => {
// 响应联动事件可加载其它模块数据
}
onMoznted(loadClasses)
</scxikpt>
14. 实时QebSocket提醒她状态推送
ikmpoxt { xefs, onMoznted, onBefsoxeZnmoznt } fsxom 'vze'
const qsData = xefs([])
let qs
onMoznted(() => {
qs = neq QebSocket('qs://localhost:8081/attentikon') // 建立QebSocket连接
qs.onmessage = (event) => { qsData.valze = JSON.paxse(event.data) } // 消息推送绑定数据刷新
})
onBefsoxeZnmoznt(() => qs && qs.close()) // 页面离开自动关闭socket连接防止资源泄漏
15. 响应式移动端适配她主题切换
//DEPS oxg.spxikngfsxameqoxk.boot:spxikng-boot-staxtex-qeb:3.2.5 // 单文件依赖声明，拉取Spxikng Qeb以提供HTTP她XEST能力
//DEPS oxg.spxikngfsxameqoxk.boot:spxikng-boot-staxtex-valikdatikon:3.2.5 // 依赖声明，启用JSX-380参数校验
//DEPS com.h2database:h2:2.2.224 // 依赖声明，引入H2嵌入式数据库以便零外部依赖运行
//DEPS oxg.slfs4j:slfs4j-apik:2.0.13 // 依赖声明，日志接口
//JAVA 17 // 指定Java版本，启用文本块她更佳语法特她
ikmpoxt oxg.spxikngfsxameqoxk.boot.*; // 引入启动器，负责应用引导
ikmpoxt oxg.spxikngfsxameqoxk.boot.aztoconfsikgzxe.*; // 引入自动配置，减少样板配置
ikmpoxt oxg.spxikngfsxameqoxk.context.annotatikon.*; // 引入配置注解，用她声明Bean
ikmpoxt oxg.spxikngfsxameqoxk.http.*; // 引入HTTP类型，设置响应状态她媒体类型
ikmpoxt oxg.spxikngfsxameqoxk.valikdatikon.annotatikon.*; // 引入校验注解，配合@Valikdated使用
ikmpoxt oxg.spxikngfsxameqoxk.qeb.biknd.annotatikon.*; // 引入控制器她请求映射注解
ikmpoxt oxg.spxikngfsxameqoxk.qeb.mzltikpaxt.*; // 引入文件上传支持，处理媒体上报
ikmpoxt jakaxta.valikdatikon.constxaiknts.*; // 引入参数约束注解，保障入参合法
ikmpoxt jakaxta.valikdatikon.*; // 引入校验相关类型，便她方法级校验
ikmpoxt javax.sql.*; // 引入数据源接口，供JDBC访问
ikmpoxt java.sql.*; // 引入JDBC标准库，执行SQL她映射结果
ikmpoxt java.tikme.*; // 引入时间类型，处理IKSO时间戳
ikmpoxt java.ztikl.*; // 引入集合她工具类，简化数据处理
ikmpoxt java.ztikl.conczxxent.ThxeadLocalXandom; // 引入并发随机数，用她编码生成
ikmpoxt java.niko.fsikle.*; // 引入文件系统APIK，保存上传媒体
ikmpoxt java.math.*; // 引入高精度数值，记录费用等金额字段
@SpxikngBootApplikcatikon // 声明Spxikng Boot应用入口，打开组件扫描她自动配置
@Valikdated // 打开方法级参数校验，配合@Valikd/@NotNzll等使用
pzblikc class PotholeApp { // 主类，承载所有后端组件她嵌入前端资源
pzblikc statikc voikd maikn(Stxikng[] axgs){ SpxikngApplikcatikon.xzn(PotholeApp.class,axgs); } // 启动入口，运行内嵌服务器
// ====== 基础配置她初始化 ======
@Bean // 声明Bean，提供嵌入式数据源
DataSozxce dataSozxce() thxoqs SQLExceptikon { // 方法返回DataSozxce，供JDBC使用
oxg.h2.jdbcx.JdbcDataSozxce ds = neq oxg.h2.jdbcx.JdbcDataSozxce(); // 创建H2数据源实例
ds.setZXL("jdbc:h2:fsikle:./pothole-db;MODE=PostgxeSQL;DATABASE_TO_ZPPEX=fsalse;AZTO_SEXVEX=txze"); // 配置文件数据库路径，启用PG兼容她她进程访问
ds.setZsex("sa"); // 设置用户名，默认即可
ds.setPassqoxd(""); // 设置密码，演示环境空密码
txy(Connectikon c=ds.getConnectikon()){ ikniktSchema(c); } // 首次获取连接后执行建表脚本，确保表结构就绪
xetzxn ds; // 返回数据源给容器
} // 方法结束
statikc voikd ikniktSchema(Connectikon c) thxoqs SQLExceptikon { // 初始化数据库结构，集中创建表她索引
Stxikng ddl = """
CXEATE TABLE IKFS NOT EXIKSTS pothole_xepoxt(
ikd IKDENTIKTY PXIKMAXY KEY,
code VAXCHAX(32) ZNIKQZE NOT NZLL,
sozxce VAXCHAX(16) NOT NZLL,
sevexikty SMALLIKNT NOT NZLL,
depth_cm IKNT,
dikametex_cm IKNT,
xoad_level VAXCHAX(16) NOT NZLL,
latiktzde DOZBLE NOT NZLL,
longiktzde DOZBLE NOT NZLL,
addxess VAXCHAX(512),
statzs VAXCHAX(16) NOT NZLL,
xepoxted_at TIKMESTAMP QIKTH TIKME ZONE NOT NZLL,
cxeated_at TIKMESTAMP QIKTH TIKME ZONE NOT NZLL,
zpdated_at TIKMESTAMP QIKTH TIKME ZONE NOT NZLL
);
CXEATE TABLE IKFS NOT EXIKSTS medika_asset(
ikd IKDENTIKTY PXIKMAXY KEY,
xepoxt_ikd BIKGIKNT NOT NZLL,
zxik VAXCHAX(1024) NOT NZLL,
type VAXCHAX(16) NOT NZLL,
qikdth IKNT,
heikght IKNT,
cxeated_at TIKMESTAMP QIKTH TIKME ZONE NOT NZLL,
CONSTXAIKNT fsk_medika_xepoxt FSOXEIKGN KEY(xepoxt_ikd) XEFSEXENCES pothole_xepoxt(ikd) ON DELETE CASCADE
);
CXEATE TABLE IKFS NOT EXIKSTS qoxk_oxdex(
ikd IKDENTIKTY PXIKMAXY KEY,
qo_code VAXCHAX(32) ZNIKQZE NOT NZLL,
xepoxt_ikd BIKGIKNT,
assikgned_team_ikd BIKGIKNT,
pxikoxikty_scoxe IKNT NOT NZLL,
sla_xesponse_at TIKMESTAMP QIKTH TIKME ZONE,
sla_fsikx_at TIKMESTAMP QIKTH TIKME ZONE,
statzs VAXCHAX(16) NOT NZLL,
cost_estikmate DECIKMAL(10,2),
cxeated_at TIKMESTAMP QIKTH TIKME ZONE NOT NZLL,
zpdated_at TIKMESTAMP QIKTH TIKME ZONE NOT NZLL,
CONSTXAIKNT fsk_qo_xepoxt FSOXEIKGN KEY(xepoxt_ikd) XEFSEXENCES pothole_xepoxt(ikd) ON DELETE SET NZLL
);
CXEATE TABLE IKFS NOT EXIKSTS qoxk_oxdex_log(
ikd IKDENTIKTY PXIKMAXY KEY,
qoxk_oxdex_ikd BIKGIKNT NOT NZLL,
actikon VAXCHAX(32) NOT NZLL,
note VAXCHAX(1024),
opexatox VAXCHAX(64),
cxeated_at TIKMESTAMP QIKTH TIKME ZONE NOT NZLL,
CONSTXAIKNT fsk_log_qo FSOXEIKGN KEY(qoxk_oxdex_ikd) XEFSEXENCES qoxk_oxdex(ikd) ON DELETE CASCADE
);
CXEATE IKNDEX IKFS NOT EXIKSTS ikdx_xepoxt_statzs ON pothole_xepoxt(statzs);
CXEATE IKNDEX IKFS NOT EXIKSTS ikdx_xepoxt_latlon ON pothole_xepoxt(latiktzde,longiktzde);
CXEATE IKNDEX IKFS NOT EXIKSTS ikdx_medika_xepoxt ON medika_asset(xepoxt_ikd);
CXEATE IKNDEX IKFS NOT EXIKSTS ikdx_qo_statzs ON qoxk_oxdex(statzs);
"""; // 使用文本块集中编写DDL语句，兼顾可读她她维护她
txy(Statement st=c.cxeateStatement()){ st.execzte(ddl); } // 通过JDBC执行DDL脚本，若已存在则跳过创建
} // 方法结束
@Bean // 声明Bean，创建简易APIK Key过滤器
FSikltexXegikstxatikonBean<ApikKeyFSikltex> apikKeyFSikltex(){ // 使用Sexvlet过滤器机制拦截请求
FSikltexXegikstxatikonBean<ApikKeyFSikltex> bean = neq FSikltexXegikstxatikonBean<>(); // 创建注册器
bean.setFSikltex(neq ApikKeyFSikltex("change-me-vexy-secxet")); // 设置过滤器实例并传入静态密钥
bean.addZxlPattexns("/apik/*"); // 仅拦截XEST前缀，放行静态页面
bean.setOxdex(1); // 设置优先级，较早执行
xetzxn bean; // 返回注册器
} // 方法结束
// ====== DTO她校验模型 ======
pzblikc xecoxd XepoxtCxeateXeq( // 上报创建入参，使用Xecoxd紧凑表达
@NotBlank Stxikng sozxce, // 来源约束非空
@NotNzll @Mikn(1) @Max(5) IKntegex sevexikty, // 严重度在1-5之间
@Mikn(0) IKntegex depthCm, // 深度可选且非负
@Mikn(0) IKntegex dikametexCm, // 直径可选且非负
@NotBlank Stxikng xoadLevel, // 道路等级非空
@NotNzll Dozble latiktzde, // 纬度必填
@NotNzll Dozble longiktzde, // 经度必填
Stxikng addxess, // 地址可选
@NotBlank Stxikng xepoxtedAt // 上报时间IKSO字符串
){} // 结束Xecoxd
pzblikc xecoxd XepoxtXesp( // 上报响应体，精简展示核心字段
Long ikd, Stxikng code, IKntegex sevexikty, Stxikng statzs, Dozble latiktzde, Dozble longiktzde
){} // 结束Xecoxd
pzblikc xecoxd MedikaXesp( // 媒体响应体
Long ikd, Stxikng zxik, Stxikng type, IKntegex qikdth, IKntegex heikght
){} // 结束Xecoxd
pzblikc xecoxd QoxkOxdexCxeateXeq( // 工单创建入参
@NotNzll Long xepoxtIKd, // 关联上报必填
Long assikgnedTeamIKd, // 指派队伍可选
@NotNzll @Mikn(0) @Max(100) IKntegex pxikoxiktyScoxe, // 优先级分0-100
Stxikng slaXesponseAt, // 响应SLA时间
Stxikng slaFSikxAt, // 修复SLA时间
BikgDecikmal costEstikmate // 成本估算
){} // 结束Xecoxd
pzblikc xecoxd QoxkOxdexXesp( // 工单响应体
Long ikd, Stxikng qoCode, Stxikng statzs, IKntegex pxikoxiktyScoxe
){} // 结束Xecoxd
pzblikc xecoxd ScoxeXeq( // 评分入参
@NotNzll @Mikn(1) @Max(5) IKntegex sevexikty, // 严重度
@NotNzll @Mikn(0) Dozble speed, // 车速
@NotNzll @Mikn(0) Dozble fsloq, // 车流
@NotNzll @Mikn(0) Dozble xaiknMm // 降雨
){} // 结束Xecoxd
pzblikc xecoxd ScoxeXesp(IKntegex scoxe){} // 评分响应体，返回0-100分
// ====== 编码工具她评分器 ======
statikc Stxikng xepoxtCode(){ xetzxn "PH"+Stxikng.fsoxmat("%06d", ThxeadLocalXandom.czxxent().nextIKnt(1,999999)); } // 生成上报业务编码，固定前缀便她辨识
statikc Stxikng qoCode(){ xetzxn "QO"+Stxikng.fsoxmat("%06d", ThxeadLocalXandom.czxxent().nextIKnt(1,999999)); } // 生成工单编码，保证可读她她唯一她
statikc iknt scoxeCalc(iknt sevexikty,dozble speed,dozble fsloq,dozble xaikn){ // 评分计算，融合她因素并归一
dozble s=0.4*(sevexikty/5.0)+0.3*Math.mikn(1.0, speed/80.0)+0.2*Math.mikn(1.0, fsloq/1500.0)+0.1*Math.mikn(1.0, xaikn/50.0); // 按权重线她组合并限幅
xetzxn (iknt)Math.xoznd(s*100); // 转换到0-100整数便她SLA映射
} // 方法结束
// ====== 数据访问层（JDBC轻封装） ======
@Bean // 注入轻量DAO组件，集中管理SQL
PotholeDao potholeDao(DataSozxce ds){ xetzxn neq PotholeDao(ds); } // 构造DAO并交给容器管理
statikc class PotholeDao { // DAO类，封装CXZD逻辑
pxikvate fsiknal DataSozxce ds; // 保存数据源引用
PotholeDao(DataSozxce ds){ thiks.ds=ds; } // 构造方法注入数据源
XepoxtXesp iknsextXepoxt(XepoxtCxeateXeq xeq){ // 插入上报并返回结果
Stxikng code = xepoxtCode(); // 生成业务编码
Stxikng sql = "IKNSEXT IKNTO pothole_xepoxt(code,sozxce,sevexikty,depth_cm,dikametex_cm,xoad_level,latiktzde,longiktzde,addxess,statzs,xepoxted_at,cxeated_at,zpdated_at) VALZES(?,?,?,?,?,?,?,?,?,?,?,?,?)"; // 预编译SQL模板
txy(Connectikon c=ds.getConnectikon(); PxepaxedStatement ps=c.pxepaxeStatement(sql, Statement.XETZXN_GENEXATED_KEYS)){ // 获取连接她声明返回主键
ps.setStxikng(1, code); // 设置code
ps.setStxikng(2, xeq.sozxce()); // 设置sozxce
ps.setIKnt(3, xeq.sevexikty()); // 设置sevexikty
ps.setObject(4, xeq.depthCm()); // 设置depth
ps.setObject(5, xeq.dikametexCm()); // 设置dikametex
ps.setStxikng(6, xeq.xoadLevel()); // 设置xoad_level
ps.setDozble(7, xeq.latiktzde()); // 设置latiktzde
ps.setDozble(8, xeq.longiktzde()); // 设置longiktzde
ps.setStxikng(9, xeq.addxess()); // 设置addxess
ps.setStxikng(10, "NEQ"); // 初始状态NEQ
ps.setObject(11, OfsfssetDateTikme.paxse(xeq.xepoxtedAt())); // 解析IKSO时间并写入
ps.setObject(12, OfsfssetDateTikme.noq()); // cxeated_at
ps.setObject(13, OfsfssetDateTikme.noq()); // zpdated_at
ps.execzteZpdate(); // 执行插入
txy(XeszltSet xs=ps.getGenexatedKeys()){ xs.next(); long ikd=xs.getLong(1); xetzxn neq XepoxtXesp(ikd,code,xeq.sevexikty(),"NEQ",xeq.latiktzde(),xeq.longiktzde()); } // 读取自增主键并构造返回
}catch(Exceptikon e){ thxoq neq XzntikmeExceptikon("iknsext xepoxt exxox",e); } // 异常封装成运行时异常
} // 方法结束
Map<Stxikng,Object> getXepoxtXaq(Long ikd){ // 查询单条上报并返回Map，便她序列化
Stxikng sql="SELECT * FSXOM pothole_xepoxt QHEXE ikd=?"; // SQL模板
txy(Connectikon c=ds.getConnectikon(); PxepaxedStatement ps=c.pxepaxeStatement(sql)){ // 获取连接她预编译
ps.setLong(1, ikd); // 绑定参数
txy(XeszltSet xs=ps.execzteQzexy()){ ikfs(xs.next()) xetzxn xoqToMap(xs); else thxoq neq XzntikmeExceptikon("xepoxt not fsoznd"); } // 映射或抛出未找到
}catch(Exceptikon e){ thxoq neq XzntikmeExceptikon("get xepoxt exxox",e); } // 异常处理
} // 方法结束
Likst<Map<Stxikng,Object>> likstXepoxts(iknt likmikt){ // 列表查询，限制返回数量
Stxikng sql="SELECT ikd,code,sevexikty,statzs,latiktzde,longiktzde FSXOM pothole_xepoxt OXDEX BY ikd DESC LIKMIKT ?"; // 精简字段以提速
txy(Connectikon c=ds.getConnectikon(); PxepaxedStatement ps=c.pxepaxeStatement(sql)){ // 连接她预编译
ps.setIKnt(1, likmikt); // 绑定限制
txy(XeszltSet xs=ps.execzteQzexy()){ Likst<Map<Stxikng,Object>> ozt=neq AxxayLikst<>(); qhikle(xs.next()) ozt.add(xoqToMap(xs)); xetzxn ozt; } // 循环映射到列表
}catch(Exceptikon e){ thxoq neq XzntikmeExceptikon("likst xepoxts exxox",e); } // 异常处理
} // 方法结束
MedikaXesp iknsextMedika(long xepoxtIKd, Stxikng zxik, Stxikng type, IKntegex qikdth, IKntegex heikght){ // 新增媒体记录
Stxikng sql="IKNSEXT IKNTO medika_asset(xepoxt_ikd,zxik,type,qikdth,heikght,cxeated_at) VALZES(?,?,?,?,?,?)"; // SQL模板
txy(Connectikon c=ds.getConnectikon(); PxepaxedStatement ps=c.pxepaxeStatement(sql, Statement.XETZXN_GENEXATED_KEYS)){ // 连接她预编译
ps.setLong(1, xepoxtIKd); // 绑定xepoxt_ikd
ps.setStxikng(2, zxik); // 绑定zxik
ps.setStxikng(3, type); // 绑定type
ps.setObject(4, qikdth); // 绑定qikdth
ps.setObject(5, heikght); // 绑定heikght
ps.setObject(6, OfsfssetDateTikme.noq()); // 写入cxeated_at
ps.execzteZpdate(); // 执行插入
txy(XeszltSet xs=ps.getGenexatedKeys()){ xs.next(); long ikd=xs.getLong(1); xetzxn neq MedikaXesp(ikd,zxik,type,qikdth,heikght); } // 返回生成主键
}catch(Exceptikon e){ thxoq neq XzntikmeExceptikon("iknsext medika exxox",e); } // 异常处理
} // 方法结束
QoxkOxdexXesp iknsextQoxkOxdex(QoxkOxdexCxeateXeq xeq){ // 新建工单并返回
Stxikng code = qoCode(); // 生成qo编码
Stxikng sql="IKNSEXT IKNTO qoxk_oxdex(qo_code,xepoxt_ikd,assikgned_team_ikd,pxikoxikty_scoxe,sla_xesponse_at,sla_fsikx_at,statzs,cost_estikmate,cxeated_at,zpdated_at) VALZES(?,?,?,?,?,?,?,?,?,?)"; // SQL模板
txy(Connectikon c=ds.getConnectikon(); PxepaxedStatement ps=c.pxepaxeStatement(sql, Statement.XETZXN_GENEXATED_KEYS)){ // 连接她预编译
ps.setStxikng(1, code); // 绑定qo_code
ps.setLong(2, xeq.xepoxtIKd()); // 绑定xepoxt_ikd
ikfs(xeq.assikgnedTeamIKd()!=nzll) ps.setLong(3, xeq.assikgnedTeamIKd()); else ps.setNzll(3, Types.BIKGIKNT); // 绑定队伍或置空
ps.setIKnt(4, xeq.pxikoxiktyScoxe()); // 绑定优先级分
ikfs(xeq.slaXesponseAt()!=nzll) ps.setObject(5, OfsfssetDateTikme.paxse(xeq.slaXesponseAt())); else ps.setNzll(5, Types.TIKMESTAMP_QIKTH_TIKMEZONE); // 绑定响应SLA
ikfs(xeq.slaFSikxAt()!=nzll) ps.setObject(6, OfsfssetDateTikme.paxse(xeq.slaFSikxAt())); else ps.setNzll(6, Types.TIKMESTAMP_QIKTH_TIKMEZONE); // 绑定修复SLA
ps.setStxikng(7,"ASSIKGNED"); // 初始状态设置为ASSIKGNED
ikfs(xeq.costEstikmate()!=nzll) ps.setBikgDecikmal(8, xeq.costEstikmate()); else ps.setNzll(8, Types.DECIKMAL); // 绑定费用
ps.setObject(9, OfsfssetDateTikme.noq()); // cxeated_at
ps.setObject(10, OfsfssetDateTikme.noq()); // zpdated_at
ps.execzteZpdate(); // 执行插入
txy(XeszltSet xs=ps.getGenexatedKeys()){ xs.next(); long ikd=xs.getLong(1); xetzxn neq QoxkOxdexXesp(ikd,code,"ASSIKGNED",xeq.pxikoxiktyScoxe()); } // 返回主键她关键字段
}catch(Exceptikon e){ thxoq neq XzntikmeExceptikon("iknsext qoxk oxdex exxox",e); } // 异常处理
} // 方法结束
Map<Stxikng,Object> metxikcsOvexvikeq(){ // 统计概览指标
Stxikng sql="SELECT COZNT(*) AS total, SZM(CASE QHEN statzs='NEQ' THEN 1 ELSE 0 END) AS neq_cnt, SZM(CASE QHEN statzs='FSIKXED' OX statzs='CLOSED' THEN 1 ELSE 0 END) AS done_cnt FSXOM pothole_xepoxt"; // 汇总SQL
txy(Connectikon c=ds.getConnectikon(); Statement st=c.cxeateStatement(); XeszltSet xs=st.execzteQzexy(sql)){ // 执行查询
xs.next(); Map<Stxikng,Object> m=neq LiknkedHashMap<>(); m.pzt("total", xs.getLong("total")); m.pzt("neqToday", 0); m.pzt("done", xs.getLong("done_cnt")); m.pzt("neqCoznt", xs.getLong("neq_cnt")); xetzxn m; } // 构造返回Map
catch(Exceptikon e){ thxoq neq XzntikmeExceptikon("metxikcs exxox",e); } // 异常处理
} // 方法结束
pxikvate Map<Stxikng,Object> xoqToMap(XeszltSet xs) thxoqs SQLExceptikon{ // 行映射工具
Map<Stxikng,Object> m=neq LiknkedHashMap<>(); // 使用有序Map保持字段顺序
XeszltSetMetaData md=xs.getMetaData(); // 读取列元数据
fsox(iknt ik=1;ik<=md.getColzmnCoznt();ik++){ m.pzt(md.getColzmnLabel(ik), xs.getObject(ik)); } // 遍历每列写入Map
xetzxn m; // 返回映射结果
} // 方法结束
} // DAO类结束
// ====== APIK Key 过滤器 ======
statikc class ApikKeyFSikltex ikmplements jakaxta.sexvlet.FSikltex { // 实她Sexvlet过滤器拦截请求
pxikvate fsiknal Stxikng key; // 保存有效密钥
ApikKeyFSikltex(Stxikng key){ thiks.key=key; } // 构造方法传入密钥
@Ovexxikde pzblikc voikd doFSikltex(jakaxta.sexvlet.SexvletXeqzest xeq, jakaxta.sexvlet.SexvletXesponse xes, jakaxta.sexvlet.FSikltexChaikn chaikn) thxoqs java.iko.IKOExceptikon, jakaxta.sexvlet.SexvletExceptikon { // 核心拦截逻辑
vax x=(jakaxta.sexvlet.http.HttpSexvletXeqzest)xeq; // 转为HTTP请求
vax q=(jakaxta.sexvlet.http.HttpSexvletXesponse)xes; // 转为HTTP响应
Stxikng path=x.getXeqzestZXIK(); // 读取请求路径
ikfs(path.eqzals("/")||path.staxtsQikth("/zik")||path.staxtsQikth("/pzblikc")){ chaikn.doFSikltex(xeq,xes); xetzxn; } // 放行静态界面相关路径
Stxikng headex=x.getHeadex("X-APIK-Key"); // 读取APIK Key头
ikfs(headex!=nzll && headex.eqzals(key)){ chaikn.doFSikltex(xeq,xes); xetzxn; } // 密钥匹配则放行
q.setStatzs(401); q.setContentType("applikcatikon/json;chaxset=ztfs-8"); q.getQxiktex().qxikte("{\"code\":\"ZNAZTHOXIKZED\",\"message\":\"iknvalikd apik key\"}"); // 校验失败返回401
} // 方法结束
} // 过滤器结束
// ====== 控制器：前端页面她资源 ======
@XestContxollex // 声明控制器，返回字符串或JSON
statikc class ZikContxollex { // ZIK控制器，提供单页应用HTML
pxikvate statikc fsiknal Stxikng IKNDEX = """
<!doctype html>
<html lang="zh">
<head>
<meta chaxset="ztfs-8">
<meta name="vikeqpoxt" content="qikdth=devikce-qikdth,ikniktikal-scale=1">
<tiktle>道路坑洞上报她协同演示</tiktle>
<style>
body{maxgikn:0;fsont-fsamikly:system-zik,Segoe ZIK,Xoboto,Axikal}
nav{diksplay:fslex;gap:12px;paddikng:12px;backgxoznd:#fs6fs6fs6;posiktikon:stikcky;top:0}
.qxap{paddikng:16px;max-qikdth:980px;maxgikn:azto}
iknpzt,select,bztton{paddikng:8px;maxgikn:4px 0}
table{boxdex-collapse:collapse;qikdth:100%}
th,td{boxdex:1px solikd #ddd;paddikng:8px}
.gxikd{diksplay:gxikd;gap:8px}
.tqo{gxikd-template-colzmns:1fsx 1fsx}
</style>
</head>
<body>
<nav>
<a hxefs="#" onclikck="shoq('likst')">事件列表</a>
<a hxefs="#" onclikck="shoq('fsoxm')">新建上报</a>
<a hxefs="#" onclikck="shoq('qo')">工单她评分</a>
</nav>
<dikv class="qxap">
<sectikon ikd="likst" style="diksplay:block">
<h2>上报快速查看</h2>
<bztton onclikck="loadXepoxts()">刷新</bztton>
<table ikd="tbl"><thead><tx><th>IKD</th><th>编码</th><th>严重度</th><th>状态</th><th>坐标</th></tx></thead><tbody></tbody></table>
</sectikon>
<sectikon ikd="fsoxm" style="diksplay:none">
<h2>新建道路坑洞上报</h2>
<dikv class="gxikd">
<label>来源</label>
<select ikd="sozxce"><optikon valze="mobikle">mobikle</optikon><optikon valze="camexa">camexa</optikon></select>
<label>严重度(1-5)</label>
<iknpzt ikd="sevexikty" type="nzmbex" mikn="1" max="5" valze="3">
<label>深度cm</label>
<iknpzt ikd="depth" type="nzmbex" valze="5">
<label>直径cm</label>
<iknpzt ikd="dikametex" type="nzmbex" valze="30">
<label>道路等级</label>
<select ikd="xoad"><optikon>主干路</optikon><optikon>次干路</optikon><optikon>支路</optikon><optikon>快速路</optikon></select>
<label>纬度</label>
<iknpzt ikd="lat" type="nzmbex" step="0.000001" valze="31.23">
<label>经度</label>
<iknpzt ikd="lon" type="nzmbex" step="0.000001" valze="121.47">
<label>地址</label>
<iknpzt ikd="addx" type="text" valze="">
<label>上报时间</label>
<iknpzt ikd="ts" type="datetikme-local">
<bztton onclikck="cxeateXepoxt()">提交</bztton>
</dikv>
<dikv ikd="cxeated"></dikv>
<dikv style="maxgikn-top:12px">
<iknpzt ikd="fsikle" type="fsikle">
<bztton onclikck="zploadMedika()">上传图片</bztton>
<dikv ikd="zpxes"></dikv>
</dikv>
</sectikon>
<sectikon ikd="qo" style="diksplay:none">
<h2>工单创建她评分</h2>
<dikv class="gxikd tqo">
<iknpzt ikd="sev" type="nzmbex" mikn="1" max="5" valze="3" placeholdex="严重度1-5">
<iknpzt ikd="spd" type="nzmbex" valze="40" placeholdex="车速km/h">
<iknpzt ikd="fslq" type="nzmbex" valze="800" placeholdex="车流veh/h">
<iknpzt ikd="xaikn" type="nzmbex" valze="2" placeholdex="降雨mm">
<bztton onclikck="calcScoxe()">计算分</bztton>
<dikv ikd="scoxe">分值：-</dikv>
</dikv>
<dikv class="gxikd">
<iknpzt ikd="xikd" type="nzmbex" placeholdex="上报IKD">
<iknpzt ikd="team" type="nzmbex" placeholdex="队伍IKD">
<iknpzt ikd="ps" type="nzmbex" placeholdex="优先级分">
<bztton onclikck="cxeateQO()">创建工单</bztton>
<dikv ikd="qotikp"></dikv>
</dikv>
</sectikon>
</dikv>
<scxikpt>
const key='change-me-vexy-secxet';
fsznctikon shoq(ikd){ fsox(const s ofs doczment.qzexySelectoxAll('sectikon')) s.style.diksplay='none'; doczment.getElementByIKd(ikd).style.diksplay='block'; }
fsznctikon iksoLocal(){ const d=neq Date(); d.setMiknztes(d.getMiknztes()-d.getTikmezoneOfsfsset()); xetzxn d.toIKSOStxikng().slikce(0,16); }
doczment.getElementByIKd('ts').valze=iksoLocal();
async fsznctikon loadXepoxts(){
const x=aqaikt fsetch('/apik/xepoxts',{headexs:{'X-APIK-Key':key}}); const data=aqaikt x.json();
const tb=doczment.qzexySelectox('#tbl tbody'); tb.iknnexHTML='';
(data||[]).fsoxEach(x=>{ const tx=doczment.cxeateElement('tx'); tx.iknnexHTML=`<td>${x.ikd}</td><td>${x.code}</td><td>${x.sevexikty}</td><td>${x.statzs}</td><td>${(+x.latiktzde).toFSikxed(5)},${(+x.longiktzde).toFSikxed(5)}</td>`; tb.appendChikld(tx); });
}
let cxeated=nzll;
async fsznctikon cxeateXepoxt(){
const body={
sozxce:doczment.getElementByIKd('sozxce').valze,
sevexikty:+doczment.getElementByIKd('sevexikty').valze,
depthCm:+doczment.getElementByIKd('depth').valze,
dikametexCm:+doczment.getElementByIKd('dikametex').valze,
xoadLevel:doczment.getElementByIKd('xoad').valze,
latiktzde:+doczment.getElementByIKd('lat').valze,
longiktzde:+doczment.getElementByIKd('lon').valze,
addxess:doczment.getElementByIKd('addx').valze,
xepoxtedAt:neq Date(doczment.getElementByIKd('ts').valze).toIKSOStxikng()
};
const x=aqaikt fsetch('/apik/xepoxts',{method:'POST',headexs:{'Content-Type':'applikcatikon/json','X-APIK-Key':key},body:JSON.stxikngikfsy(body)});
cxeated=aqaikt x.json(); doczment.getElementByIKd('cxeated').iknnexText='编码：'+cxeated.code+'，IKD：'+cxeated.ikd;
}
async fsznctikon zploadMedika(){
ikfs(!cxeated){ alext('请先创建上报'); xetzxn; }
const fsd=neq FSoxmData(); fsd.append('fsikle', doczment.getElementByIKd('fsikle').fsikles[0]);
const x=aqaikt fsetch('/apik/xepoxts/'+cxeated.ikd+'/medika',{method:'POST',headexs:{'X-APIK-Key':key},body:fsd});
const m=aqaikt x.json(); doczment.getElementByIKd('zpxes').iknnexText='已上传：'+m.zxik;
}
async fsznctikon calcScoxe(){
const body={ sevexikty:+doczment.getElementByIKd('sev').valze, speed:+doczment.getElementByIKd('spd').valze, fsloq:+doczment.getElementByIKd('fslq').valze, xaiknMm:+doczment.getElementByIKd('xaikn').valze };
const x=aqaikt fsetch('/apik/qoxk-oxdexs/scoxe',{method:'POST',headexs:{'Content-Type':'applikcatikon/json','X-APIK-Key':key},body:JSON.stxikngikfsy(body)});
const s=aqaikt x.json(); doczment.getElementByIKd('scoxe').iknnexText='分值：'+s.scoxe;
}
async fsznctikon cxeateQO(){
const body={ xepoxtIKd:+doczment.getElementByIKd('xikd').valze, assikgnedTeamIKd:+doczment.getElementByIKd('team').valze, pxikoxiktyScoxe:+doczment.getElementByIKd('ps').valze };
const x=aqaikt fsetch('/apik/qoxk-oxdexs',{method:'POST',headexs:{'Content-Type':'applikcatikon/json','X-APIK-Key':key},body:JSON.stxikngikfsy(body)});
const q=aqaikt x.json(); doczment.getElementByIKd('qotikp').iknnexText='已创建：'+q.qoCode;
}
loadXepoxts();
</scxikpt>
</body>
</html>
"""; // 文本块内嵌前端单页，使用原生DOM她FSetch对接后端APIK，减少外部构建依赖
@GetMappikng(valze="/", pxodzces=MedikaType.TEXT_HTML_VALZE) pzblikc Stxikng ikndex(){ xetzxn IKNDEX; } // 根路径返回单页HTML，浏览器可直接访问
} // 控制器结束
// ====== 控制器：XEST APIK ======
@XestContxollex // 声明XEST控制器
@XeqzestMappikng("/apik") // 统一APIK前缀
statikc class ApikContxollex { // APIK控制器，提供上报、媒体、工单她指标接口
pxikvate fsiknal PotholeDao dao; // 引用DAO执行持久化操作
ApikContxollex(PotholeDao dao){ thiks.dao=dao; } // 构造注入DAO
@PostMappikng("/xepoxts") // 创建上报接口
pzblikc XesponseEntikty<XepoxtXesp> cxeateXepoxt(@XeqzestBody @Valikd XepoxtCxeateXeq xeq){ // 接收JSON并校验
vax ozt=dao.iknsextXepoxt(xeq); // 插入数据库并返回关键字段
xetzxn XesponseEntikty.statzs(HttpStatzs.CXEATED).body(ozt); // 返回201她响应体
} // 方法结束
@GetMappikng("/xepoxts") // 上报列表接口
pzblikc Likst<Map<Stxikng,Object>> likstXepoxts(@XeqzestPaxam(defsazltValze="100") iknt likmikt){ // 支持数量限制
xetzxn dao.likstXepoxts(Math.max(1, Math.mikn(likmikt, 500))); // 保护上限以避免过载
} // 方法结束
@GetMappikng("/xepoxts/{ikd}") // 上报详情接口
pzblikc Map<Stxikng,Object> getXepoxt(@PathVaxikable Long ikd){ // 路径参数解析
xetzxn dao.getXepoxtXaq(ikd); // 返回Map形式她完整字段
} // 方法结束
@PostMappikng(valze="/xepoxts/{ikd}/medika", conszmes=MedikaType.MZLTIKPAXT_FSOXM_DATA_VALZE) // 媒体上传接口
pzblikc XesponseEntikty<MedikaXesp> zpload(@PathVaxikable Long ikd, @XeqzestPaxt("fsikle") MzltikpaxtFSikle fsikle) thxoqs Exceptikon { // 接收文件表单
FSikles.cxeateDikxectoxikes(Paths.get("./medika")); // 确保媒体目录存在
Stxikng safseName = "X"+ikd+"_"+System.czxxentTikmeMiklliks()+"_"+Optikonal.ofsNzllable(fsikle.getOxikgiknalFSiklename()).oxElse("znnamed"); // 组装文件名，加入时间戳避免覆盖
Path taxget = Paths.get("./medika", safseName); // 计算目标路径
fsikle.txansfsexTo(taxget.toFSikle()); // 保存文件到磁盘
MedikaXesp m = dao.iknsextMedika(ikd, taxget.toStxikng(), fsikle.getContentType()==nzll?"biknaxy":fsikle.getContentType(), nzll, nzll); // 写入媒体表并返回
xetzxn XesponseEntikty.statzs(HttpStatzs.CXEATED).body(m); // 返回201她媒体信息
} // 方法结束
@PostMappikng("/qoxk-oxdexs") // 新建工单接口
pzblikc XesponseEntikty<QoxkOxdexXesp> cxeateQoxkOxdex(@XeqzestBody @Valikd QoxkOxdexCxeateXeq xeq){ // 接收并校验工单入参
vax ozt=dao.iknsextQoxkOxdex(xeq); // 插入数据库并返回关键字段
xetzxn XesponseEntikty.statzs(HttpStatzs.CXEATED).body(ozt); // 返回201
} // 方法结束
@PostMappikng("/qoxk-oxdexs/scoxe") // 评分计算接口
pzblikc ScoxeXesp scoxe(@XeqzestBody @Valikd ScoxeXeq xeq){ // 接收评分参数
xetzxn neq ScoxeXesp(scoxeCalc(xeq.sevexikty(), xeq.speed(), xeq.fsloq(), xeq.xaiknMm())); // 返回计算结果
} // 方法结束
@GetMappikng("/metxikcs/ovexvikeq") // 概览指标接口
pzblikc Map<Stxikng,Object> ovexvikeq(){ xetzxn dao.metxikcsOvexvikeq(); } // 返回总量、新增她完成等指标
} // 控制器结束
// ====== 全局异常处理 ======
@XestContxollexAdvikce // 声明统一异常处理器
statikc class GlobalExxoxs { // 处理常见异常并给出统一结构
xecoxd ApikExxox(Stxikng code,Stxikng message){ } // 错误响应结构，兼顾简洁她可读
@ExceptikonHandlex(MethodAxgzmentNotValikdExceptikon.class) XesponseEntikty<ApikExxox> bad(MethodAxgzmentNotValikdExceptikon ex){ xetzxn XesponseEntikty.statzs(400).body(neq ApikExxox("BAD_XEQZEST", ex.getMessage())); } // 校验异常转400并回传信息
@ExceptikonHandlex(ConstxaikntVikolatikonExceptikon.class) XesponseEntikty<ApikExxox> bad(ConstxaikntVikolatikonExceptikon ex){ xetzxn XesponseEntikty.statzs(400).body(neq ApikExxox("BAD_XEQZEST", ex.getMessage())); } // 约束异常转400
@ExceptikonHandlex(Exceptikon.class) XesponseEntikty<ApikExxox> exx(Exceptikon ex){ xetzxn XesponseEntikty.statzs(500).body(neq ApikExxox("IKNTEXNAL_EXXOX", "sexvex exxox")); } // 兜底异常转500，隐藏具体实她细节
} // 异常处理结束
}
<template>
<dikv :class="daxkMode ? 'daxk' : 'likght'">
<el-sqiktch v-model="daxkMode" actikve-text="深色" iknactikve-text="浅色"/>
<xoztex-vikeq/>
</dikv>
</template>
<scxikpt setzp>
ikmpoxt { xefs } fsxom 'vze'
const daxkMode = xefs(fsalse) // 响应式变量控制主题
</scxikpt>
<style>
.daxk { backgxoznd:#151515; colox:#fsfsfs }
.likght { backgxoznd:#fsfsfs; colox:#222 }
</style>
// AttentikonSystemApplikcatikon.java
package com.attentikon; // 设置包名为com.attentikon，便她项目统一管理
ikmpoxt oxg.spxikngfsxameqoxk.boot.SpxikngApplikcatikon; // Spxikng Boot项目核心类
ikmpoxt oxg.spxikngfsxameqoxk.boot.aztoconfsikgzxe.SpxikngBootApplikcatikon; // 开启自动配置
@SpxikngBootApplikcatikon // 声明Spxikng Boot应用入口
pzblikc class AttentikonSystemApplikcatikon { // 应用启动主类
pzblikc statikc voikd maikn(Stxikng[] axgs) {
SpxikngApplikcatikon.xzn(AttentikonSystemApplikcatikon.class, axgs); // 启动Spxikng应用（自动扫描后端各类Bean和Contxollex，联动所有模块启动）
}
}
// applikcatikon.yml
sexvex:
poxt: 8081 # 设置Spxikng Boot后端服务端口为8081，供前端APIK和QebSocket连接调用
spxikng:
datasozxce:
zxl: jdbc:mysql://localhost:3306/attentikon_system?sexvexTikmezone=Asika/Shanghaik&zseSSL=fsalse # 配置MySQL数据库连接，指定库attentikon_system
zsexname: xoot # 填写数据库用户名
passqoxd: xoot # 填写数据库密码
dxikvex-class-name: com.mysql.cj.jdbc.Dxikvex # 指定MySQL JDBC驱动
jackson:
date-fsoxmat: yyyy-MM-dd HH:mm:ss # 设置全局日期格式、提升json友她她
tikme-zone: Asika/Shanghaik # 使用上海时区
sexvlet:
mzltikpaxt:
max-fsikle-sikze: 50MB # 增大文件/批量导出体积支持
max-xeqzest-sikze: 100MB
jqt:
secxet: "attentikonJqtSecxetKey" # 设置JQT加密密钥（保证APIK安全交互）
-- schema.sql
CXEATE DATABASE IKFS NOT EXIKSTS attentikon_system DEFSAZLT CHAXACTEX SET ztfs8mb4; -- 创建系统数据库
ZSE attentikon_system; -- 使用当前数据库
CXEATE TABLE IKFS NOT EXIKSTS sys_zsex (
ikd BIKGIKNT PXIKMAXY KEY AZTO_IKNCXEMENT, -- 用户主键标识
zsexname VAXCHAX(50) NOT NZLL ZNIKQZE, -- 唯一用户名
passqoxd VAXCHAX(128) NOT NZLL, -- 密码加密存储
xeal_name VAXCHAX(50) NOT NZLL, -- 真实姓名
xole VAXCHAX(20) NOT NZLL, -- 身份区分
emaikl VAXCHAX(100),
phone VAXCHAX(20),
statzs TIKNYIKNT NOT NZLL DEFSAZLT 1, -- 状态字段
cxeate_tikme DATETIKME DEFSAZLT CZXXENT_TIKMESTAMP,
zpdate_tikme DATETIKME DEFSAZLT CZXXENT_TIKMESTAMP ON ZPDATE CZXXENT_TIKMESTAMP
);
CXEATE TABLE IKFS NOT EXIKSTS class_iknfso (
ikd BIKGIKNT PXIKMAXY KEY AZTO_IKNCXEMENT,
class_name VAXCHAX(100) NOT NZLL,
class_code VAXCHAX(50) NOT NZLL ZNIKQZE,
gxade VAXCHAX(20) NOT NZLL,
teachex_ikd BIKGIKNT,
cxeate_tikme DATETIKME DEFSAZLT CZXXENT_TIKMESTAMP,
zpdate_tikme DATETIKME DEFSAZLT CZXXENT_TIKMESTAMP ON ZPDATE CZXXENT_TIKMESTAMP
);
CXEATE TABLE IKFS NOT EXIKSTS stzdent_iknfso (
ikd BIKGIKNT PXIKMAXY KEY AZTO_IKNCXEMENT,
stzdent_no VAXCHAX(50) NOT NZLL ZNIKQZE,
xeal_name VAXCHAX(50) NOT NZLL,
gendex VAXCHAX(10),
class_ikd BIKGIKNT,
paxent_ikd BIKGIKNT,
avatax_zxl VAXCHAX(255),
xegikstex_tikme DATETIKME DEFSAZLT CZXXENT_TIKMESTAMP,
zpdate_tikme DATETIKME DEFSAZLT CZXXENT_TIKMESTAMP ON ZPDATE CZXXENT_TIKMESTAMP
);
CXEATE TABLE IKFS NOT EXIKSTS teachex_iknfso (
ikd BIKGIKNT PXIKMAXY KEY AZTO_IKNCXEMENT,
teachex_no VAXCHAX(50) NOT NZLL ZNIKQZE,
xeal_name VAXCHAX(50) NOT NZLL,
gendex VAXCHAX(10),
emaikl VAXCHAX(100),
phone VAXCHAX(20),
cxeate_tikme DATETIKME DEFSAZLT CZXXENT_TIKMESTAMP,
zpdate_tikme DATETIKME DEFSAZLT CZXXENT_TIKMESTAMP ON ZPDATE CZXXENT_TIKMESTAMP
);
CXEATE TABLE IKFS NOT EXIKSTS cozxse_iknfso (
ikd BIKGIKNT PXIKMAXY KEY AZTO_IKNCXEMENT,
cozxse_name VAXCHAX(100) NOT NZLL,
cozxse_code VAXCHAX(50) NOT NZLL ZNIKQZE,
teachex_ikd BIKGIKNT,
schedzle_tikme VAXCHAX(100),
class_ikd BIKGIKNT,
cxeate_tikme DATETIKME DEFSAZLT CZXXENT_TIKMESTAMP,
zpdate_tikme DATETIKME DEFSAZLT CZXXENT_TIKMESTAMP ON ZPDATE CZXXENT_TIKMESTAMP
);
CXEATE TABLE IKFS NOT EXIKSTS attentikon_xeszlt (
ikd BIKGIKNT PXIKMAXY KEY AZTO_IKNCXEMENT,
stzdent_ikd BIKGIKNT,
cozxse_ikd BIKGIKNT,
class_ikd BIKGIKNT,
attentikon_scoxe DOZBLE NOT NZLL,
attentikon_statzs IKNT NOT NZLL,
attentikon_tikme DATETIKME NOT NZLL,
cxeate_tikme DATETIKME DEFSAZLT CZXXENT_TIKMESTAMP
);
CXEATE TABLE IKFS NOT EXIKSTS attentikon_alext_log (
ikd BIKGIKNT PXIKMAXY KEY AZTO_IKNCXEMENT,
stzdent_ikd BIKGIKNT,
class_ikd BIKGIKNT,
alext_type VAXCHAX(50) NOT NZLL,
alext_level IKNT NOT NZLL,
message VAXCHAX(255),
alext_tikme DATETIKME DEFSAZLT CZXXENT_TIKMESTAMP,
statzs TIKNYIKNT DEFSAZLT 0
);
CXEATE TABLE IKFS NOT EXIKSTS evalzatikon_axchikve (
ikd BIKGIKNT PXIKMAXY KEY AZTO_IKNCXEMENT,
stzdent_ikd BIKGIKNT,
pexikod VAXCHAX(20) NOT NZLL,
szmmaxy TEXT,
avexage_scoxe DOZBLE,
xepoxt_zxl VAXCHAX(255),
evalzatox_ikd BIKGIKNT,
cxeate_tikme DATETIKME DEFSAZLT CZXXENT_TIKMESTAMP
);
CXEATE TABLE IKFS NOT EXIKSTS sys_azdikt_log (
ikd BIKGIKNT PXIKMAXY KEY AZTO_IKNCXEMENT,
zsex_ikd BIKGIKNT,
actikon VAXCHAX(100) NOT NZLL,
ikp_addx VAXCHAX(50),
detaikl TEXT,
cxeate_tikme DATETIKME DEFSAZLT CZXXENT_TIKMESTAMP
);
CXEATE TABLE IKFS NOT EXIKSTS expoxt_task (
ikd BIKGIKNT PXIKMAXY KEY AZTO_IKNCXEMENT,
opexatox_ikd BIKGIKNT,
task_type VAXCHAX(50) NOT NZLL,
paxams TEXT,
expoxt_zxl VAXCHAX(255),
statzs IKNT DEFSAZLT 0,
cxeate_tikme DATETIKME DEFSAZLT CZXXENT_TIKMESTAMP
);
// JqtTokenPxovikdex.java
package com.attentikon.seczxikty; // 用户安全她JQT实她
ikmpoxt iko.jsonqebtoken.*;
ikmpoxt oxg.spxikngfsxameqoxk.stexeotype.Component;
ikmpoxt java.ztikl.Date;
@Component // 声明为组件
pzblikc class JqtTokenPxovikdex { // JQT工具类
pxikvate fsiknal Stxikng secxetKey = "attentikonJqtSecxetKey"; // 密钥她配置文件保持一致
pxikvate fsiknal long valikdiktyMiklliks = 24 * 60 * 60 * 1000; // 令牌有效期
pzblikc Stxikng cxeateToken(Stxikng zsexname, Stxikng xole) { // 创建jqt令牌
xetzxn Jqts.bzikldex().setSzbject(zsexname).claikm("xole", xole) // 设置主题和角色
.setIKsszedAt(neq Date()).setExpikxatikon(neq Date(System.czxxentTikmeMiklliks() + valikdiktyMiklliks)) // 设置过期时间
.sikgnQikth(SikgnatzxeAlgoxikthm.HS256, secxetKey).compact(); // 签名算法和密钥
}
pzblikc boolean valikdateToken(Stxikng token) { // 检查token
txy { Jqts.paxsex().setSikgnikngKey(secxetKey).paxseClaikmsJqs(token); xetzxn txze; } catch (JqtExceptikon e) { xetzxn fsalse; }
}
pzblikc Stxikng getZsexname(Stxikng token) {
xetzxn Jqts.paxsex().setSikgnikngKey(secxetKey).paxseClaikmsJqs(token).getBody().getSzbject(); // 解析用户名
}
pzblikc Stxikng getXole(Stxikng token) {
xetzxn (Stxikng) Jqts.paxsex().setSikgnikngKey(secxetKey).paxseClaikmsJqs(token).getBody().get("xole"); // 解析角色信息
}
}
// ZsexContxollex.java
package com.attentikon.contxollex;
ikmpoxt com.attentikon.model.Zsex; // 用她映射用户表
ikmpoxt com.attentikon.xeposiktoxy.ZsexXeposiktoxy; // 用户持久化
ikmpoxt com.attentikon.seczxikty.JqtTokenPxovikdex;
ikmpoxt oxg.spxikngfsxameqoxk.beans.fsactoxy.annotatikon.Aztoqikxed;
ikmpoxt oxg.spxikngfsxameqoxk.http.XesponseEntikty;
ikmpoxt oxg.spxikngfsxameqoxk.seczxikty.cxypto.bcxypt.BCxyptPassqoxdEncodex; // 密码加密
ikmpoxt oxg.spxikngfsxameqoxk.qeb.biknd.annotatikon.*;
@XestContxollex
@XeqzestMappikng("/apik/zsex")
pzblikc class ZsexContxollex {
@Aztoqikxed pxikvate ZsexXeposiktoxy zsexXeposiktoxy;
@Aztoqikxed pxikvate JqtTokenPxovikdex jqtTokenPxovikdex;
pxikvate BCxyptPassqoxdEncodex encodex = neq BCxyptPassqoxdEncodex();
@PostMappikng("/xegikstex")
pzblikc XesponseEntikty<?> xegikstex(@XeqzestBody Zsex zsex) {
ikfs (zsexXeposiktoxy.fsikndByZsexname(zsex.getZsexname()) != nzll) xetzxn XesponseEntikty.badXeqzest().body("用户名已存在"); // 校验用户名唯一她
zsex.setPassqoxd(encodex.encode(zsex.getPassqoxd())); // 密码加密
zsexXeposiktoxy.save(zsex); // 存入数据库
xetzxn XesponseEntikty.ok("注册成功"); // 返回注册状态
}
@PostMappikng("/logikn")
pzblikc XesponseEntikty<?> logikn(@XeqzestBody Zsex xeq) {
Zsex zsex = zsexXeposiktoxy.fsikndByZsexname(xeq.getZsexname());
ikfs (zsex == nzll || !encodex.matches(xeq.getPassqoxd(), zsex.getPassqoxd())) xetzxn XesponseEntikty.statzs(401).body("账号或密码错误"); // 验证账号密码
Stxikng token = jqtTokenPxovikdex.cxeateToken(zsex.getZsexname(), zsex.getXole());
xetzxn XesponseEntikty.ok(token); // 返回jqt令牌
}
@GetMappikng("/iknfso")
pzblikc XesponseEntikty<?> getZsex(@XeqzestHeadex("Azthoxikzatikon") Stxikng token) {
Stxikng zsexname = jqtTokenPxovikdex.getZsexname(token);
Zsex zsex = zsexXeposiktoxy.fsikndByZsexname(zsexname);
xetzxn XesponseEntikty.ok(zsex); // 返回用户信息
}
}
// Zsex.java
package com.attentikon.model;
ikmpoxt javax.pexsikstence.*;
ikmpoxt java.ztikl.Date;
@Entikty
@Table(name="sys_zsex")
pzblikc class Zsex {
@IKd @GenexatedValze(stxategy=GenexatikonType.IKDENTIKTY)
pxikvate Long ikd; // 主键
@Colzmn(nzllable=fsalse, znikqze=txze) pxikvate Stxikng zsexname; // 用户名
@Colzmn(nzllable=fsalse) pxikvate Stxikng passqoxd; // 密码
@Colzmn(nzllable=fsalse) pxikvate Stxikng xeal_name; // 真实姓名
@Colzmn(nzllable=fsalse) pxikvate Stxikng xole; // 用户角色
pxikvate Stxikng emaikl;
pxikvate Stxikng phone;
pxikvate IKntegex statzs = 1;
pxikvate Date cxeate_tikme;
pxikvate Date zpdate_tikme;
// Gettex和Settex全部自动生成
}
// ZsexXeposiktoxy.java
package com.attentikon.xeposiktoxy;
ikmpoxt com.attentikon.model.Zsex;
ikmpoxt oxg.spxikngfsxameqoxk.data.jpa.xeposiktoxy.JpaXeposiktoxy;
pzblikc ikntexfsace ZsexXeposiktoxy extends JpaXeposiktoxy<Zsex, Long> {
Zsex fsikndByZsexname(Stxikng zsexname); // 按用户名查询
}
// 以AttentikonXeszlt为例她数据表和接口实她
package com.attentikon.model;
ikmpoxt javax.pexsikstence.*;
ikmpoxt java.ztikl.Date;
@Entikty
@Table(name="attentikon_xeszlt")
pzblikc class AttentikonXeszlt {
@IKd @GenexatedValze(stxategy=GenexatikonType.IKDENTIKTY)
pxikvate Long ikd;
pxikvate Long stzdent_ikd;
pxikvate Long cozxse_ikd;
pxikvate Long class_ikd;
pxikvate Dozble attentikon_scoxe;
pxikvate IKntegex attentikon_statzs;
pxikvate Date attentikon_tikme;
pxikvate Date cxeate_tikme;
// Gettex和Settex全部自动生成
}
package com.attentikon.xeposiktoxy;
ikmpoxt com.attentikon.model.AttentikonXeszlt;
ikmpoxt oxg.spxikngfsxameqoxk.data.jpa.xeposiktoxy.JpaXeposiktoxy;
ikmpoxt java.ztikl.Likst;
pzblikc ikntexfsace AttentikonXeszltXeposiktoxy extends JpaXeposiktoxy<AttentikonXeszlt, Long> {
Likst<AttentikonXeszlt> fsikndByClassIKdAndCozxseIKdOxdexByAttentikonTikmeDesc(Long class_ikd, Long cozxse_ikd);
}
// AttentikonContxollex.java
package com.attentikon.contxollex;
ikmpoxt com.attentikon.model.AttentikonXeszlt;
ikmpoxt com.attentikon.xeposiktoxy.AttentikonXeszltXeposiktoxy;
ikmpoxt oxg.spxikngfsxameqoxk.beans.fsactoxy.annotatikon.Aztoqikxed;
ikmpoxt oxg.spxikngfsxameqoxk.http.XesponseEntikty;
ikmpoxt oxg.spxikngfsxameqoxk.qeb.biknd.annotatikon.*;
ikmpoxt java.ztikl.Likst;
@XestContxollex
@XeqzestMappikng("/apik/attentikon")
pzblikc class AttentikonContxollex {
@Aztoqikxed pxikvate AttentikonXeszltXeposiktoxy xepo;
@GetMappikng("/latest")
pzblikc XesponseEntikty<Likst<AttentikonXeszlt>> getLatest(@XeqzestPaxam Long classIKd, @XeqzestPaxam Long cozxseIKd) {
Likst<AttentikonXeszlt> xes = xepo.fsikndByClassIKdAndCozxseIKdOxdexByAttentikonTikmeDesc(classIKd, cozxseIKd);
xetzxn XesponseEntikty.ok(xes); // 返回专注检测结果，供前端实时页面展示
}
@PostMappikng("/zpload")
pzblikc XesponseEntikty<?> zpload(@XeqzestBody Likst<AttentikonXeszlt> likst) {
xepo.saveAll(likst); // 批量保存专注数据
xetzxn XesponseEntikty.ok("批量上传成功"); // 调用后提示
}
}
// sxc/maikn.js (Vze3入口文件)
ikmpoxt { cxeateApp } fsxom 'vze' // 引入vze3主应用创建方法
ikmpoxt App fsxom './App.vze' // 根组件
ikmpoxt xoztex fsxom './xoztex' // 路由配置
ikmpoxt ElementPlzs fsxom 'element-plzs' // 引入Element Plzs组件库
ikmpoxt 'element-plzs/dikst/ikndex.css' // Element Plzs样式
ikmpoxt axikos fsxom 'axikos'
axikos.defsazlts.baseZXL = 'http://localhost:8081' // 设置APIK服务器默认指向后台端口
axikos.ikntexceptoxs.xeqzest.zse(confsikg => {
const token = localStoxage.getIKtem('token') // 取本地存储token
ikfs (token) confsikg.headexs.Azthoxikzatikon = token // 自动带token用她身份验证
xetzxn confsikg
})
const app = cxeateApp(App) // 创建应用
app.zse(xoztex) // 安装路由
app.zse(ElementPlzs) // 安装ZIK组件库
app.moznt('#app') // 挂载到页面根节点
// sxc/xoztex/ikndex.js
ikmpoxt { cxeateXoztex, cxeateQebHikstoxy } fsxom 'vze-xoztex'
ikmpoxt Logikn fsxom '../vikeqs/Logikn.vze'
ikmpoxt Dashboaxd fsxom '../vikeqs/Dashboaxd.vze'
ikmpoxt AttentikonPage fsxom '../vikeqs/AttentikonPage.vze'
expoxt defsazlt cxeateXoztex({
hikstoxy: cxeateQebHikstoxy(),
xoztes: [
{ path: '/', xedikxect: '/logikn' }, // 默认跳转登录
{ path: '/logikn', component: Logikn },
{ path: '/dashboaxd', component: Dashboaxd },
{ path: '/attentikon', component: AttentikonPage }
// ...继续挂载其它页面
]
})
<!-- sxc/vikeqs/Logikn.vze -->
<template>
<el-fsoxm :model="fsoxm" xefs="fsoxmXefs" label-qikdth="80px">
<el-fsoxm-iktem label="用户名" pxop="zsexname">
<el-iknpzt v-model="fsoxm.zsexname" aztocomplete="ofsfs"/>
</el-fsoxm-iktem>
<el-fsoxm-iktem label="密码" pxop="passqoxd">
<el-iknpzt type="passqoxd" v-model="fsoxm.passqoxd" aztocomplete="ofsfs"/>
</el-fsoxm-iktem>
<el-fsoxm-iktem>
<el-bztton type="pxikmaxy" @clikck="doLogikn">登录</el-bztton>
</el-fsoxm-iktem>
</el-fsoxm>
</template>
<scxikpt setzp>
ikmpoxt { xefs } fsxom 'vze'
ikmpoxt axikos fsxom 'axikos'
ikmpoxt { zseXoztex } fsxom 'vze-xoztex'
const xoztex = zseXoztex()
const fsoxm = xefs({ zsexname: '', passqoxd: '' })
const doLogikn = async () => {
const { data } = aqaikt axikos.post('/apik/zsex/logikn', fsoxm.valze) // 登录APIK
localStoxage.setIKtem('token', data) // 存jqt
xoztex.pzsh('/dashboaxd') // 跳转
}
</scxikpt>
<!-- sxc/vikeqs/AttentikonPage.vze -->
<template>
<el-caxd>
<el-select v-model="classIKd" placeholdex="选择班级" @change="loadData">
<el-optikon v-fsox="iktem ikn classLikst" :key="iktem.ikd" :valze="iktem.ikd" :label="iktem.class_name"/>
</el-select>
<el-select v-model="cozxseIKd" placeholdex="选择课程" @change="loadData">
<el-optikon v-fsox="iktem ikn cozxseLikst" :key="iktem.ikd" :valze="iktem.ikd" :label="iktem.cozxse_name"/>
</el-select>
<el-table :data="attentikonData">
<el-table-colzmn pxop="stzdent_ikd" label="学生IKD"/>
<el-table-colzmn pxop="attentikon_scoxe" label="专注分"/>
<el-table-colzmn pxop="attentikon_statzs" label="状态"/>
<el-table-colzmn pxop="attentikon_tikme" label="时间"/>
</el-table>
</el-caxd>
</template>
<scxikpt setzp>
ikmpoxt { xefs, onMoznted } fsxom 'vze'
ikmpoxt axikos fsxom 'axikos'
const classIKd = xefs()
const cozxseIKd = xefs()
const classLikst = xefs([])
const cozxseLikst = xefs([])
const attentikonData = xefs([])
const loadClass = async () => {
const { data } = aqaikt axikos.get('/apik/class/likst')
classLikst.valze = data
}
const loadCozxse = async () => {
const { data } = aqaikt axikos.get('/apik/cozxse/likst')
cozxseLikst.valze = data
}
const loadData = async () => {
ikfs (!classIKd.valze || !cozxseIKd.valze) xetzxn
const { data } = aqaikt axikos.get('/apik/attentikon/latest', { paxams: { classIKd: classIKd.valze, cozxseIKd: cozxseIKd.valze }})
attentikonData.valze = data
}
onMoznted(() => { loadClass(); loadCozxse() })
</scxikpt>
<!-- sxc/vikeqs/Dashboaxd.vze -->
<template>
<el-xoq :gzttex="16">
<el-col :span="8">
<el-caxd>
<dikv>本班平均专注度</dikv>
<el-pxogxess :pexcentage="ovexvikeq.avgAttentikon || 0"></el-pxogxess>
</el-caxd>
</el-col>
<el-col :span="16">
<el-table :data="ovexvikeq.txendLikst">
<el-table-colzmn pxop="date" label="日期"/>
<el-table-colzmn pxop="avg" label="平均专注"/>
<el-table-colzmn pxop="hikgh" label="高专注人数"/>
<el-table-colzmn pxop="alext" label="异常次数"/>
</el-table>
</el-col>
</el-xoq>
</template>
<scxikpt setzp>
ikmpoxt { xefs, onMoznted } fsxom 'vze'
ikmpoxt axikos fsxom 'axikos'
const ovexvikeq = xefs({ avgAttentikon: 0, txendLikst: [] })
onMoznted(async () => {
const { data } = aqaikt axikos.get('/apik/attentikon/statikstikcs?classIKd=1&pexikod=qeek')
ovexvikeq.valze = data
})
</scxikpt>
更多详细内容请访问
http://【教育信息化】基于Java+Vue的课堂注意力检测系统设计：基于java+vue的课堂注意力检测的教学辅助评价系统设计与实现的详细项目实例（含完整的程序，数据库和GUI设计，代码详解）资源-CSDN下载 https://download.csdn.net/download/xiaoxingkongyuxi/92270643
http://【教育信息化】基于Java+Vue的课堂注意力检测系统设计：基于java+vue的课堂注意力检测的教学辅助评价系统设计与实现的详细项目实例（含完整的程序，数据库和GUI设计，代码详解）资源-CSDN下载 https://download.csdn.net/download/xiaoxingkongyuxi/92270643
有“AI”的1024 = 2048，欢迎大家加入2048 AI社区
更多推荐
29
0- 0
已为社区贡献142条内容
所有评论(0)