springboot + vue 后端多表联查(一对多)前端多表联动

1.多表联查

1)后端:实体类:增加VO实体类继承

2)mapper中xml文件,resultMap映射更改,sql语句更改:

3)前端user.vue文件更改:

2.多表联动

1)后端查询多行数据注意不要写分页,不要有传参:

2)前端userMG.js路径加入:

3)前端user.vue导入路径,添加数组:

4)编辑添加函数中添加:

5)编辑添加展示更改:

  • 13
    点赞
  • 16
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Spring BootVue.js是两个独立的技术,分别用于后端前端开发。在多表联查方面,Spring Boot可以作为后端框架来处理数据库查询逻辑,而Vue.js可以作为前端框架来展示查询结果。 在Spring Boot中,可以使用ORM框架如Hibernate或MyBatis来处理数据库操作。多表联查可以通过编写SQL语句或使用框架提供的查询方法来实现。具体步骤如下: 1. 定义实体类:根据数据库表结构,创建对应的Java实体类,并使用注解标记实体类与数据库表的映射关系。 2. 编写Repository接口:创建一个继承自Spring Data JPA的Repository接口,并定义查询方法。 3. 编写Service层:创建一个Service类,注入Repository接口,并在Service类中编写业务逻辑。 4. 编写Controller层:创建一个Controller类,注入Service类,并定义接口方法,用于处理前端请求。 在Vue.js中,可以使用Axios库来发送HTTP请求,获取后端数据,并使用Vue组件来展示查询结果。具体步骤如下: 1. 创建Vue组件:根据页面需求,创建Vue组件,并在组件中定义数据和方法。 2. 发送HTTP请求:使用Axios库发送HTTP请求到后端接口,获取查询结果。 3. 处理查询结果:在Vue组件中处理后端返回的数据,将数据展示在页面上。 以上是简单的介绍,如果你有具体的多表联查需求,可以提供更详细的信息,我可以给出更具体的解决方案。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值