HTML 原型 V1.0 · 2026 年 9 月 · 视觉参考 Figma《迎新系统-学工系统》

中南大学保密学习平台

按 L1–L4 开展保密学习。微信小程序为用户端,Web 为管理后台。学时实时可查,培训、考试和审核过程可以回看。

人员信息掌握 培训报名 线上线下学习与考试 学时统计与结果分析 考核评价
3系统角色
2终端:小程序 + Web 后台
103原型页面(HTML 文件)
204功能点(见功能清单 Excel)
15学时 / 人 / 年 目标

01角色与端口

三类角色、两个终端,HTML 文件按角色分文件夹存放

/user-miniapp

普通用户

教职工 / 学生 · 微信小程序 · 45 个页面
  • 首次进入先选择 L1–L4,再进入对应学习页
  • 首页固定扫码签到、培训报名、在线学习,通知在搜索框右侧
  • 培训报名、扫码签到签退、现场拍照
  • 考前做人脸核验,合格后发电子证书
  • 学时按线上、本单位线下、校级分开展示
数据范围:本人数据及公开内容
/admin-college

单位管理员

本单位保密工作 · Web 管理后台 · 22 个页面
  • 统一待办:学时初审、签到异常、类别修改、报名审核
  • 本单位人员管理
  • 单位专区资料上传(提交保密办审核)
  • 发起本单位培训与考试、统一报名
  • 本单位数据驾驶舱与未达标名单,不看校级成果汇报
数据范围:本单位;与保密办同一套菜单,仅保密办功能隐藏
/admin-school

超级管理员

保密委员会办公室 · Web 管理后台 · 36 个页面
  • 统一待办:学时复审、资料发布、签到异常、类别、报名
  • 全校人员、单位管理员账号管理
  • 校级资料、知识库、轮播(计入推荐),可标适用级别
  • 校级培训、集中考试、题库与证书模板
  • 学时上限可配置,季度 / 年度成果汇报(含取证)
数据范围:全校;负责参数配置与操作日志

02页面导航

每行两个功能模块;左侧 / 上方为主页面实时预览,点击预览或页面名进入。后台页面可分别以“保密办”或“单位管理员”身份打开

工作台管理后台 · 超级管理员 / 单位管理员
6 页
学习资料管理后台 · 超级管理员 / 单位管理员
1 页 · 2 弹窗
知识库管理后台 · 超级管理员 / 单位管理员
3 页 · 3 弹窗
WB-11法律法规保密办单位 —
WB-11新增法规弹窗保密办单位 —
WB-12警示案例保密办单位 —
WB-12新增案例弹窗保密办单位 —
WB-13知识词条保密办单位 —
WB-13新增词条弹窗保密办单位 —
运营配置管理后台 · 超级管理员 / 单位管理员
4 页 · 4 弹窗
学时管理管理后台 · 超级管理员 / 单位管理员
2 页 · 3 弹窗
证书管理管理后台 · 超级管理员 / 单位管理员
2 页 · 2 弹窗
系统管理管理后台 · 超级管理员 / 单位管理员
5 页 · 3 弹窗
WB-39新增学院/部门弹窗保密办单位 —
WB-39新增人员类别弹窗保密办单位 —
WB-40参数配置保密办单位 —
WB-43年度管理保密办单位 —
WB-41操作日志保密办单位 —

03角色权限矩阵

按二级模块汇总,取该模块内各功能点的最大数据范围;逐个功能点的权限见 Excel“角色权限矩阵”页

全校 全校数据本院 仅本学院本院(只读) 本学院只读本人 仅本人无 无权限管理员在小程序端同为普通用户,因此小程序个人功能三类角色均为“本人”
一级模块二级模块端超级管理员(保密办)单位管理员(保密干事)普通用户(师生)功能点
A 登录与账号统一身份认证登录小程序本人本人本人3
首次完善信息小程序本人本人本人3
微信绑定免登小程序本人本人本人3
后台登录与兜底账号小程序、后台全校本院本人4
M 首页首页小程序本人本人本人8
D 知识库与搜索全局搜索小程序本人本人本人4
法律法规库小程序、后台全校本人本人3
警示案例库小程序、后台全校本人本人3
知识词条库小程序、后台全校本人本人2
C 学习中心资料在线学习小程序本人本人本人5
资料上传与下载小程序、后台全校本院本人4
学习自动计学时小程序、后台、双端全校本院本人3
学习防刷小程序本人本人本人4
学院专区小程序、后台全校本院本人4
收藏小程序本人本人本人2
T 学习任务学习任务下发小程序、后台全校本院本人3
E 培训活动发布培训后台全校本院无4
培训报名小程序、后台全校本院本人7
二维码签到签退小程序、后台全校本院本人6
现场照片佐证小程序、后台全校本院本人2
仅允许现场拍摄小程序本人本人本人2
线下学时自动认定后台、双端全校本院本人4
年度培训计划小程序、后台全校本院本人2
通知公告小程序、后台全校本院本人3
F 线下学时自主申报学时申报小程序本人本人本人4
申报审核后台全校本院无4
抽查后台全校无无2
G 考试题库管理后台全校本院无4
组卷与考试设置后台全校本院无4
在线考试小程序本人本人本人6
校级/院级考试后台全校本院无4
考试计学时双端全校本院本人1
练习模式小程序本人本人本人3
H 电子证书证书自动生成后台、双端全校本院本人3
证书查看与出示小程序本人本人本人2
证书扫码核验小程序、双端全校全校全校2
I 学时档案与排行年度学时档案后台、双端全校本院本人4
学时进度提醒后台全校本院无3
学院学时排行小程序、后台全校本人本人3
积分双端全校本院本人1
J 个人中心个人中心小程序本人本人本人7
N 消息通知消息提醒小程序、后台全校本院本人3
B 人员信息管理人员库后台全校本院无3
添加与调整人员后台全校本院无3
批量导入后台全校本院无1
人员类别后台、双端全校本院本人3
L 统计分析与台账导出数据驾驶舱后台全校本院无6
学院维度统计后台全校无无2
个人学时查询后台全校本院无2
台账一键导出(已删除)后台全校无无5
年度数据报告后台全校无无1
R 统一待办待我审核后台全校本院无4
审核记录后台全校本院无1
K 系统管理两级管理员后台全校本院无2
学院内容审核后台全校无无1
操作日志后台全校无无2
基础配置后台全校无无6
X 通用能力与非功能内容安全后台、双端全校全校全校3
数据安全后台、双端全校全校全校3
易用性与状态小程序、双端全校全校全校3
性能与部署小程序、双端全校全校全校3
扩展规划小程序、双端全校全校全校2

04功能清单

204 个功能点,P0 一期必须 / P1 一期建议 / P2 后续迭代;点击模块展开

A登录与账号P0 8P1 5
  • FN-A01-01统一身份认证登录 · 统一身份认证登录小程序P0
  • FN-A01-02统一身份认证登录 · 用户协议与隐私政策小程序P0
  • FN-A01-03统一身份认证登录 · 登录异常提示小程序P0
  • FN-A02-01首次完善信息 · 完善基本信息小程序P0
  • FN-A02-02首次完善信息 · 首次选择学习级别小程序P0
  • FN-A02-03首次完善信息 · 微信手机号快捷填写小程序P1
  • FN-A03-01微信绑定免登 · 微信绑定小程序P1
  • FN-A03-02微信绑定免登 · 免登进入小程序P1
  • FN-A03-03微信绑定免登 · 退出登录与解绑小程序P1
  • FN-A04-01后台登录与兜底账号 · 后台登录后台P0
  • FN-A04-02后台登录与兜底账号 · 手工添加本地账号后台P0
  • FN-A04-03后台登录与兜底账号 · 本地账号登录小程序P0
  • FN-A04-04后台登录与兜底账号 · 本地账号密码重置后台P1
M首页P0 4P1 4
  • FN-M01-01首页 · 顶部搜索框小程序P0
  • FN-M01-02首页 · 轮播图小程序P0
  • FN-M01-03首页 · 通知公告滚动栏小程序P1
  • FN-M01-04首页 · 本年学时进度卡片小程序P0
  • FN-M01-05首页 · 快捷入口小程序P0
  • FN-M01-06首页 · 推荐课程小程序P1
  • FN-M01-07首页 · 最新案例小程序P1
  • FN-M01-08首页 · 待办提醒条小程序P1
D知识库与搜索P0 2P1 8P2 2
  • FN-D01-01全局搜索 · 关键词搜索小程序P0
  • FN-D01-02全局搜索 · 结果分类展示小程序P0
  • FN-D01-03全局搜索 · 搜索历史与热门搜索小程序P1
  • FN-D01-04全局搜索 · 关键词高亮与空结果小程序P1
  • FN-D02-01法律法规库 · 法规列表小程序P1
  • FN-D02-02法律法规库 · 法规详情小程序P1
  • FN-D02-03法律法规库 · 法规维护后台P1
  • FN-D03-01警示案例库 · 案例列表小程序P1
  • FN-D03-02警示案例库 · 案例详情小程序P1
  • FN-D03-03警示案例库 · 案例维护后台P1
  • FN-D04-01知识词条库 · 词条浏览小程序P2
  • FN-D04-02知识词条库 · 词条维护后台P2
C学习中心P0 13P1 8P2 1
  • FN-C01-01资料在线学习 · 学习中心分类小程序P0
  • FN-C01-02资料在线学习 · 资料卡片小程序P0
  • FN-C01-03资料在线学习 · 视频/音频播放小程序P0
  • FN-C01-04资料在线学习 · 图文阅读小程序P0
  • FN-C01-05资料在线学习 · 文档在线预览小程序P0
  • FN-C02-01资料上传与下载 · 资料上传后台P0
  • FN-C02-02资料上传与下载 · 资料管理列表后台P0
  • FN-C02-03资料上传与下载 · 资料下载小程序P0
  • FN-C02-04资料上传与下载 · 资料学习情况后台P1
  • FN-C03-01学习自动计学时 · 资料学时设定后台P0
  • FN-C03-02学习自动计学时 · 完成自动计学时双端P0
  • FN-C03-03学习自动计学时 · 完成反馈小程序P1
  • FN-C04-01学习防刷 · 首次观看禁止快进小程序P1
  • FN-C04-02学习防刷 · 进度保存与续播小程序P1
  • FN-C04-03学习防刷 · 最低停留时长小程序P1
  • FN-C04-04学习防刷 · 倍速与挂机限制小程序P2
  • FN-C05-01学院专区 · 学院专区浏览小程序P0
  • FN-C05-02学院专区 · 专区资料发布后台P0
  • FN-C05-03学院专区 · 专区资料下架与删除后台P0
  • FN-C05-04学院专区 · 学院资料提交审核后台P1
  • FN-C06-01收藏 · 收藏与取消收藏小程序P1
  • FN-C06-02收藏 · 我的收藏小程序P1
T学习任务P1 3
  • FN-T01-01学习任务下发 · 下发学习任务后台P1
  • FN-T01-02学习任务下发 · 我的任务小程序P1
  • FN-T01-03学习任务下发 · 任务完成统计后台P1
E培训活动P0 18P1 11P2 1
  • FN-E01-01发布培训 · 新建培训后台P0
  • FN-E01-02发布培训 · 线上专题培训后台P0
  • FN-E01-03发布培训 · 培训列表管理后台P0
  • FN-E01-04发布培训 · 培训变更与取消通知后台P1
  • FN-E02-01培训报名 · 培训列表小程序P0
  • FN-E02-02培训报名 · 培训详情与报名小程序P0
  • FN-E02-03培训报名 · 取消报名小程序P1
  • FN-E02-04培训报名 · 学院统一报名后台P0
  • FN-E02-05培训报名 · 管理员补录报名后台P0
  • FN-E02-06培训报名 · 报名审核后台P0
  • FN-E02-07培训报名 · 报名名单导出后台P1
  • FN-E03-01二维码签到签退 · 生成签到/签退二维码后台P0
  • FN-E03-02二维码签到签退 · 扫码签到小程序P0
  • FN-E03-03二维码签到签退 · 定位校验小程序P0
  • FN-E03-04二维码签到签退 · 扫码签退小程序P0
  • FN-E03-05二维码签到签退 · 签到结果页小程序P0
  • FN-E03-06二维码签到签退 · 现场补签后台P1
  • FN-E04-01现场照片佐证 · 签到拍照小程序P0
  • FN-E04-02现场照片佐证 · 签到照片查看后台P0
  • FN-E05-01仅允许现场拍摄 · 仅相机拍摄小程序P1
  • FN-E05-02仅允许现场拍摄 · 照片水印小程序P1
  • FN-E06-01线下学时自动认定 · 自动认定学时双端P0
  • FN-E06-02线下学时自动认定 · 异常签到审核后台P0
  • FN-E06-03线下学时自动认定 · 签到统计后台P0
  • FN-E06-04线下学时自动认定 · 单场签到表导出后台P1
  • FN-E07-01年度培训计划 · 年度培训计划维护后台P1
  • FN-E07-02年度培训计划 · 年度培训计划查看小程序P1
  • FN-E08-01通知公告 · 通知公告发布后台P1
  • FN-E08-02通知公告 · 通知列表与详情小程序P1
  • FN-E08-03通知公告 · 通知阅读统计后台P2
F线下学时自主申报P0 5P1 3P2 2
  • FN-F01-01学时申报 · 填写学时申报小程序P0
  • FN-F01-02学时申报 · 申报记录小程序P0
  • FN-F01-03学时申报 · 驳回后修改重提小程序P1
  • FN-F01-04学时申报 · 撤回申报小程序P1
  • FN-F02-01申报审核 · 申报审核列表后台P0
  • FN-F02-02申报审核 · 审核通过与驳回后台P0
  • FN-F02-03申报审核 · 两级审核流后台P0
  • FN-F02-04申报审核 · 批量审核后台P1
  • FN-F03-01抽查 · 随机抽查后台P2
  • FN-F03-02抽查 · 抽查结果处理后台P2
G考试P0 15P1 4P2 3
  • FN-G01-01题库管理 · 题目维护后台P0
  • FN-G01-02题库管理 · Excel 批量导入题目后台P0
  • FN-G01-03题库管理 · 校级/院级题库后台P0
  • FN-G01-04题库管理 · 题目导出与停用后台P1
  • FN-G02-01组卷与考试设置 · 固定组卷后台P0
  • FN-G02-02组卷与考试设置 · 随机抽题组卷后台P0
  • FN-G02-03组卷与考试设置 · 考试设置后台P0
  • FN-G02-04组卷与考试设置 · 考试发布与撤回后台P0
  • FN-G03-01在线考试 · 考试列表小程序P0
  • FN-G03-02在线考试 · 考前须知小程序P0
  • FN-G03-03在线考试 · 在线答题小程序P0
  • FN-G03-04在线考试 · 交卷与自动判分小程序P0
  • FN-G03-05在线考试 · 成绩与解析小程序P0
  • FN-G03-06在线考试 · 考试防作弊小程序P1
  • FN-G04-01校级/院级考试 · 校级集中考试后台P0
  • FN-G04-02校级/院级考试 · 院级考试后台P0
  • FN-G04-03校级/院级考试 · 成绩管理后台P0
  • FN-G04-04校级/院级考试 · 补考与增加次数后台P1
  • FN-G05-01考试计学时 · 考试合格计学时双端P1
  • FN-G06-01练习模式 · 题库练习小程序P2
  • FN-G06-02练习模式 · 错题本小程序P2
  • FN-G06-03练习模式 · 模拟考试小程序P2
H电子证书P0 5P2 2
  • FN-H01-01证书自动生成 · 证书模板配置后台P0
  • FN-H01-02证书自动生成 · 自动发放证书双端P0
  • FN-H01-03证书自动生成 · 证书发放记录后台P0
  • FN-H02-01证书查看与出示 · 我的证书列表小程序P0
  • FN-H02-02证书查看与出示 · 证书出示与下载小程序P0
  • FN-H03-01证书扫码核验 · 证书核验二维码双端P2
  • FN-H03-02证书扫码核验 · 核验结果页小程序P2
I学时档案与排行P0 3P1 6P2 2
  • FN-I01-01年度学时档案 · 学时流水双端P0
  • FN-I01-02年度学时档案 · 年度学时目标后台P0
  • FN-I01-03年度学时档案 · 达标判定双端P0
  • FN-I01-04年度学时档案 · 管理员学时调整后台P1
  • FN-I02-01学时进度提醒 · 未达标名单后台P1
  • FN-I02-02学时进度提醒 · 一键提醒后台P1
  • FN-I02-03学时进度提醒 · 定时自动提醒后台P2
  • FN-I03-01学院学时排行 · 本院个人排行小程序P1
  • FN-I03-02学院学时排行 · 靠后警示小程序P1
  • FN-I03-03学院学时排行 · 学院间达标率排行后台P1
  • FN-I04-01积分 · 积分体系(预留)双端P2
J个人中心P0 3P1 3P2 1
  • FN-J01-01个人中心 · 个人中心首页小程序P0
  • FN-J01-02个人中心 · 我的学时明细小程序P0
  • FN-J01-03个人中心 · 我的培训小程序P0
  • FN-J01-04个人中心 · 个人信息小程序P1
  • FN-J01-05个人中心 · 入口按需显示小程序P1
  • FN-J01-06个人中心 · 设置与帮助小程序P1
  • FN-J01-07个人中心 · 大字模式小程序P2
N消息通知P1 2P2 1
  • FN-N01-01消息提醒 · 消息中心小程序P1
  • FN-N01-02消息提醒 · 微信订阅消息小程序P1
  • FN-N01-03消息提醒 · 消息推送管理后台P2
B人员信息管理P0 6P1 4
  • FN-B01-01人员库 · 人员列表后台P0
  • FN-B01-02人员库 · 人员详情后台P0
  • FN-B01-03人员库 · 人员导出后台P1
  • FN-B02-01添加与调整人员 · 新增人员后台P0
  • FN-B02-02添加与调整人员 · 编辑与调整类别后台P0
  • FN-B02-03添加与调整人员 · 人员状态管理后台P1
  • FN-B03-01批量导入 · Excel 批量导入人员后台P1
  • FN-B04-01人员类别 · 人员类别认定后台P0
  • FN-B04-02人员类别 · 类别变更记录后台P1
  • FN-B04-03人员类别 · 重点对象口径双端P0
L统计分析与台账导出P0 11P1 3P2 2
  • FN-L01-01数据驾驶舱 · 关键指标卡片后台P0
  • FN-L01-02数据驾驶舱 · 时间段筛选后台P0
  • FN-L01-03数据驾驶舱 · 培训趋势图后台P0
  • FN-L01-04数据驾驶舱 · 学院对比图后台P0
  • FN-L01-05数据驾驶舱 · 达标分布后台P1
  • FN-L01-06数据驾驶舱 · 大屏模式后台P2
  • FN-L02-01学院维度统计 · 学院统计表后台P0
  • FN-L02-02学院维度统计 · 学院下钻后台P1
  • FN-L03-01个人学时查询 · 按人查询学时后台P0
  • FN-L03-02个人学时查询 · 学时流水总表后台P0
  • FN-L04-01台账一键导出(已删除) · 教育培训记录表后台P0
  • FN-L04-02台账一键导出(已删除) · 个人学时卡后台P0
  • FN-L04-03台账一键导出(已删除) · 签到表后台P0
  • FN-L04-04台账一键导出(已删除) · 成绩单后台P0
  • FN-L04-05台账一键导出(已删除) · 导出记录后台P1
  • FN-L05-01年度数据报告 · 年度数据报告后台P2
R统一待办P0 3P1 2
  • FN-R01-01待我审核 · 待办聚合后台P0
  • FN-R01-02待我审核 · 审核抽屉后台P0
  • FN-R01-03待我审核 · 批量审核后台P1
  • FN-R01-04待我审核 · 超时提醒后台P1
  • FN-R02-01审核记录 · 审核记录查询与导出后台P0
K系统管理P0 6P1 4P2 1
  • FN-K01-01两级管理员 · 管理员账号管理后台P0
  • FN-K01-02两级管理员 · 数据权限隔离后台P0
  • FN-K02-01学院内容审核 · 内容审核后台P1
  • FN-K03-01操作日志 · 操作日志记录后台P1
  • FN-K03-02操作日志 · 操作日志查询后台P1
  • FN-K04-01基础配置 · 学院/部门字典后台P0
  • FN-K04-02基础配置 · 人员类别字典后台P0
  • FN-K04-03基础配置 · 参数配置后台P0
  • FN-K04-04基础配置 · 轮播图管理后台P0
  • FN-K04-05基础配置 · 年度切换与归档后台P1
  • FN-K04-06基础配置 · 热门搜索词与敏感词库后台P2
X通用能力与非功能P0 9P1 3P2 2
  • FN-X01-01内容安全 · 严禁涉密提示后台P0
  • FN-X01-02内容安全 · 文件格式与大小校验双端P0
  • FN-X01-03内容安全 · 敏感词与内容安全检测双端P1
  • FN-X02-01数据安全 · 个人信息加密与脱敏双端P0
  • FN-X02-02数据安全 · 后台页面水印后台P1
  • FN-X02-03数据安全 · 等级保护双端P1
  • FN-X03-01易用性与状态 · 空状态双端P0
  • FN-X03-02易用性与状态 · 异常状态双端P0
  • FN-X03-03易用性与状态 · 适老化设计小程序P0
  • FN-X04-01性能与部署 · 并发保障双端P0
  • FN-X04-02性能与部署 · 部署与运维双端P0
  • FN-X04-03性能与部署 · 小程序注册与备案小程序P0
  • FN-X05-01扩展规划 · 保密承诺书签署小程序P2
  • FN-X05-02扩展规划 · 独立 APP双端P2

05核心业务流程

五环节闭环,节点可点击跳转到对应原型页面

普通用户单位管理员保密办系统自动

流程 1 · 线上学习计学时先选定级别,学完该级别课程后计入对应档

06审核流程

各类审核的发起方、审核方与结果去向

普通用户单位管理员保密办系统自动

审核 1 · 学时申报两级审核单位初审 + 保密办复审;申报时由用户选择计入哪一档

任一级驳回须填写原因 → 用户“修改并重新提交”,重新进入待初审  审核前用户可撤回

审核 3 · 单位资料发布审核防止误传敏感内容,审核开关可在参数配置关闭

驳回后单位修改重提;审核开关关闭时直接发布

07已确认口径

第二轮纪要已确认并写入原型的规则

类别

第一次进入先选择 L1–L4,并进入对应学习页。之后可申请修改,由管理员审核。用户端显示 L 编号,正文不改「涉密人员」。

学习路径

学习页按所选级别展示必修。选定的每一级都要完整学完。

首页

轮播保留并计入推荐。推荐课程在学习页。扫码签到、培训报名、在线学习固定在首页。通知从搜索框右侧进入。

学时

线上、本单位线下两条上限可配置,默认各 4。超出只显示不计入。自主申报由用户选档位。管理员可修改学员学时,须填写原因并通知本人,单位管理员仅限本单位。

名称

单位管理员、我的单位、单位专区。组织名仍用计算机学院。

其他

人脸核验在考试前。闯关教程不含奖励。积分只展示。校级成果汇报仅保密办可看,单位管理员不提供成果汇报。

08设计规范

颜色从 Figma 设计稿节点数据中提取,所有页面样式内联在各自 HTML 文件中

移动端(小程序)
取自 Figma「中南迎新服务」:深蓝渐变天空头部、玻璃拟态卡片、圆角底部导航;字体 OPPOSans / 苹方
主色#0451EF
渐变起#469FFF
正文#1E323F
次要文字#627079
强调红#FF4053
点缀粉#F24E98
背景#F0F6FF
管理后台
取自 Figma「中南大学智慧学工」:蓝色顶栏、浅蓝侧栏分组胶囊、浅蓝表头、右侧审核抽屉;卡片圆角 12
主色#006DAD
辅色#2A8DC7
浅蓝底/表头#E3F1F9
正文#1E323F
次要文字#627079
危险#F43F51
背景#EDF5FA