业务和功能介绍
1、立项背景和目标 针对安全生产知识培训需求，开发一套支持多选题、单选题、判断题的在线刷题系统。系统需要支持 Excel 批量导入题库、错题自动记录、针对性练习等功能，帮助企业员工高效备考安全生产相关考试。
2、软件功能、核心功能模块的介绍
- 题库管理模块 ：支持 Excel (.xlsx) 批量导入题目，支持 A-F 六个选项，支持多答案题型；提供题目增删改查功能，密码保护的管理后台
- 在线刷题模块 ：支持顺序练习、随机抽题、错题本练习三种模式；实时答题反馈，答对自动跳转，答错显示正确答案解析
- 错题本模块 ：自动记录答错题目，支持多次答错次数统计；提供针对性练习功能，答对后自动从错题本移除
- 考试统计模块 ：答题正确率统计、错题回顾、答题历史记录
2、软件功能、核心功能模块的介绍
- 题库管理模块 ：支持 Excel (.xlsx) 批量导入题目，支持 A-F 六个选项，支持多答案题型；提供题目增删改查功能，密码保护的管理后台
- 在线刷题模块 ：支持顺序练习、随机抽题、错题本练习三种模式；实时答题反馈，答对自动跳转，答错显示正确答案解析
- 错题本模块 ：自动记录答错题目，支持多次答错次数统计；提供针对性练习功能，答对后自动从错题本移除
- 考试统计模块 ：答题正确率统计、错题回顾、答题历史记录
项目实现
- 前端架构 ：采用 Next.js 14 App Router，使用 React Server Components 提升性能；客户端组件使用 'use client' 指令，实现交互逻辑
- 数据层 ：使用 SQLite 数据库存储题目数据，通过 Prisma ORM 进行数据操作；错题本数据使用 localStorage 客户端存储
- 文件处理 ：使用 xlsx 库解析 Excel 文件，支持多选项（A-F）题目导入
- 状态管理 ：React useState + useCallback 管理组件状态，useRef 跟踪最新状态避免闭包问题
- 样式方案 ：Tailwind CSS 原子化样式，CSS 变量实现主题切换，响应式布局适配移动端
2、负责模块和结果
- 独立完成全栈开发 ：前端界面、后端 API、数据库设计
- 核心功能实现 ：
- Excel 批量导入：支持 1000+ 题目一次性导入，解析耗时 < 2s
- 错题本功能：自动记录答错题目，支持针对性练习，提升学习效率约 40%
- 多答案支持：扩展原 A-D 选项至 A-F，支持复杂多选题场景
- 性能优化 ：使用 useMemo 、 useCallback 减少重渲染；图片懒加载、组件懒加载
3、遇到的难点、坑和解决方案
- 难点1 ：React 18 严格模式下组件渲染两次，导致 localStorage 数据被重复清除
- 解决方案 ：使用 useRef 标记加载状态，延迟清除 localStorage，确保数据只被读取一次
- 难点2 ：多答案题型（A、B、C、D、E）的正确率统计错误
- 解决方案 ：修复正则表达式 /[^A-D]/g → /[^A-F]/g ，扩展选项标签数组 ['A','B','C','D'] → ['A','B','C','D','E','F']
- 难点3 ：URL 参数长度限制，错题本题目过多时链接失效
- 解决方案 ：改用 localStorage 传递错题ID列表，避免 URL 长度限制（2048字符）
- 难点4 ：答题状态闭包问题，最后一题正确率统计为0
- 解决方案 ：使用 useRef 跟踪最新的 answered 状态，确保跳转时获取正确数据
- 数据层 ：使用 SQLite 数据库存储题目数据，通过 Prisma ORM 进行数据操作；错题本数据使用 localStorage 客户端存储
- 文件处理 ：使用 xlsx 库解析 Excel 文件，支持多选项（A-F）题目导入
- 状态管理 ：React useState + useCallback 管理组件状态，useRef 跟踪最新状态避免闭包问题
- 样式方案 ：Tailwind CSS 原子化样式，CSS 变量实现主题切换，响应式布局适配移动端
2、负责模块和结果
- 独立完成全栈开发 ：前端界面、后端 API、数据库设计
- 核心功能实现 ：
- Excel 批量导入：支持 1000+ 题目一次性导入，解析耗时 < 2s
- 错题本功能：自动记录答错题目，支持针对性练习，提升学习效率约 40%
- 多答案支持：扩展原 A-D 选项至 A-F，支持复杂多选题场景
- 性能优化 ：使用 useMemo 、 useCallback 减少重渲染；图片懒加载、组件懒加载
3、遇到的难点、坑和解决方案
- 难点1 ：React 18 严格模式下组件渲染两次，导致 localStorage 数据被重复清除
- 解决方案 ：使用 useRef 标记加载状态，延迟清除 localStorage，确保数据只被读取一次
- 难点2 ：多答案题型（A、B、C、D、E）的正确率统计错误
- 解决方案 ：修复正则表达式 /[^A-D]/g → /[^A-F]/g ，扩展选项标签数组 ['A','B','C','D'] → ['A','B','C','D','E','F']
- 难点3 ：URL 参数长度限制，错题本题目过多时链接失效
- 解决方案 ：改用 localStorage 传递错题ID列表，避免 URL 长度限制（2048字符）
- 难点4 ：答题状态闭包问题，最后一题正确率统计为0
- 解决方案 ：使用 useRef 跟踪最新的 answered 状态，确保跳转时获取正确数据
示例图片视频
相似推荐
志愿者服务平台
业务目标：统一管理志愿者注册报名、志愿活动发布、活动签到、请假、活动审核、招募单位管理，实现志愿服务线上化管理，方便志愿机构发布志愿任务，志愿者参与志愿活动，记录志愿时长，规范化志愿服务流程。
业务角色分为两类：
1. 志愿者（移动端 / 前端用户）：注册账号，浏览活动、报名参加活动、签到打卡、请假、查看个人参与的活动、维护个人信息、接收系统消息。
2. 系统管理员（Web 后台）：管理招募单位、发布志愿活动、审核志愿者活动、维护系统基础数据，对整个平台数据进行增删改查管理。
水利大模型通用管理平台
项目背景
面向水利行业的 TF 数学模型统一管理平台，将 Python 水利建模文件统一解析、调度与运行，为业务系统提供标准化模型调用与结果管理。为政府水利项目提供充实的保障和便利。
负责 Python 模型文件解析与统一调度接口开发，通过 ProcessBuilder 调用 Python 执行引擎实现模型运行。
参与模型元数据管理与版本控制模块设计，支持模型上传、存储与生命周期管理。
协助完成 GaussDB 数据持久化与 Redis 缓存集成，参与前后端接口联调与自测。
基于 Spring Boot 线程池与 Redis 分布式锁实现多模型并发调度，全局异常拦截返回标准化错误码。
面试评分系统
解决应急行业在公务员招聘，由传统的纸质面试流程，转变为线上评分，减少纸质操作，面试工作增效赋能
web端功能主要包括：
1.面试信息管理（面试任务安排、面试日程管理、考生和考官的信息管理）
2.评分信息管理（评分数据、评分要素）
3.抽签管理（抽签编排）
移动端功能主要包括：
1.面试信息面板
2.电子评分
3.在线签名
无人机管控综合大屏平台-无人机管控综合大屏平台
技术栈：Vue3 + TypeScript + Element‑Plus + OpenLayers + Cesium + ECharts + WebGL + GLSL + GeoServer + PostGIS + Java + Nginx + ArcGIS
平台面向集团水电业务，构建二三维一体化无人机管控系统，实现空间数据服务管理、无人机任务全生命周期管理、机库设备实时监控、飞行航线规划、安全冲突评估、巡检成果可视化、多维统计分析。
1. 二三维地图模块：Cesium 承载三维地形场景，OpenLayers 负责二维业务地图；基于 WebGL/GLSL 自定义着色器，实现管线、航线、巡检区域特效渲染；对接 GeoServer 发布 WMTS/WFS 空间服务，PostGIS 存储管理点位、航线、巡检区域等空间矢量数据；兼容 ArcGIS 各类空间数据格式。
2. 无人机业务模块：机库站点树管理、无人机设备实时状态监控、机库视频预览；业务需求录入、航线航点编辑、空域 / 时间 / 航线三重安全评估；任务拆分、子任务冲突校验、设备指派下发；飞行任务列表管理，展示里程、时长、告警信息，查看图片视频巡检成果。
3. 可视化大屏模块：资源指标概览、任务多维度统计图表，任务类型、任务状态、飞行趋势、机库能力排行、隐患处置排行，支撑运维决策。
4. 后端服务：Java 提供业务接口，PostGIS 处理空间查询、空间计算；Nginx 做反向代理、静态资源、地图服务代理。
文旅游客服务小程序-文旅游客服务小程序
使用技术
Uni‑App、Vue2、uView UI、高德地图 SDK
本项目面向游客打造文旅游客服务小程序，目标整合景区、文旅资讯、特产消费、地图导览等能力，为游客提供一站式旅游服务。系统包含首页、资讯、关于我们三大底部菜单模块。首页提供搜索、预约购票、特产购物、客服、文旅一张图、品牌推荐功能；热点区域按自然风光、名胜古迹、公园乐园分类展示各地景区卡片。资讯模块展示各地文旅官方发布的旅游线路、花事活动、农特产品直播等图文资讯，支持浏览官方发布内容。一张图模块集成地图，可切换文旅小馆、公厕、酒店、餐馆等 POI 图层，地图打点展示点位，列表展示周边商家评分、价格、距离、评论信息。业务流程：游客打开小程序，首页浏览景区，搜索目的地，可预约景区购票，查看文旅资讯；进入一张图地图导览，查看周边餐饮住宿配套，获取位置距离信息，完成旅游信息查询、出行参考。
帮助文档
Copyright @ 2021-2024 程聚宝 | 浙ICP备2021014372号
人工客服