前后端分离系列 -- SpringBoot + Vue ElementUI Transfer（穿梭框）组件实现班级学生管理系统 -- 班级模块学生的添加与移除 Transfer不过如此

<el-button type=“primary” size=“mini” @click=“clkBtnSave”>确定

<el-button type=“warning” size=“mini” @click=“showClassIsDiglog = false”>取消

<el-dialog

title=“管理学生”

:visible.sync=“managerStudentDiglog”

width=“width”>

<el-transfer

:titles=“transferTitle”

v-model=“currentStudents”

:data=“generateData”

filter-placeholder=“请输入学生姓名”

filterable

@left-check-change=“leftCheck”

@change=“handleChange”>

<el-button type=“primary” size=“mini” @click=“clkBtnSaveStudent”>确 定

<el-button size=“mini” @click=“managerStudentDiglog = false”>取 消

后端源码

---

班级类的增删改查代码不就不贴了，过于简单，只贴班级学生相关的类了哈，如果需要源码的，可在下方获取

ClassesStudentController班级学生接口

package com.wanshi.controller;

import com.wanshi.bean.ClassesStudent;

import com.wanshi.bean.ResultBean;

import com.wanshi.bean.Student;

import com.wanshi.mapper.StudentMapper;

import com.wanshi.service.ClassesStudentService;

import org.springframework.beans.factory.annotation.Autowired;

import org.springframework.web.bind.annotation.*;

import java.util.List;

@RestController

@CrossOrigin

@RequestMapping(“/classes_student”)

public class ClassesStudentController {

@Autowired

private ClassesStudentService classesStudentService;

/**

• 切换学生班级

• @param param

• @return

*/