数据表单

通过控制器在数据库中查询出来的数据

再把数据以表格的形式在页面展示.

那表格是如何把查询到的数据整理好的?

首先,把搭建好的表格样式绑定到表格中

而表格样式相当于数据表格的实体,

是装载数据的容器,没有表格的实体查询到的数据也就无法显示.

在这里插入图片描述

url是数据来源的接口,而employeeData就是数据的来源,

数据信息就是通过employeeData方法查询得到的,

在这里插入图片描述
cols: 设置该数据表格的表头信息的,
title: 设定标题名称
field: 绑定数据库对应的信息字段
hide: ture 隐藏列
把查询到的数据ID隐藏用于后台的排序使用。
align、width、align这些都是用来设置列的样式

在这里插入图片描述

实体表格的样式和所需的数据都准备好,

就要把查询到的数据信息按照对应的标题填入.

把对应的标题和数据信息字段放在同一个中括号内就可以完成绑定

field里的属性必须跟数据库里面的表字段名称一样

假如数据库中的表里面的字段过多

只需在绑定表头的时候选择需要的字段即可。

图下在页面展示已经完成好了的基本表格。
在这里插入图片描述
表头的标题和设置的分页是根据设定而组建成的,

而数据则是根据查询的方向而得到的。

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值