xiong-blog博客

xiong-blog是基于springboot+vue的前后端分离的博客系统，包括如下几个部分服务端（提供API服务）xiong-blog-server，后台管理界面xiong-blog-backend，前台界面xiong-blog-front。

后台xiong-blog-backend

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

功能&技术栈

• 博客分类展示
• 博客二级评论功能
• 留言功能
• 在线预览
  • kkfileView实现文件预览
  • 博客文章（dialog弹窗---mavon-editor展示博客内容）
• Vue2.6
• element-ui
• mavon-editor实现markdown格式文档
• [x]

效果

登录页

dashboard页

写博客

文章管理

分类专栏

标签管理

评论管理

友链管理

点击友链地址预览

用户列表

新增用户

测试模块

vue-aplayer

v-emoji-picker

kkfileView文件预览

前台xiong-blog-front

https://github.com/BFD2018/-xiong-blog-front

技术栈

"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"
  }

效果

登录页

博客列表页

分类专栏

文章标签

留言板

友链

关于我

个人网盘

服务端xiong-blog-server

https://github.com/BFD2018/springboot-blog

技术栈：

• springboot
• mybatis-plus
• pageHelper分页
• shiro权限控制
• fastjson
• easy-captcha
• hutool
• jieba分词
• kumo词云
• springboot+redis缓存
• 图片上传

项目结构

分页

返回的IPage<>对象包括 records、total、size、current、pages