SpringCloud+Vue微服务博客式的论坛

前言

我又来发博客了,慢慢悠悠的,我还是在暑假开学之前完成了这个项目,-_-,vue-element-admin框架的后台登录好麻烦啊,应该后面我会加个spring security oauth2认证,我还没学会。现在还只是使用暴力登录法。等我下次想继续做了再说。

后续

又是几个月,看了springsecurity oauth2的课程,想修改后台登录,但发现并没有用上,不过还是实现了后台用密码登录,并且已经上传了代码

下载地址和文件全部
码云地址
如果有什么不会的,或者什么bug,可以加我QQ:616365750。希望可以给个satr

violet 是后台管理
violet-admin 后台页面
violet-admin-front 前台页面
nacos和redis 也放这里了

0.采用了前后端分离的微服务架构

mybatis_plus 减少代码使用
redis 短信注册保存验证码,轮播图存储
gateway 解决跨域问题
nacos 服务注册
jtw+token 验证
result 风格
阿里云OSS存储图片
阿里云短信验证服务
echarts 图表功能
后台 使用tinymce 富文本编辑器 发布公告
前台使用 quill 富文本编辑器 发布博客
等等

1.后台管理系统

violet-oss和violet-msm两个用到了阿里云服务,那里需要你的阿里云的密钥

2.后台页面

采用vue-element-admin框架

看到这些图我才发现都是课程列表,这里忘记修改了,其实有些是用户列表、友链列表那些。而且这些有设置逻辑删除。

这里使用echarts 图表功能,忽略学员这两个字,把学员看成用户,我忘记改了

3.前台页面

前台采用vue的nuxt框架
轮播图中第一张点击是分类,然后标签,这样。使用的动态路由

博客列表每次显示八个,这是我借用别人的页面,我写不好看。css也是直接借用了。

这里是博客和评论功能,啊这,虽然丑了点,但内容那里可以添加图片,设计格式,评论添加。功能没什么大问题

使用手机号注册账号

登录后显示这几个按钮

登录后可以写博客,而且每次可以给博客上传图片

点击标签,显示这个标签的博客

这里是公告了,使用element-ui的时间线

关于页面,我就随便找的内容放上去

友链贼丑