目录

1. 前言

最近在学习如何使用前后端分离来进行开发,于是网上找了一篇博客参考了下,在他的基础上进行修改最终实现了这个前后端分离的效果。里面的一些技术细节我记录在了github上,下面写的只是一些详细介绍。

2. 技术需求

2.1 前端

  1. 开发工具:WebStorm
  2. 开发框架:vue + axios + elementUI
  3. 包管理工具: npm

2.2 后端

  1. 开发工具:IDEA
  2. 开发框架:springMVC + spring + mybatis
  3. 包管理工具:maven
  4. 数据库: MySQL

2.3 功能实现

  1. 增删改查(CRUD)
  2. 分页
  3. 批量删除
  4. 前后端分离

3. 实现方案

3.1 后端搭建框架

vue + ssm 前后端分离实战案例(超详细)_开发框架

3.2 前端框架展示

vue + ssm 前后端分离实战案例(超详细)_开发工具_02

4. 效果展示

4.1 首页

vue + ssm 前后端分离实战案例(超详细)_前后端分离_03

4.2 添加用户

vue + ssm 前后端分离实战案例(超详细)_前后端分离_04

4.3 编辑用户

vue + ssm 前后端分离实战案例(超详细)_开发工具_05

5. 代码获取


  1. 关注之后,然后后台回复:Github
  2. 记得给个Star

6. 参考文献

​1. Vue SSM搭建一个简单的Demo前后端分离含增删改查(CRUD)、分页、批量功能​