技术栈:Vue(v2.6.10)+ HTTP +VueRouter(v3.0.2)+ Vuex(v3.1.0)+ Element-UI (v2.2.10) + Echarts(v4.2.1)
项目描述:
该项目为安徽机电和安徽商贸两大高校的PC端,分为首页大图 ecahrs ,学生部落管理,学生活动管理、教师审批和管理员等。方便教师和校长看到学生参加哪些些部落和活动(参与活动能获得学分),方便校长、老师、学生能够清晰的看到学分排名情况。
技术总结:
1、页面访问采用全局 http 拦截器权限控制,另外动态生成侧边栏权限菜单;
2、开发前期使用 Mock 模拟后台接口数据,使用 Echarts 将数据进行可视化;
3、对 elementUI 进行全局样式修改,支持自定义主题色;
4、使用 Vuex 对业务流程状态统一进行管理;
5、通过在菜单设置中设置 access 以及 useAccess 让用户在不同页面显示不同的信息。
点击空白处退出提示












评论