创建流水线:课表与考试日程管理器
纯前端单页应用 — 课表管理 + 考试日程 + 作业管理 + 成绩管理,数据存储于浏览器本地。
双击 index.html 即可在浏览器中运行。
index.html
npm install npm start # 访问 http://localhost:5500
npm install npm test # 运行单元测试 npm run test:coverage # 含覆盖率报告
npm run lint # ESLint 检查 npm run format # Prettier 格式化 npm run validate # 一键验证全部
├── index.html # 入口 ├── SPEC.md # 规范文档 (SDD) ├── package.json # npm 配置 ├── jest.config.js # 测试配置 ├── CODE_REVIEW.md # 代码审查清单 ├── .eslintrc.json # ESLint 配置 ├── .prettierrc # Prettier 配置 ├── .github/workflows/ # CI/CD 工作流 │ └── ci.yml # 自动化流水线 ├── css/ # 样式(按模块拆分) ├── js/ # 脚本 │ ├── constants.js # 全局常量 [公共] │ ├── storage.js # 数据层 [公共] │ ├── utils.js # 工具函数 [公共] │ ├── app.js # 主入口 [角色C] │ └── modules/ # 业务模块 │ ├── schedule.js # 课表管理 [角色A] │ ├── exams.js # 考试日程 [角色B] │ ├── grades.js # 成绩管理 [角色B] │ ├── assignments.js # 作业管理 [角色C] │ ├── dashboard.js # 仪表盘 [角色C] │ ├── pomodoro.js # 番茄钟 [角色C] │ └── forms.js # 模态框表单 [角色C] └── test/ # 单元测试 ├── constants.test.js ├── utils.test.js └── storage.test.js
📅 课表与考试日程管理器 Pro
✨ 功能特性
🚀 快速开始
方式一:直接打开
双击
index.html即可在浏览器中运行。方式二:本地服务器
🧪 运行测试
📋 代码质量
📁 项目结构
🔧 CI/CD 流水线