在实体知识卡与微信服务号结合的答题训练场景中，企业常面临员工参与度低、答题数据难统计、管理端操作繁琐等痛点。传统纸质答题或通用问卷工具无法实现“扫码即答、即时判分、自动排名”的闭环体验，且企业管理员缺少可视化的学习数据看板。
本项目定位于企业培训与知识考核领域，服务对象为使用实体知识卡（如安全手册、产品知识卡）开展员工培训的企业。通过微信服务号扫码入口，员工无需下载App即可完成身份绑定、在线答题、查看解析与成绩排名；企业管理员可通过轻量后台完成知识卡创建、题目管理、二维码打印、员工导入、学习记录查询与提醒规则配置。
H5 员工端：
扫码绑定：微信扫码进入卡片首页，输入工号/姓名/手机号完成身份绑定。
在线答题：支持单选、多选、判断题型；学习卡即时返回正误与解析，测试卡统一提交后判分。
结果与解析：展示得分、正确率、逐题解析，支持重新答题与满意度问卷。
个人学习记录：汇总历史答题记录与明细。
排行榜：成绩榜、错题榜实时展示。
站内提醒：查看系统通知与提醒消息。
企业管理端：
数据概览：参与人数、完成率、平均分、7日趋势、最近提交。
知识卡管理：建卡/编辑、发布/下线、题目排序与分值设置、单题二维码生成。
二维码打印：整卡+单题卡片网格，浏览器直接打印PDF。
员工管理：搜索、部门筛选、Excel导入、邀请码、启用/停用。
学习记录与榜单：多维筛选、汇总指标、导出、逐题正确率分析。
提醒规则配置：启用开关、测试发送、发送日志。
多租户管理（平台管理员）：企业列表、进入管理、启停、新建。
服务号配置：AppID/Secret/Token/模板ID、回调地址、接入指引。
负责内容：我独立完成了该系统的前后端整体设计与开发。前端包括 H5 员工端 8 个页面、管理端 13 个页面及共享组件层；后端包括 API 接口实现、判分逻辑、多租户数据隔离、微信服务号接入及管理端鉴权体系。
技术栈与架构：前端采用纯静态 HTML + 原生 JavaScript + CSS，零构建链、零 npm 依赖，目录分为 shared/（api.js fetch封装、mock.js 路由模拟、ui.js 通用组件）+ h5/ 移动端 + admin/ 管理端。后端采用 Java/Spring Boot + MySQL，统一返回 {code, message, data} 结构，基于 httpOnly Cookie 鉴权，多租户数据按登录态或卡片短码隔离。前端 mock 层与真实接口路径完全一致，接入时仅需去掉 mock 参数即可无缝切换。
评论