目录

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 后端搭建框架

在这里插入图片描述

3.2 前端框架展示

在这里插入图片描述

4. 效果展示

4.1 首页

在这里插入图片描述

4.2 添加用户

在这里插入图片描述

4.3 编辑用户

在这里插入图片描述

5. 代码获取

  1. 点击获取链接

  2. 关注之后，然后后台回复：Github

  3. 记得给个Star

6. 参考文献

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

Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue