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

前言

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

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

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

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

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

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

1.后台管理系统

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

2.后台页面

采用vue-element-admin框架

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

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

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

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

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

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

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

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

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

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

3.前台页面

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

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

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

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

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

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

使用手机号注册账号

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

登录后显示这几个按钮

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

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

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

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

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

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

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

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

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

友链贼丑

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

相关文章:

  • 2022-12-23
  • 2022-01-20
  • 2021-05-13
  • 2021-06-01
  • 2022-01-18
  • 2022-01-09
  • 2021-07-30
  • 2021-05-24
猜你喜欢
  • 2022-12-23
  • 2021-07-02
  • 2021-11-13
  • 2021-09-19
  • 2022-01-06
  • 2022-01-02
  • 2021-09-07
相关资源
相似解决方案