程序聚合 软件案例 基于H5开发的答题小程序运营后台-代码与理论奥赛练学通小程序管理后台

基于H5开发的答题小程序运营后台-代码与理论奥赛练学通小程序管理后台

2026-08-18 10:30:52
行业:在线教育
载体:H5
技术:axios、UniApp、Vue

业务和功能介绍

练学通是面向教育培训行业的在线刷题与考试平台,由学生端小程序和管理后台两部分组成,本系统为管理后台。平台旨在帮助学生通过日常练习、模拟考试和学科竞赛巩固知识,同时为机构管理员提供题库、考试、用户和数据的集中管理能力。管理后台核心功能包括:题库管理、题目管理(单选/多选/判断/填空,支持选项图片)、试卷管理、用户管理、班级管理、成绩管理、字典管理、比赛管理、积分商城和学生能力分析等。主要业务流程:① 竞赛流程——管理员创建比赛并配置赛程(初赛/复赛/决赛),为每个赛程组卷并发布试卷,设置解锁条件(全员开放/指定用户/积分兑换码),学生在端内解锁试卷并在线作答;② 积分兑换流程——学生通过练习和参赛累积积分,管理员在积分商城将竞赛试卷配置为积分商品并定价上架,学生兑换后获得试卷解锁资格;③ 能力分析流程——管理员选中学生后一键生成能力分析报告,报告包含统计数据、雷达图、能力分析文本、柱状图和表格五大模块,可逐模块编辑、控制展示开关并发布给学生查看,也可导出 PDF 供线下沟通使用。

项目实现

项目整体采用 uni-app + Vue3 + Vite 的跨端架构,管理后台以 H5 形式独立分包运行;网络请求基于 uni.request 封装统一的 Axios 风格请求层(含 token 鉴权与路由守卫);后台 UI 全部基于 Vue3 组件自研,业务逻辑通过 Composable(组合式函数)与视图分离,每个管理面板对应一个独立的 useXxx composable,便于多人协作和维护。我主要负责三个模块的开发:① 比赛管理模块(核心逻辑约 1600 行):实现比赛全生命周期管理,包括比赛增删改查、基于字典动态配置的赛程 Tab(初赛/复赛/决赛)、竞赛试卷组卷与题目管理、三种解锁条件(全员开放/指定用户/积分兑换码)的单卷与批量设置,并实现了跨页跨搜索不丢失的用户多选组件;② 比赛试卷积分兑换模块:将竞赛试卷挂载为积分商城商品,支持积分定价、库存管理(含不限库存)、上下架联动校验(试卷未开启积分兑换时强制下架),打通"练习赚积分—积分换试卷—参赛作答"的运营闭环;③ 学生能力分析模块(核心逻辑约 1200 行):实现按学生一键生成能力分析报告,包含统计数据、雷达图、能力分析、柱状图、表格五大可独立编辑的模块,支持各模块展示开关、报告发布/撤回,图表基于 Canvas 自绘实现。开发中遇到的难点与解决方案:一是报告 PDF 预览——在 uni-app 中直接打包 html2canvas/jsPDF 会触发 dep-scan 构建报错,改为 CDN 动态加载脚本解决;同时报告模块跨页被截断,改为按模块分别渲染 Canvas 再智能分页拼装,保证图表和表格不被切割;二是跨页多选用户——分页和搜索切换会导致已选用户信息丢失,采用 Map 缓存已选用户并在翻页时增量补全信息解决;三是图表数据一致性——雷达图图例与维度为动态增删结构,通过本地 ID 计数器与加载后数据补齐机制,避免 ID 冲突和图例缺失导致的渲染异常。

示例图片视频


时雨
3天前活跃
方向: 后端-Java、前端-Web前端、
交付率:100.00%
相似推荐
卷烟市场网格化管理系统性能测试(配合项目验收)
网格化管理信息系统是面向烟草行业的一体化智慧管理平台,融合 Web 端决策看板与移动端便携应用,构建全链路网格化管控体系。Web 端聚焦宏观决策,通过可视化看板实时呈现客户数量、烟农规模、人员配置及营销、专卖、物流等核心数据,支撑管理层精准研判;移动端主打一线实操,实现烟农分类管理、拜访次数统计、信息查询与拜访计划制定等功能,覆盖烟农全生命周期管理。系统打通数据壁垒,以网格化模式整合资源,提升烟草管理的精细化、智能化水平,助力烟草业务高效协同与科学决策。
瀚锦会员管理系统
1、立项背景和目标 传统美业团队管理长期依赖微信手工作业,存在会员信息分散、业绩数据滞后、团队成长路径不清晰等痛点。管理者无法实时掌握团队动态,销售数据靠人工统计,效率低下且容易出错。随着美业团队规模扩大,急需一套数字化工具来支撑日常运营。 本项目旨在开发一套覆盖"团队管理—业务运营—数据分析—成长体系"全链路的美业团队管理系统。核心目标包括:①实现会员信息集中管理,支持多等级会员体系(品牌私董、战略股东、金棠、银棠、喜棠、白棠等);②打通客户管理、销售记录、产品管理、库存管理全流程数字化;③建立八级成长体系(初心者→探索者→行进者→奋进者→突破者→引领者→卓越者→巅峰者),为团队成员提供清晰的学习晋升路径;④通过数据中心提供业绩统计、客户分析、利润分析、业绩排名、周度报表等决策支持;⑤三端同步(PC端、手机端、APP端),确保数据实时一致。 2、软件功能、核心功能模块的介绍 系统包含以下核心功能模块: 团队管理模块:会员管理(增删改查、等级筛选、批量操作)、等级管理(多级会员价格体系)、组织架构树(上下级关系可视化)、一键设置(快速添加会员、一键生成测试账号)。 业务运营模块:客户管理(客户状态追踪:新客户→跟进中→已到访→有意向→已成交→已流失)、销售记录(全流程订单管理)、产品管理(SKU及价格体系管理)、库存管理、瀚锦TV中心(视频内容管理)、朋友圈运营(内容同步)。 数据中心模块:业绩统计(实时/累计业绩数据)、客户分析(客户分布与转化漏斗)、利润分析、业绩排名(团队排行榜)、周度报表(自动汇总)。 成长体系模块:八步成长系统(8个等级逐步成长,每级包含指定课程和作业)、学习计划管理(课件视频学习)、课程作业提交与审核、成长等级申请与审批、每日复盘。 系统管理模块:通知消息(群发/单独发送)、菜单功能开关、网站设置(SEO标题/描述/关键词)、版本管理(版本号自动更新、历史记录)、广告管理、操作日志、管理组权限管理、数据备份与恢复。 3、业务流程、功能路径描述 会员管理流程:管理员在后台添加会员 → 分配等级和上级 → 会员登录系统 → 查看个人资料和业绩数据 → 参与成长体系学习。 客户管理流程:销售人员创建客户 → 记录跟进和拜访 → 标记客户状态变化 → 成交后关联销售订单 → 自动更新业绩统计。 销售业务流程:选择客户和产品 → 创建销售订单 → 记录实付金额 → 系统自动更新库存 → 同步至数据中心业绩统计和排行榜。 成长升级流程:会员查看当前等级 → 观看对应课件视频 → 提交课程作业 → 管理员审核通过 → 申请晋升下一等级 → 管理员审批 → 等级更新解锁新权限。 数据同步流程:各业务模块产生数据 → 实时写入数据库 → stats_service聚合计算 → PC端/手机端/APP端三端实时同步展示。
农产品供应链项目-金桂农产品项目
负责优惠券模块和同步模块和优化系统架构,优化执行时间部署项目上线,然后测试bug,嗯,功能介绍就是农产品上下线对接然后发货物流便捷然后有那个供应商和客户对接,然后完成下单完成这个客户和供应商的一个对接
公司内部业务协同平台-MEAT
本项目为 vivo 内部运营管理 Web 后台,立项背景为解决多业务线运营数据分散、流程审批繁琐、业务协同效率偏低问题,目标实现业务流程线上化、数据统一归集、权限分级管控。核心模块包含数据看板、流程审批、业务配置、角色权限管理。业务流程:运营人员提交业务申请,经多级线上审批流转,完成配置后数据同步至看板,管理人员可查看统计报表,实现全链路业务管控,支撑内部多部门日常运营工作。
股权投资系统
在海宁市城市发展投资集团有限公司的股权投资系统项目中,担任前端开发角色,负责构建支持股权投资全流程管理的数字化平台。系统涵盖项目储备、立项审批、尽职调查、方案评审、决策执行、投后管理及退出等关键环节,实现业务流程的线上化与可视化。
帮助文档   Copyright @ 2021-2024 程聚宝 | 浙ICP备2021014372号
人工客服