若依前后端分离项目下拉框的实现和多表联查

多表联查

在代码生成里生成一张表的增删改查

1.在domain中添加字段
在这里插入图片描述

2.在mapper中写接口
在这里插入图片描述

3.在mapper.xml里写SQL语句,查询对应id所对应的数据
在这里插入图片描述

4.service中不用添加,在serviceImpl里实现mapper对应的接口,在查询方法里一起查询出来
在这里插入图片描述

5.controller中不需要重写,保持原来生成的即可
在这里插入图片描述

6.修改前端页面,在查询的表单中添加需要显示内容即可
在这里插入图片描述

添加和修改改为下拉框

这里是没有查数据库的,直接在页面渲染上的
在这里插入图片描述

2.如下所示,在date里添加要显示下拉框的内容,可以修改testType的内容来修改页面显示的值

export default {
  name: "Member",
  data() {
    return {
	//部门id
      testType:[
        { id: 1, value: "信息部" },
        { id: 2, value: "管理部" },
        { id: 3, value: "技术部" },
        { id: 4, value: "开发部" },
        { id: 5, value: "运维部" },
      ],
    };
  },
}

版权声明:本文为zxcvbnmwad原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。