多表查询

多表查询

多表查询指用一张父表来连接多张子表来进行查询。
这些表它们的关系是由父表主键与子表主键相连,父表中有子表中的主键ID(在父表我们把子表的主键叫做外键),由此父表可以通过外键连接在查询的子表。
现在我查询一下我将在要在网页上显示的数据。查询完成后如图:
在这里插入图片描述
这是我将数据查询出来之后用layui来进行渲染,之后就通过网页来显示我所查询出的数据,
连接代码如下:
在这里插入图片描述
查询中,我是通过一张客户明细表来进行查询的,我通过明细表中的客户ID查询到了我们的客户信息,如:客户名称,客户号码,客户地址……… 明细表中还一个收入ID我们也通过这个外键查询到我们客户的收入信息,在客户明细表中是没有客户类型ID的,但是我们可以用客户信息表去连接我们的客户类型表,因为在我们的客户信息中有类型表的外键。
查询的经理也一样,通过区域表中的经理ID来查询到它。
查询数据如下:
在这里插入图片描述
Clientele是我创建的一个实体类,现在我们将查询到的数据放到实体类中,用实体类来包装我们的数据,
实体类可以自定义我们想要查询的数据名,例如:
在这里插入图片描述
查询好的数据,我们要获取它的总行数。用自己构造的实体类来接收列表,代码如图:
在这里插入图片描述
现在我们要写一个JS文本,将我们查询到的数据用layui这个插件来输出。
在HTML文件中我们在引用layui的CSS文件和JS文件,然后才开始写代码,无论是引用哪种插件,我们都先引用jquery这个库。jQuery是一个轻量级的"写的少,做的多"的JavaScript库。在写js代码中可以帮助我们做很多事件,
Js代码如下:
在这里插入图片描述
Layui.use([‘table’],[‘layer’],)表示我们加载layui的内置模块。
在cols中field表示我们查询的值,也就是实体类中定义的名称。
Page表示使用分页,limit为10行,而limits中表示可以以5行,10行,20行,30行来显示我们的数据。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值