技术栈: Vue、Vuex、router、elementUI组件
主要功能模块一级目录为14个管理模块
主要功能涉及流程表单进行编辑、审核、预览、稿件拖动排序等功能,
前端系统架构:登录权限
· 登录:当user填写完账号和密码使用AES对称加密算法,后向服务端验证是否正确,验证通过之后,服务端会返回一个token,拿到token之后(我会将这个token存贮到cookie中,保证刷新页面后能记住登录状态),我会根据token再去拉取一个 user_info 的接口来获取user的详细信息(如user权限,user名等等信息)。
· 权限验证:通过token获取user对应的 role,动态根据user的 role 算出其对应有权限的路由,在全局钩子router.beforeEach中拦截路由,通过 router.addRoutes 动态挂载这些路由。axios拦截器通过request拦截器在每个请求头里面塞入token,好让后端对请求进行权限验证。并创建一个respone拦截器,当服务端返回特殊的状态码,我们统一做处理,如没权限或者token失效等操作。
详细表单例如