(一)学前管理系统(pc)
项目描述: 该项目是为XX区教育局提供的学前信息管理系统,通过该系统可以对XX区所有园区的管理员、
教师和幼儿完成统一的考勤管理和日常工作任务的安排。
负责模块:独立完成整个项目的前端页面开发(项目搭建、组件封装及项目优化)
主要技术:
1、项目使用vue脚手架(vue-cli)进行架构,用element-ui框架和scss进行页面排版布局;
2、对axios进行封装,统一get、post请求,便于统一管理后台请求接口;
3、通过router-beforeEach设置导航守卫,通过token判断是否有登录过,从而进行页面拦截;
4、页面每次发送请求时,设置axios request请求拦截器给每个请求自动添加token,通过axios response响应拦截器,处理token失效问题;
5、通过自适应布局+ECharts完成首页可视化大屏,主要分为数据展示、图表展示和地图展示。
(二)在线学习小程序、APP(家长端+教师端)
项目描述:该项目主要是用于记录学生成长记录、日常考勤和活动报名的一个小程序,主要采用HBuilder+uni-app开发。
负责模块:独立完成项目的前端页面开发
主要技术:
1、封装自定义顶部导航栏以及项目内的常用组件,封装请求接口;
2、成长记录模块实现成长记录发布、点赞、评论等功能;
3、监听上拉触底事件onReachBottom( )函数实现学生成长记录列表的上拉加载、图⽚懒加载、
loading等效果。
4、配合设计师和后端开发人员完成页面功能的调试及修改。
(三)XX区早教微信公众号(家长端+教师端)
项目描述:XX学前公众号是为奉贤区早教幼儿家长提供的一套便于家校沟通的平台,项目开发技术采用
Vue+vant。
负责模块:独立完成项目的前端页面开发
主要技术:
使用rem进⾏页⾯布局,⽤postcss-pxtorem插件转换px,font-size采⽤PX,⼩屏采⽤px*2。
2、幼儿活动统计页中, ⽤ECharts插件,实现数据可视化,展示活动的报名率和参加率。
3、从育儿资讯列表跳转详情页时,使用keep-alive缓存页面,避免返回列表页时重新渲染页面。
4、使用ES6的improt( )函数,给不同组件指定相同的webpackChunkName,实现按需加载。