分享一个前后端分离的web项目（vue+spring boot）

Github地址：https://github.com/smallsnail-wh

• 前端项目名为wh-web
• 后端项目名为wh-server
• 项目展示地址为我的github pages（https://smallsnail-wh.github.io）用户名：admin，密码admin（第一次启动会比较慢）

项目建构简单介绍：

1. 数据库设计
   
   • 用户表sys_user：存储用户基本信息。
   • 角色表sys_role：存储不同的角色。
   • 菜单表sys_menu：存储菜单信息。
   • 用户和角色关系表r_user_role：存储用户和角色的关系。
     逻辑是sys_user表通过id关联r_user_role表得到对应的角色ids，再通过得到的角色ids关联sys_role表得到对应的菜单ids，然后通过菜单ids关联sys_menu表得到前端需要显示的菜单数据。
     表结构和表数据见https://github.com/smallsnail-wh/wh-server/tree/master/src/main/resources/createTable
2. 前端设计
   主要是使用ivew组件设计页面，vue-router页面跳转，axios通信，webpack打包，详情见https://github.com/smallsnail-wh/wh-web。
3. 后端设计
   主要是spring boot+mybatis+spring security+spring security OAuth2。详情见https://github.com/smallsnail-wh/wh-server

4. 前后端安全协议遵循oauth2。

   下面是主要功能截图:
   登陆
   

用户管理

角色配置

菜单管理

角色管理与角色权限配置

想看该项目升级版，请看https://blog.csdn.net/smollsnail/article/details/80993516