44ace7c6970e0682b7ebc38b5794406c411581f5
- mock 整体重写为「V2 单一存储 + V1 适配层」:教师 19 / 学生 6 / 通知 3 全端点,
V1 冻结 7 端点由同一存储派生(与后端同一张 homework 表一致);
提交内核对齐后端 doSubmit(版本翻转/逾期分流/附件 dataURL 拒绝/
仅查阅拒绝),submit/action 返回 {submissionId} 契约对齐
- 删除伪接口 mock 与客户端方法:Submissions/SubmissionDetail/Grade/Remind/
MyHomeworks/MySubmission/Submit/Create/Edit/InitializeRed/UserPull/
SetTopmost/Expedite/ReceiveUsers/List/GetClassTree(真实环境必 404)
- types/homework.ts 收敛为 V1 冻结契约(删 11 个孤儿类型)
- 删除被切换孤儿化的组件:HomeworkUpload/ClassCheckInput/UserCheckModal
- vite 代理指向本地 8102(M5 联调目标,远程测试环境保留注释)
- 走查修复:TeacherHomeworks 操作列改模板插槽(render 函数 Dropdown 插槽
在 view-ui-plus 下失效导致菜单内联);ReviewModal :value/@input 改
modelValue(Vue2 API 残留导致弹窗打不开);StudentHomeworks 重新提交
按钮补 canSubmit 门控(已截止且不允许补交时后端必拒)
- 验收:dev:mock 冒烟 58/58 PASS;构建 EXIT=0;tsc 47 条均为存量(基线 65)
且无引用已删符号;浏览器走查 9 页面 + 批阅保存闭环 + 3 秒阅读上报通过
课程作业前端(Vue3 + Vite + view-ui-plus)
本地启动
npm install
1)纯前端调试(推荐,后端不可用时)
本地连不上 sso.yunhaixingtong.com / base.yunhaixingtong.com 时,后端 CAS 过滤器会拦截
/api/* 请求导致所有接口失败。此时使用内置 mock 调试前端页面:
npm run dev:mock
- 启用
src/assets/mock/homeworkapi.ts中的内存 mock(vite-plugin-mock),覆盖全部页面接口: 用户/菜单、发文部门字典、作业增删改查、阅读情况、联系组、选择用户树、附件上传等。 - mock 数据为内存态,刷新页面即还原;修改 mock 文件后需重启 dev server 才生效。
- mock 模式下请求走 vite 同源(
host.config.ts中serviceHost为空串)。
2)连接后端调试
npm run dev
.env.dev:VITE_SERVICE_HOST=http://localhost:8070/homework(Java 后端,见../service)。- 后端需要能访问 CAS(
yh.sso.server-url-prefix)与用户中心(yh.open.*),否则接口 302/失败。
主要页面
| 路由 | 页面 |
|---|---|
/homework/newhomework |
作业发送(新建/编辑 ?serid=/转发 ?fid=,wangeditor 富文本) |
/homework/homework_list |
已发作业 |
/homework/homework_accept |
已收作业(左列表 + 右详情,打印/转发/附件) |
/homework/manage |
作业列表(管理端) |
/homework/setting |
应用设置(发文部门卡片 + 自定义组) |
/homework/homework_details |
作业详情(type=0 管理视角含阅读进度/编辑/打印,type=1 查看) |
关键组件
components/UserCheckModal.vue:选择用户弹窗(组织树勾选 + 已选列表,移植自旧前端oldfront/src/components/userCheck.vue)。components/UserCheckInput.vue:作业对象选择(全部用户/指定用户,移植自旧user_check_input.vue)。components/HomeworkUpload.vue:作业附件上传(选择文件 + 200MB 限制,移植自旧uploadFile.vue)。- 发文部门卡片:见
views/homework/HomeworkSetting.vue,样式与交互对齐 UserBase「应用类型」 (UserBase/front/src/views/app/AppCategory.vue),额外支持停用/启用。
统计说明
统计相关前端已按需求移除(Homework_statis 接口封装、菜单、图标等),后期统计不在本应用内做。
Languages
TypeScript
42.3%
Vue
38.7%
JavaScript
16.4%
CSS
1.2%
SCSS
1%
Other
0.4%