ssm 框架实现增删改查CRUD操作(Spring + SpringMVC + Mybatis 实现增删改查)

SpringBoot 项目整合

一、项目准备

1.1 ssm 框架环境搭建

博客地址:ssm项目框架搭建


1.2 项目结构图如下

在这里插入图片描述

1.3 数据表结构图如下

在这里插入图片描述

CREATE TABLE `department` (
  `id` bigint(20) NOT NULL AUTO_INCREMENT,
  `name` varchar(255) DEFAULT NULL,
  `sn` varchar(255) DEFAULT NULL,
  PRIMARY KEY (`id`) USING BTREE
) ENGINE=InnoDB AUTO_INCREMENT=13 DEFAULT CHARSET=utf8 ROW_FORMAT=DYNAMIC;

1.4 运行结果

在这里插入图片描述


二、项目实现

1. EmployeeController 控制器

package com.yy.homework.web.controller;

import com.github.pagehelper.PageInfo;
import com.yy.homework.anno.RequiredPermission;
import com.yy.homework.domain.Department;
import com.yy.homework.qo.DepartmentPageObject;
import com.yy.homework.service.IDepartmentService;
import com.yy.homework.service.IDepartmentService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.ModelAttribute;
import org.springframework.web.bind.annotation.RequestMapping;

@Controller
@RequestMapping("/department")
public class DepartmentController {
   
    @Autowired
    private IDepartmentService departmentService;

    @RequestMapping("/list")
    @RequiredPermission(name = "部门查询", expression = "department:list")
    public String selectAll(Model model, @ModelAttribute("qo")DepartmentPageObject qo) {
   
    	// Mybatis分页插件 PageHelper
    	//qo:页面模糊查询传入的值和分页查询传入的当前页和每页条数分装成 DepartmentPageObject 对象
        PageInfo<Department> pageInfo = departmentService.selectForList(qo);
        model.addAttribute("pageInfo", pageInfo);
        return "department/list";
    }

    @RequestMapping("/input")
    @RequiredPermission(name = "部门新增或修改", expression = "department:saveOrUpdate")
    public String input(Department department, Model model) {
   
        if (department.getId() != null) {
   
            Department e = departmentService.selectById(department.getId());
            model.addAttribute("department", e);
        }
        return "department/input";
    }

    @RequestMapping("/saveOrUpdate")
    @RequiredPermission(name = "部门新增或修改", expression = "department:saveOrUpdate")
    public String saveOrUpdate(Department department) {
   
        if (department.getId() != null) {
   
            departmentService.update(department);
        } else {
   
            departmentService.insert(department);
        }
        return "redirect:/department/list";
    }

    @RequestMapping("/delete")
    @RequiredPermission(name = "部门删除", expression = "department:delete")
    public String delete
  • 0
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
SSM Vue 增删改查CRUD)是指使用 SSMSpring+SpringMVC+MyBatis)作为后端技术框架,使用 Vue.js 作为前端框架实现数据的增加、删除、修改和查询。 首先,我们需要在后端使用 Spring 框架来处理前端请求。通过编写 Controller 类来接收前端的请求,并调用 Service 层进行业务处理。在 Service 层,我们可以调用 MyBatis 框架来与数据库进行交互,实现数据的增删改查。 在前端,我们可以使用 Vue.js 来实现页面的渲染和与用户的交互。通过组件化的方式,将页面划分为多个模块,每个模块对应一个 Vue 组件。在每个组件中,我们可以使用 Vue 的指令和事件绑定来实现用户与页面的交互,包括数据的展示和表单的提交。 对于数据的增加操作,我们可以在前端通过表单提交用户输入的数据,后端接收到请求后调用 Service 层的方法来处理数据的插入操作。 对于数据的删除操作,我们可以在前端通过按钮点击事件触发删除操作,后端接收到请求后调用 Service 层的方法来处理数据的删除操作。 对于数据的修改操作,我们可以在前端通过表单提交用户输入的数据,后端接收到请求后调用 Service 层的方法来处理数据的更新操作。 对于数据的查询操作,我们可以在前端通过输入查询条件,后端接收到请求后调用 Service 层的方法来处理数据的查询操作,并将结果返回给前端进行展示。 通过以上的步骤,我们就可以使用 SSM Vue 框架实现数据的增删改查操作,同时提供良好的用户交互和用户体验。这种结合后端和前端技术的方式可以有效提高开发效率和系统性能。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值