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

最新推荐文章于 2024-11-02 23:10:27 发布

原创最新推荐文章于 2024-11-02 23:10:27 发布 · 9.1k 阅读

97 ·

CC 4.0 BY-SA版权

文章标签：

#java #vue

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

该文章已生成可运行项目，

多表联查

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

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