[前端项目]vue+springcloud的博客系统

368 阅读2分钟

Part1项目名称

《豆子前端博客系统》

Part2项目定位

  • 个人博客系统

  • 后台管理系统

  • 单点登录系统

  • 知识分享平台

Part3项目周期

2020-11 ~ 至今

系统基本稳定,但仍在改进和维护

Part4项目介绍

  • 《豆子前端博客系统》是我本人个人经过课程学习后开发和使用的博客系统。

  • 前端模块包括:博客模块(评论、点赞、浏览数)、问答模块、归档模块(类别和标签)、壁纸分享模块、自我介绍模块

  • 后台管理模块包括:博客管理(文章、分类、标签增删查改)、轮播图管理、系统管理(用户管理、角色管理、菜单管理)

  • 单点登录:登录成功后,在统一的二级域名的cookies将部分用户信息和refreshToken和accessToken存储起来。

  • 后端:基于springcloud+docker应用容器搭建的后台restful接口服务。

1项目在线地址

多说无益,还是劳烦大家直接在线上看项目吧!

更新:服务器没钱付费啦!所以网站暂时停掉了

博客:blog.douziqianduan.icu/

后台管理:admin.douziqianduan.icu/

单点登录:login.douziqianduan.icu/

api统一接口:api.douziqianduan.icu/

nacos:http://106.13.13.79:8848/nacos/index.html

2技术栈

  • 架构:前后端分离

  • 开发IDE:Inteillj、Webstorm

前端部分

  • 博客系统:vue2.6 + nuxt2.0(服务端渲染)+ element-ui2.13(UI框架)+ mavon-editor(md编辑)+ axios(网络请求)+ vuex

  • 后台管理系统:vue2.6  + vue-admin-template(二次开发) + axios(网络请求)+ vuex

  • 单点登录系统:vue2.6 + axios(网络请求)+ vuex

  • 测试模拟数据:EasyMock

  • ......

后端部分

  • 语言:jdk9

  • 依赖管理:maven3.6

  • 框架:Spring Boot2.3.2 + Spring Cloud

  • 配置管理&注册中心:Alibaba nacos1.41

  • 认证技术:Spring Security OAuth2 + jwt

  • 服务网关:Spring Cloud Gateway

  • 服务调用:Spring Cloud Feign

  • 缓存数据库:redis5.0

  • 数据库:mysql5.7

  • 数据库连接池:druid

  • 接口文档:swagger-ui

  • 对象存储:阿里云对象存储OSS

  • 部署:docker容器技术

  • ......

Part5项目仓库地址

Part6部分项目截图

3个人博客

图片

image-20210414155735678

图片

image-20210414155851869

4后台管理

图片

image-20210414194608965

图片

image-20210414195212715

5单点登录

图片

image-20210414160112088

6运行、部署

图片

image-20210414194240999

图片

image-20210414194409962

7swagger文档

图片

image-20210414212306427

本文使用 文章同步助手 同步

image.png