- 功能例图
- E-R图
- 界面
- 代码分析
1.项目是springboot+vue的项目，后端运用springboot框架，数据库框架用的是mybatis框架，管理工具用的maven。并运用jwt实现安全可靠的单点登录功能。前端运用vue2框架，用axios进行前后端网络交互请求数据。
2.目录结构，分为controller层，config配置文件包，sevice层，enetiy实体类层，mapper层，utils工具类包。前端分为router路由配置模块，view主页面模块，components组件模块，store的Vuex模块，以及api请求axios配置和请求接口的包。
3.配置文件有配置的swagger文档，配置swaager方便后期接口的调试。
4.配置的jwt，自己编写jwt工具包，用于后端生成token和验证token的时效性。在里面继承HandlerInterceper实现对请求的验证拦截，获取请求头中是否有token请求头，决定给客户端返回什么状态码和消息。并在里面书写对token的拦截配置，拦截除了登录注册和swagger请求之外的请求。
5.客户端配置axios，并对axios进行get，post，delete方法的封装，并且配置请求拦截和响应拦截，请求拦截配置请求时从localstorage里面获取token，并且在每次请求时都将token带上，供后端去拦截验证。响应时，判断后端返回的验证状态码，进行相应的提示。并在router.js文件中配置路由守卫，每次访问非登录注册页面都需要对路由进行验证，检查是否可以获取token，然后决定是否允许访问该路由。
6.配置前后端的跨域问题，由于前后端不是一个端口，所以导致请求跨域的问题，需要进行配置。在后端建立CORSFilter文件，是基于实现Filter接口的配置，判断允许跨域访问后在 Response 头信息中添加 Access-Control-Allow-Origin、Access-Control-Allow-Method等字段信息。
7.后端代码就是在controller里面书写需要前端调用接口和所需要的参数。在sevice层里面写业务逻辑代码。在mapper层写需要调用mybatis接口的方法。在mapper文件夹下的xml里面写操作数据库的sql。