天蛙数字化校园平台

猿急送>福州前端兼职程序员>__丶>

案例列表

基本信息

案例ID：232472

技术顾问：__丶 - 8年经验 - 锐达互动科技有限公司

联系沟通

微信扫码，建群沟通

项目名称：天蛙数字化校园平台

所属行业：教育 - K12教育

->查看更多案例

案例介绍

该项目一款面向K12教育领域的综合性智慧教育解决方案，主要服务于学校管理者、教师、学生和家长三类用户群体。该平台整合了智慧屏幕，教师档案等50+个核心功能模块，构建了覆盖教学、管理全场景的一站式服务平台
技术栈：Vue + Ant Design of Vue + Vant、Vue3 + Vite + TypeScript+ Vuex + Axios + WebSocket + Webpack、Cesium、Echarts等技术支撑。
主要职责：
1.使用 Vue + Ant Design of Vue / Vue3 + Vite + TypeScript 及 Vue + Vant 分别构建 PC 端与移动端功能模块，实现跨终端统一架构与代码复用。
2.基于 Vue CLI / Vite搭建标准化项目结构，采用 Vuex / Pinia实现全局状态管理，Axios 封装请求，提升接口调用效率与可维护性。
3.引入 WebSocket 实现实时消息推送机制，增强用户交互体验；通过 Webpack 分包策略优化首屏加载速度，显著提升系统性能并进行代码混淆和压缩，提升逆向工程难度，避免源码泄露风险。
4.采用虚拟滚动技术实现5万+条数据的高效渲染，解决大数据量下页面卡顿问题，提升用户体验。
开发通用表单模板系统，支持通过后台配置生成多种表单页面，无需二次开发，极大节省开发时间与维护成本。主导部分项目从 JavaScript 到Vue 的项目重构，大大提升用户体验及开发成本。
5.基于Cesium实现3D地图环境展示，实现校内教学标记点，展示地理坐标标注等功能。
6.主导建立前端开发规范体系，包括组件开发规范、API 接口标准、代码风格统一等，提升团队协作效率与代码质量。
项目成果：
统上线后稳定运行，支撑多个业务线高效运作，获得校方高度评价。