springboot+vue前后端分离的个人博客系统.zip

# xiong-blog博客 xiong-blog是基于springboot+vue的前后端分离的博客系统，包括如下几个部分服务端（提供API服务）xiong-blog-server，后台管理界面xiong-blog-backend，前台界面xiong-blog-front。 ## 后台blog-end https://github.com/BFD2018/xiong-blog-backend **编译运行** Project setup ``` npm install ``` Compiles and hot-reloads for development ``` npm run serve ``` Compiles and minifies for production ``` npm run build ``` ### 功能&技术栈 - [x] 博客分类展示 - [x] 博客二级评论功能 - [x] 留言功能 - [x] 在线预览 - [x] kkfileView实现文件预览 - [x] 博客文章（dialog弹窗---mavon-editor展示博客内容） - [x] Vue2.6 - [x] element-ui - [x] mavon-editor实现markdown格式文档 ### 效果 #### 登录页  #### dashboard页   #### 写博客  #### 文章管理  #### 分类专栏  #### 标签管理  #### 评论管理  #### 友链管理  点击友链地址预览  #### 用户列表  #### 新增用户  #### 测试模块 vue-aplayer  v-emoji-picker  kkfileView文件预览   ## 前台blog-front https://github.com/BFD2018/-xiong-blog-front ### 技术栈 ```js "dependencies": { "axios": "^0.21.1", "core-js": "^3.6.5", "element-ui": "^2.15.1", "highlight.js": "^11.3.1", "hover.css": "^2.3.2", "js-base64": "^3.7.2", "less-loader": "^6.0.0", "mavon-editor": "^2.9.1", "moment": "^2.29.1", "qs": "^6.10.1", "v-emoji-picker": "^2.3.3", "vue": "^2.6.11", "vue-aplayer": "^1.6.1", "vue-echarts": "^6.0.0", "vue-particles": "^1.0.9", "vue-router": "^3.2.0", "vuex": "^3.4.0", "wangeditor": "^4.7.10" }, "devDependencies": { "@vue/cli-plugin-babel": "~4.5.0", "@vue/cli-plugin-router": "~4.5.0", "@vue/cli-plugin-vuex": "~4.5.0", "@vue/cli-service": "~4.5.0", "@vue/composition-api": "^1.4.0", "less": "^4.1.1", "vue-template-compiler": "^2.6.11" } ``` ### 效果 #### 登录页  #### 博客列表页  #### 分类专栏  #### 文章标签  #### 留言板  #### 友链  #### 关于我  #### 个人网盘  ## 服务端springboot-server ### 配置 - 数据库 > 运行 xiong-blog.sql 脚本，创建数据库 xiong-blog > >  - 阿里云OSS对象存储配置  - [kkFileView](https://kkview.cn/zh-cn/index.html) > kkFileView为文件文档在线预览解决方案 ### 技术栈 - [x] springboot - [x] mybatis-plus - [x] pageHelper分页 - [x] shiro权限控制 - [x] 自定义用户名密码登录realm - [x] 自定义邮箱登录realm - [x] 根据认证后获取的principals，给用户对象授权 - [x] fastjson - [x] easy-captcha - [x] hutool - [x] 发邮件（需要依赖spring-boot-starter-mail） - [x] jieba分词 - [x] kumo词云 - [x] springboot+redis缓存 - [x] 图片上传 ### 项目结构  ### 功能说明 #### 分页功能 返回的`IPage<>`对象包括 records、total、size、current、pages  #### 发送邮件 https://blog.csdn.net/qq355972697/article/details/114637374 导入依赖 ```xml <dependency> <groupId>cn.hutool</groupId> <artifactId>hutool-all</artifactId> <version>5.7.11</version> </dependency> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-mail</artifactId> <version>2.6.3</version> </dependency> ``` #### Shiro权限控制 #### Redis缓存 > 未实现