智慧校校项目旨在解决全国各级党校在教学管理、学员服务、行政办公等方面的数字化需求。传统党校管理存在信息分散、流程繁琐、数据统计困难等问题，需要一个统一的数字化平台来整合教务管理、学员考勤、课程安排、学习进度跟踪等核心功能。该项目通过PC运营后台为管理员提供高效的管理工具，同时通过React Native多端App为学员和教职工提供便捷的移动端服务，实现党校日常运营的全面数字化与智能化，覆盖全国100+所党校的用户群体。
本项目面向教育培训行业中的党校数字化管理场景。客户群体为全国各级党校，包括省级、市级党校及其下属机构。业务场景涵盖：教务管理（课程创建、排课、师资分配）、学员管理（报名、考勤、学习档案）、行政办公（通知公告、审批流程、数据报表）等。项目采用B/S架构，PC端基于React + Ant Design构建运营管理后台，移动端基于React Native开发跨平台App，服务端提供RESTful API支撑全业务流程。作为前端核心开发，我负责了整体前端架构设计、通用组件库封装以及页面性能优化。
1. 教务管理模块：支持课程创建、排课管理、教室资源调度、课程表生成与发布，实现教学计划的全流程线上化管理。
2. 学员管理模块：提供学员报名注册、分班管理、考勤打卡、学习进度追踪、结业评估等功能，支持学员信息的批量导入与导出。
3. 运营后台（PC端）：基于React + Ant Design构建，为管理员提供数据看板、用户权限管理、内容发布、系统配置等一站式运营工具，支持多角色权限细分。
4. 移动端App（React Native）：为学员和教职工提供课程查看、在线签到、通知接收、学习资料下载、个人中心等便捷服务，支持iOS与Android双平台。
5. 通知与消息系统：集成站内信、推送通知等功能，支持公告发布、课程提醒、审批通知等消息的实时触达。
6. 数据统计与分析：提供学员出勤率、课程完成度、教学评价等维度的数据报表，辅助管理者进行决策分析。
技术难点与解决方案：
难点一（表单复杂度高） ：党校业务涉及大量动态表单项（如课程排期、学员信息录入），表单字段间存在联动和条件校验。解决方案：基于Ant Design Form进行二次封装，抽象出"配置式表单"方案，通过JSON Schema驱动表单渲染，配合自定义校验规则，实现了复杂表单的高效开发。
难点二（移动端适配） ：React Native在不同机型上的UI兼容性问题。解决方案：使用flexible布局 + 自定义尺寸适配函数，针对刘海屏、异形屏做特殊处理，保证视觉一致性。
难点三（首屏加载慢） ：PC后台首屏加载时间较长。解决方案：通过路由懒加载、代码分割、CDN资源缓存等优化手段，将首屏加载时间降低了约40%。
架构亮点：
采用前后端分离架构，前端通过RESTful API与后端通信，职责清晰。
PC端基于Ant Design进行二次组件封装，形成符合业务规范的自有组件库，大幅减少重复开发。
移动端使用React Native实现跨平台开发，一套代码同时覆盖iOS和Android，节省了人力成本。
设计了统一的请求管理层，通过Axios拦截器统一处理Token注入、错误码映射和接口超时重试，提升了接口调用的健壮性。
评论