← 返回作品集
2026 至今

考研教育管理平台 + 考研教育小程序

全栈考研教育双端平台:管理端基于 Pure Admin(Vue3 + TypeScript)搭建,覆盖题库、课程、答疑、择校、模拟考试全业务线;小程序端(UniApp)面向考生,支持微信/支付宝/H5 多端。攻克 LaTeX 公式跨端渲染、加密视频防盗链、WebSocket 实时答疑、E签宝实名认证等多项技术难点。

Vue3Pure AdminUniAppKaTeXWebSocketwangEditorOBS转码E签宝

核心亮点

  • 管理端基于 Pure Admin Thin 框架搭建,动态路由 + 按钮级权限,支持教师、管理员多角色差异化菜单
  • 攻克 LaTeX 公式跨端渲染:管理端引入 MathJax 3 + KaTeX + MathQuill 实现可视化公式编辑,小程序端通过 katex-renderer + mp-html 自定义节点解析,解决 DOM 环境缺失导致 katex 无法直接运行的根本问题
  • 二次开发 wangEditor-next(fork 为 wangeditor-kai),修复光标定位、粘贴格式丢失、公式节点删除等遗留 Bug,发布为私有 npm 包统一维护,管理端富文本编辑与小程序端渲染完全对齐
  • 课程视频全链路防盗:OBS 转码输出 m3u8 分片 + 阿里云 LTS SDK 日志上报,播放令牌二次解密 + referer 防盗链 + 防录屏配置,E签宝实名认证 + 设备指纹双重绑定限制多设备共享
  • 答疑模块 WebSocket 长连接实时聊天,1v1 快答与抢答双模式,消息持久化存储,断线自动重连并同步历史记录,聊天记录支持分享至社区
  • 刷题引擎支持单选、多选、不定项、解答题、组合题五种题型,组合题嵌套子题独立评分;遗忘曲线算法动态调整复现频率,错题/好题/考点专项练习独立筛选
  • 模拟考试:试卷管理、定时倒计时、交卷后自动批改客观题,主观题推送教师端批改队列,批改结果实时回推学生
  • 择校模块:院校查询、招录信息、初复试数据、多校对比参数、热度排名,AI 择校基于多维数据(招录比/复试线/热度)生成个性化院校推荐报告

子系统模块详情

刷题系统

核心模块
  • ·题库管理:题目 CRUD、分类打标、批量导入,支持公式题型的可视化编辑与预览
  • ·五种题型:单选、多选、不定项选择、解答题、组合题(嵌套子题独立评分)
  • ·刷题模式:顺序刷题、记忆模式(遗忘曲线调度)、考点专项练习
  • ·筛选体系:好题收藏、错题本、考点筛选、自定义专项练习
  • ·纠错模块:学生提交纠错申请,管理端审核处理,修正后自动同步题库
  • ·模拟考试:试卷编排、定时交卷、客观题自动批改、主观题教师批改队列
  • ·LaTeX 难点:小程序端用 katex-renderer + mp-html 自定义渲染节点,绕过 DOM 缺失限制

课程系统

付费内容
  • ·课程目录树(kcTree 组件):章节/小节层级管理,支持拖拽排序
  • ·付费/免费课程分级,学习进度实时记录与断点续播
  • ·视频安全体系:OBS 转码 → m3u8 分片 → 阿里云 LTS 日志 → referer 防盗链 → 播放令牌二次解密
  • ·防录屏配置:微信小程序层级遮罩,检测录屏行为触发暂停
  • ·实名认证(real_auth)+ E签宝电子签名(esign_api)双重绑定,限制账号多设备共享
  • ·课程评论、评分(rateComponent)、收藏与学习统计

答疑系统

实时互动
  • ·WebSocket 长连接(socket.js):1v1 快速问答与多人抢答双模式
  • ·付费答疑资源:专业咨询、学长答疑按次/按包购买,余额充值与提现
  • ·聊天页面(chatPage):图文混合消息、语音播放(voicePlay),消息持久化
  • ·断线重连策略:心跳检测 + 指数退避重连,恢复连接后自动同步离线消息
  • ·聊天记录分享至社区,多元化展示样式(消息卡片、引用回复)
  • ·答疑历史(answerHistory)与答疑详情页,支持教师侧批量管理待回答队列

择校系统

院校数据
  • ·院校查询:分类检索、关键词搜索,院校卡片(schoolCard)展示核心数据
  • ·院校详情:报考指南、历年招录信息、初复试分数线、参考书目
  • ·多校对比(school_compare):多维参数横向对比,支持最多 N 所院校同屏比较
  • ·热度排名(heatRankings):按专业/地区维度的院校热度趋势榜单
  • ·AI 择校:基于招录比、复试线、热度排名多维参数生成个性化推荐报告
  • ·Activity 活动页 + Banner 管理,支持运营侧动态配置择校活动内容

管理后台

Pure Admin
  • ·基于 Pure Admin Thin(Vue3 + TypeScript + Vite)搭建,动态路由 + 按钮级权限体系
  • ·wangeditor-kai 富文本编辑器(私有 npm 包),MathJax 3 + KaTeX + MathQuill 可视化公式编辑
  • ·题库管理、模拟试卷管理、用户批改队列(userCorrection)、批改结果推送
  • ·课程与章节管理、视频上传与转码状态跟踪、学习数据统计
  • ·学校管理:校区、班级、教师组配置;学生管理与权限分配
  • ·配置管理(configManagement):系统参数、答疑价格、套餐管理动态配置