README.md
无需服务器、无需数据库,打开浏览器即可使用的答题数据采集与分析平台。专为运营人员打造,让数据洞察快人一步。

日常答题活动中,运营人员常面临三大痛点:
| 痛点 |
表现 |
| 数据分散 |
用户答题数据散落在问卷星、Excel、微信群,无法集中管理 |
| 洞察滞后 |
活动结束才能看数据,无法实时监控"哪道题在流失用户" |
| 异常难追 |
刷题、乱答、重复提交无法自动识别,分析结论失真 |
灵析·智题 就是为解决这些问题而生 —— 一个纯前端的数据运营工具,让运营人员专注数据分析本身,而非数据处理。
- 逐题作答:流畅的逐题交互,记录每题耗时、选项、正确/错误状态
- 行为追踪:自动记录每题停留时长、修改次数、最终答案
- 本地暂存:基于
localStorage 实现数据持久化,断网也能继续答题
| 模块 |
功能 |
| 数据看板 |
ECharts 可视化:日活趋势、完成率、逐题流失率、正确率分布、知识点得分雷达图 |
| 数据管理 |
全量答题记录查看,按日期/知识点/难度多维度筛选,一键导出 CSV |
| 数据清洗 |
自动过滤重复提交、空值答卷、短时异常作答,清洗后数据质量达 98.5% |
| Bad Case 归档 |
对异常答题记录打标分类,支持后续归因分析 |
| 题库管理 |
题目增删改查,按知识点/难度/标签分类管理 |
| 权限管控 |
三级角色体系(管理员/运营/分析师),操作权限分级 |
AI 出题(题库配置)→ 用户答题(行为采集)→ 数据清洗(异常过滤)
↓
可视化分析(ECharts 看板)→ Bad Case 归档 → 迭代题库
| 规则 |
判定标准 |
处理方式 |
| 重复提交 |
同一设备 24 小时内多次提交 |
仅保留首次,其余标记"重复" |
| 空值过滤 |
存在未作答题目 |
标记"不完整",不计入分析 |
| 短时异常 |
总耗时 < 3 秒且题量 ≥ 10 |
标记"异常",剔除出统计 |
| 角色 |
数据看板 |
数据导出 |
题库管理 |
清洗配置 |
Bad Case |
用户管理 |
| 管理员 |
✅ |
✅ |
✅ |
✅ |
✅ |
✅ |
| 运营 |
✅ |
✅ |
✅ |
❌ |
✅ |
❌ |
| 分析师 |
✅ |
✅ |
❌ |
❌ |
❌ |
❌ |
git clone https://github.com/jack123780/lingxi-zhiti.git
cd lingxi-zhiti
纯前端项目,无需安装依赖、无需构建,直接在浏览器中打开:
# 推荐:VS Code Live Server
# 右键 index.html → Open with Live Server
# 或直接打开
start index.html # Windows
open index.html # macOS
首次访问时,系统自动在 localStorage 中初始化:
- 示例题库(10 道题,覆盖 3 个知识点、3 个难度等级)
- 示例答题记录(用于看板演示)
- 默认管理员账号
账号: admin
密码: 123456 (首次登录后建议修改)
- 用户端 → 访问
index.html 答题并提交
- 管理端 → 访问
dashboard.html 查看数据看板
- 数据清洗 → 进入数据管理页,点击"执行清洗"
- 导出报表 → 筛选数据后,点击"导出 CSV"
lingxi-zhiti/
├── index.html # 用户端 · 答题页
├── dashboard.html # 管理端 · 数据看板
├── admin.html # 管理端 · 题库与数据管理
├── css/
│ ├── style.css # 全局样式
│ └── dashboard.css # 看板专用样式
├── js/
│ ├── app.js # 答题端主逻辑
│ ├── dashboard.js # 看板渲染与 ECharts 配置
│ ├── admin.js # 后台管理逻辑
│ ├── dataCleaner.js # 自动化清洗脚本(核心)
│ ├── permission.js # 三级角色权限控制
│ └── storage.js # localStorage 读写封装
├── data/
│ └── sampleData.js # 示例题库与初始数据
└── README.md
| 指标 |
计算方式 |
业务含义 |
| 日活(DAU) |
当日提交答题的唯一用户数 |
衡量活动触达效果 |
| 完成率 |
完整作答数 / 总启动数 |
衡量题目长度是否合理 |
| 逐题流失率 |
弃答人数 / 到达该题人数 |
定位"劝退题" |
| 正确率 |
答对数 / 总答题数 |
衡量题目难度是否匹配 |
| 平均耗时 |
总耗时 / 答题人数 |
衡量题目阅读与思考成本 |
| 数据质量分 |
有效记录 / 原始记录 × 100% |
衡量原始数据洁净度 |
| 类别 |
技术 |
说明 |
| 前端框架 |
原生 JavaScript (ES6+) |
零框架依赖,零构建成本 |
| 样式 |
HTML5 + CSS3 |
响应式设计,适配 PC / 平板 |
| 图表 |
ECharts 5.x |
交互式图表,支持下钻 |
| 持久化 |
localStorage |
开箱即用,无需后端 |
| 导出 |
CSV / JSON |
一键导出,兼容 Excel |
- 在线教育小测 — 老师出题,学生作答,实时查看班级正确率分布
- 社群答题活动 — 运营策划知识竞答,实时监控参与率与流失节点
- 产品内测反馈 — 嵌入产品引导页,收集用户对功能的理解程度
- 培训效果评估 — 员工培训后小测,分析薄弱知识点
- 数据运营练手 — 数据清洗、可视化分析的 Demo 数据集
| 版本 |
日期 |
更新内容 |
| v1.0.0 |
2026.06 |
初始版本:完整答题流程 + 数据看板 + 清洗脚本 + 三级权限 |
| v1.1.0 |
规划中 |
Bad Case 智能分类 + 云端数据同步 |
MIT License
💡 本项目由 Claude Code 辅助开发,纯前端实现,开箱即用。
如果对你有帮助,欢迎 ⭐ Star 支持一下!