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

最新推荐文章于 2025-06-19 11:50:48 发布

拧螺丝的舒克

最新推荐文章于 2025-06-19 11:50:48 发布

阅读量8.8k

点赞数 6

CC 4.0 BY-SA版权

文章标签： java vue

本文链接：https://blog.csdn.net/zxcvbnmwad/article/details/128000265

本文介绍如何在代码生成的环境下实现多表联查功能，并详细解释了从前端到后端各步骤的具体操作，包括在domain中添加字段、mapper接口及SQL语句的编写、service实现等，同时展示了如何在前端页面上通过下拉框形式展示查询结果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

多表联查

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

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: "运维部" },
      ],
    };
  },
}