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、公共组件会提取出来，减少代码量，也能加快开发效率。