华研web端AI学伴管理系统

教育 K12教育案例ID：252486

政哥

11 年经验· 篆刻时光科技(武汉)有限公司

微信扫码沟通，客服可协助直接对接工程师；如当前档期不合，也可继续推荐相似案例作者。

案例介绍

业务和功能介绍：
一、立项背景和目标
篆刻等素质教育学科依赖纸质作业与人工批改，名师稀缺、口径不一；连锁加盟下校区分散，总部难管控师资与经费。立项建设「AI伴学中心」教师端智能学习平台，打通作业采集、AI切图识别、智能批阅、结果回写全链路，以机器批阅替代人工。

二、软件功能与核心模块
系统管理：菜单/角色/权限分配。用户管理：加盟商、伴学师、学生的新增/编辑/启停、充值扣款、绑定与服务开通。校区管理：门店建档/编辑/启停。数据采集：取所辖学生，拍照上传、按科目打包排序、题目框选。切图批阅：任务轮询、对错/打分模式、AI与人工框选批阅、批量打分。考点区域：按学段维护考点开通范围。

三、业务流程
主干：登录→筛选学生→拍照上传→图片处理→框选提交AI批阅→任务处理（选模式、AI/人工批阅、批量打分、确认完毕）回写结果。路由：/collectMark、/store、/user、/system、/exam-area。

项目实现：
一、架构与技术栈
前后端分离SPA，分视图/接口/状态/公共四层。Vue 3.5+Vite 7+Pinia 3+Element Plus 2+Axios+Sass。views按system/user/store/collectMark/exam纵切，menuList拆19条路由对应menuCode权限；接口层8文件105接口统一暴露。

二、负责模块和结果
负责前端架构与工程化基建：搭建230源文件/2.7万行框架与分层规范；封装182行统一请求层，收敛105接口的token注入、全局loading与401自动登出，业务接入不超3行；沉淀16组件、4权限指令；5套环境配置+3套Dockerfile实现四套环境一键发布。

三、难点与解决方案
1. 老式硬件SDK：Eloam高拍仪为jQuery全局插件，走38088端口且非ESM。→封装独立SDK，动态import注入jQuery后加载插件，Promise包装回调。
2. 数组参数不兼容后端：axios产生ids[]=1。→自研paramsSerializer用URLSearchParams逐项append；上传须删Content-Type生成boundary。
3. 图片跨域防盗链：OSS校验Referer。→开发态Vite /image-proxy改写，生产态Nginx同源转发。