1、项目框架基于vue .js搭建,视图使用element-
ui , less,引入pdfjs管理合同文件。
2、项目分为登录,左边公共导航栏,api ,公共组件,配合vuex对公共数据管理
,入登录模块对用户信息,用户操作权限。
3、登录模块,首先在axios拦截机interceptors配置headers配置后台需要携带的字段(token),设置路由守卫判断 用户是否非法输入url ,根据用户点击登录调用登录接口获取的token判断。
4、左边导航栏是根据前端定义的路由模块,会存到数据库中,当用户登录成功后后台会根据当前token判断用户属于 哪个,通过接口返回给前端。左边导航则是动态展示不同导航内容。
5、api接口,后台定义的接口,会根据不同的模块封装,比如用户模块,登录模块等。有利于后期接口联调维护。这 边我使用了axios请求接口,会用promise封装一遍axios ,在ie兼容,会引入babel-promise-polyfill。
6、公共组件会提取出来,减少代码量,也能加快开发效率。
点击空白处退出提示
评论