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

• 前端项目名为：interest-web
• 后端项目名为：interest-server

• 项目展示地址为我的网站：http://www.lovemtt.com/（服务器配置低，首次加载会有点慢，登录请用github第三方登录。）

  1. 数据库设计（mysql）
     
     • 用户表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/interest/tree/master/interest-server/src/main/resources/createTable
  2. 前端设计（vue）
     主要是使用ivew组件设计页面，vue-quill-editor富文本编辑器，vue-router页面跳转，axios通信，webpack打包，详情见https://github.com/smallsnail-wh/interest/tree/master/interest-web。
  3. 后端设计（spring boot）
     主要是spring boot+mybatis+spring security+spring security OAuth2。详情见https://github.com/smallsnail-wh/interest/tree/master/interest-server
  4. 前后端安全协议遵循oauth2。

和我上个开源项目对比：

（我的上一个项目博客：https://blog.csdn.net/smollsnail/article/details/79025689）

1. 新增了一个前端展示页面。
2. 增加了github的第三方登录。
3. 后台管理系统，加了内容管理。

下面是主要功能截图:

首页

详情

帖子详情

登录

用户管理

菜单管理

角色管理

轮播管理

兴趣管理-新建

兴趣管理-修改

兴趣管理-删除

发帖管理

邮件管理