业务和功能介绍
1. 用户认证与权限（Token / RBAC）
注册：提交用户名密码，后端创建用户并返回 token。
登录：提交账号密码校验，返回 token 与用户信息（包含角色）。
登录状态持久化：Token 与用户信息写入 localStorage，刷新不丢登录态。
路由守卫：
未登录访问需要登录的页面 → 重定向到登录页；
管理后台按角色限制（管理员才可进入）。
2. 题目分类与检索
分类展示：按分类渲染入口，用户可进入对应分类练习。
关键词搜索：支持题干关键词检索，并在首页先展示搜索结果，用户确认后再进入答题页。
（扩展性）接口预留分页/筛选参数，后续可很容易加上分页组件。
3. 在线答题与即时判题
答题模式（UI 层面）：新题/错题/混合（当前实现了与错题本、收藏的结合）。
题目动态渲染：题目对象驱动渲染题干、代码块（如有）与选项。
作答与判题：
用户选择选项后记录答案；
交卷后自动比较 userAnswer 与 correctAnswer；
即时展示答题统计（答对、答错、未答、正确率）。
答题卡与滚动定位：答题卡按钮可跳转到对应题目区域。
4. 错题本（归档 / 复练 / 移除）
自动归档：交卷后把答错题加入错题本（按用户维度存储）。
再练一次：从错题本进入答题页进行复练。
移除管理：支持从错题本删除记录。
5. 收藏（个性化练习）
收藏/取消收藏：答题卡片提供收藏操作（基于用户存储收藏表）。
收藏列表展示：收藏题目可直接跳转到练习入口。
适配“个性化学习管理”的课题要求。
6. 练习历史（成绩与时间）
记录维度：每次练习保存得分、总题数、用时、时间戳等信息。
历史查询：按时间倒序展示；支持按日期分组（时间轴样式）。
7. 学习统计与可视化（ECharts）
正确率趋势：结合历史记录按时间生成正确率曲线/趋势。
分类掌握情况：根据错题本统计各分类错题数量。
图表视觉风格与整体 UI 保持一致，提升学习反馈体验。
8. 管理员后台（题目与分类 CRUD + 安全控制）
分类管理：新增/编辑/删除分类。
题目管理：
列表展示题目（可按分类筛选、关键词过滤）；
新增/编辑/删除题目（包含选项与正确答案）。
权限控制：后台入口在路由守卫中按角色限制，保证数据规范与安全性。
注册：提交用户名密码，后端创建用户并返回 token。
登录：提交账号密码校验，返回 token 与用户信息（包含角色）。
登录状态持久化：Token 与用户信息写入 localStorage，刷新不丢登录态。
路由守卫：
未登录访问需要登录的页面 → 重定向到登录页；
管理后台按角色限制（管理员才可进入）。
2. 题目分类与检索
分类展示：按分类渲染入口，用户可进入对应分类练习。
关键词搜索：支持题干关键词检索，并在首页先展示搜索结果，用户确认后再进入答题页。
（扩展性）接口预留分页/筛选参数，后续可很容易加上分页组件。
3. 在线答题与即时判题
答题模式（UI 层面）：新题/错题/混合（当前实现了与错题本、收藏的结合）。
题目动态渲染：题目对象驱动渲染题干、代码块（如有）与选项。
作答与判题：
用户选择选项后记录答案；
交卷后自动比较 userAnswer 与 correctAnswer；
即时展示答题统计（答对、答错、未答、正确率）。
答题卡与滚动定位：答题卡按钮可跳转到对应题目区域。
4. 错题本（归档 / 复练 / 移除）
自动归档：交卷后把答错题加入错题本（按用户维度存储）。
再练一次：从错题本进入答题页进行复练。
移除管理：支持从错题本删除记录。
5. 收藏（个性化练习）
收藏/取消收藏：答题卡片提供收藏操作（基于用户存储收藏表）。
收藏列表展示：收藏题目可直接跳转到练习入口。
适配“个性化学习管理”的课题要求。
6. 练习历史（成绩与时间）
记录维度：每次练习保存得分、总题数、用时、时间戳等信息。
历史查询：按时间倒序展示；支持按日期分组（时间轴样式）。
7. 学习统计与可视化（ECharts）
正确率趋势：结合历史记录按时间生成正确率曲线/趋势。
分类掌握情况：根据错题本统计各分类错题数量。
图表视觉风格与整体 UI 保持一致，提升学习反馈体验。
8. 管理员后台（题目与分类 CRUD + 安全控制）
分类管理：新增/编辑/删除分类。
题目管理：
列表展示题目（可按分类筛选、关键词过滤）；
新增/编辑/删除题目（包含选项与正确答案）。
权限控制：后台入口在路由守卫中按角色限制，保证数据规范与安全性。
项目实现
本课题旨在设计与实现一个基于 Vue3 的在线刷题系统，采用前后端分离架构，前端以 Vue3、Vue Router、Pinia 和 Axios 为核心技术，系统首先实现用户注册与登录功能，并通过 Token 机制完成身份认证与登录状态持久化管理，利用路由守卫实现未登录拦截及基于角色的访问控制。在功能实现方面，系统支持题目分类展示与管理，用户可根据不同类别浏览题目，并通过关键词搜索与分页加载机制高效检索所需内容。在线答题模块支持多种题型的动态渲染，用户作答后系统自动进行判题处理并即时反馈结果，同时生成答题统计数据。针对错误题目，系统自动归档至错题本，支持重复练习与移除管理，并提供题目收藏功能以便用户进行个性化学习管理。系统还将记录用户每次练习的成绩与时间信息，形成历史记录模块，并基于历史数据进行统计分析，通过 ECharts 实现正确率趋势、分类正确率等数据可视化展示，增强学习反馈效果。此外，系统设计管理员后台模块，实现题目的新增、编辑、删除及分类维护功能，并通过角色权限控制保障系统安全性与数据规范性。整体系统在保证功能完整性的同时注重模块化设计与组件复用，提高代码可维护性与扩展性，体现现代前端工程化开发思想与单页面应用架构优势。
示例图片视频
相似推荐
内部AI问答平台
系统集成 AI 知识助手、多模态助手、企业知识库三大核心能力，支持仪表板快速生成、拖拽式大屏搭建、智能报告生成与剧本化编辑，并提供 AI 机器人聊天及自定义指标配置，打造覆盖智能交互、数据分析与可视化应用的全链路企业级平台。
HR系统
为全面提升人力资源运营效率并实现集团人才流动数据的深度洞察，人力资源部正式向信息部提出HR数据分析首页及报表系统开发需求，旨在通过数据整合与可视化分析，构建集团级人才管理决策中枢。
财务系统
针对财务部门在资金管理系统上的业务需求，打通财务内部数据流转，对接第三方系统等等。
资金计划模块支持多维度预算编制与执行分析，强化资金统筹能力；票据管理实现应收应付票据全生命周期跟踪，降低票据风险；银企直连稳定对接多家银行，实现资金实时监控与归集。系统整体运行平稳，有效支撑集团资金精细化管理需求。
低代码平台
架构设计：基于.NET 8 + SqlSugar框架设计低代码平台后端，实现模块化、多租户、动态API生成能力。
核心功能：
动态表单引擎：支持用户自定义数据表结构，后端自动生成增删改查API；
工作流引擎：支持可视化流程配置，节点类型包括审批、抄送、条件分支，动态解析审批人；
优化多租户隔离：采用数据库级隔离方案，租户数据独立存储。
再生平台项目
1、立项背景
再生资源行业传统模式存在信息不对称、交易链路繁琐、监管追溯难、资金流转慢等痛点，中小商户与企业间对接效率极低，行业数字化转型需求迫切。同时，国家大力推动循环经济发展，亟需一款集信息服务、业务协同、数据管控于一体的平台，打通再生资源从回收、加工到交易、融资的全链条。
2、核心目标
整合行业资源：汇聚再生资源供需方、物流服务商、金融机构等多方主体，构建行业资源生态；
实现业务闭环：覆盖从立项、合同签订到订单执行、对账、融资的全流程，提升交易效率；
强化监管与风控：通过数据采集与分析，实现交易全流程追溯，降低行业风控风险；
推动数字化升级：为行业提供标准化、智能化的信息服务与业务工具，助力再生资源行业规范化、高效化发展。
1）软件整体功能
平台以 “信息服务 + 业务协同 + 数据管控” 为核心，面向商户、企业、监管 / 管理端三类用户，提供全场景功能支撑。前端基于 Vue3+Vite+TypeScript 构建多端界面，后端以 Spring Boot 为核心拆解为启动、公共、核心、业务、数据抓取五大模块，支撑高可用、高扩展的系统架构。
2）核心功能模块
基础管理模块（核心模块）：覆盖用户 / 角色 / 菜单 / 部门管理、日志、文件、字典配置、定时任务等基础能力，保障平台权限与基础运营，是全系统的支撑底座。
再生资源业务模块（业务模块）：平台核心业务闭环，包含身份管理、合同、订单、发货、收货、对账、发票、应收、融资、风控等全链路功能，实现再生资源业务从发起至完结的全流程管控。
数据采集与对接模块（数据抓取模块）：对接外部 ERP 系统，通过 AI 识别、HTML 解析等技术采集行业外部数据，同步补充平台信息，提升数据完整性。
信息服务模块：提供再生资源行情查询、供需信息发布、行业资讯推送等功能，满足用户信息获取需求，构建行业信息生态。
3、业务流程和功能路径描述
交易协同路径：商户 / 企业发布供需信息→身份认证审核→签订电子合同→生成交易订单→发起发货 / 收货→确认收货→发起对账→开具发票→完成应收结算；
数据采集路径：外部 ERP 系统数据请求→AI 识别验证码→解析业务数据→定时同步至平台数据库→平台数据校验与展示；
风控与融资路径：交易数据汇总→平台风控规则校验→生成企业信用报告→金融机构基于数据提供融资服务→融资回款跟踪。
功能路径支撑
用户端路径：用户登录→权限校验→进入对应功能界面（商户端侧重业务操作，企业端侧重资源管理，管理端侧重监管与配置）→执行功能操作→数据实时同步至数据库；
系统端路径：前端请求→后端接口处理（调用对应模块服务）→数据读写（MySQL / 文件存储）→返回结果→前端展示；
外部对接路径：外部系统请求→数据抓取模块解析→数据校验→存入
帮助文档
Copyright @ 2021-2024 程聚宝 | 浙ICP备2021014372号
人工客服