前后端分离简单项目--蚂蚁博客--简介

原文网址：前后端分离简单项目--蚂蚁博客--简介_IT利刃出鞘的博客-CSDN博客

简介

说明

        本文介绍我从0开发的前后端分离的简单项目--蚂蚁博客。

        本项目是一个全栈项目，使用主流、前沿的技术栈开发，项目虽小，五脏俱全。

        本项目对以下伙伴都会有帮助：

1. Java后端伙伴：想入门前端，但缺少实战经验
   1. 前端部分使用的是主流技术：Vue、Element-Ui，前端部分也是小而实用
2. Java后端伙伴：想熟悉整体项目，如：登录登出接口的写法、快速开发的方法、代码结构的合理划分方法
   1. 登录登出基本是所有项目必需的功能，掌握它很重要
   2. 本项目开发效率巨高：使用MyBatis-Plus，使用MyBatis-Plus的代码生成工具
   3. 本项目代码结构很合理
      1. 代码按模块化划分，结构清晰，一目了然
3. 前端伙伴：有一些前端基础，但缺少实战经验和联调经验
   1. 前端伙伴可以将前后端项目运行起来，然后看实际后端是如何返回数据的
4. 前端伙伴：想入门Java后端，但缺少实战经验

项目详解

后端部分：前后端分离简单项目--蚂蚁博客--后端部分_IT利刃出鞘的博客-CSDN博客

前端部分：前后端分离简单项目--蚂蚁博客--前端部分_IT利刃出鞘的博客-CSDN博客

项目源码

gitee地址：https://gitee.com/knifeedge/ant_blog

项目简介

功能

• 用户
  • 用户列表
  • 注册
  • 登录
  • 退出
• 博客
  • 博客列表
  • 浏览
  • 发表
  • 编辑
  • 删除

技术栈

前后端分离。后端采用SpringBoot，前端采用Vue。

后端

1. SpringBoot（spring-boot-starter-parent:2.4.2）
2. MyBatis-Plus（mybatis-plus-boot-starter:3.4.3.1）
3. MySQL（8.0.21）
4. Shiro（shiro-redis-spring-boot-starter:3.3.1）
5. JWT（java-jwt:3.18.1）
6. knife4j（swagger的升级版）（knife4j-spring-boot-starter:3.0.3）
7. hutool（hutool-all:5.5.7）
8. lombok（lombok（版本由spring-boot-starter-parent指定））

前端

1. vue（^2.6.11）
2. vue-router（^3.2.0）
3. vuex（^3.4.0）
4. element-uI（^2.15.0）
5. github-markdown-css（^4.0.0）
6. markdown-it（^12.0.4）
7. mavon-editor（^2.9.1）

效果展示

首页（博主列表）

登录页

博客列表（本人）

博客列表（他人）

博客详情（本人）

博客详情（他人）

博客编辑