数据绑定页面表格

绑定数据
页面:
构建好视图→
在这里插入图片描述
引入layui插件→
在这里插入图片描述

声明全局变量: layer和layertable(一个是提示框,一个是表格)就是等下要用的东西 在这里插入图片描述
开始预加载就是我们要用的layer和layertab →开始预加载就要用到属性use([‘a’,‘n’],b)a:你要用到的内置模块例如 layer 弹出层 。n:任意模块。b:回调函数。→
在这里插入图片描述
为全局变量获取下内置模块→设置下表单的属性比如要绑定的(elem)表格id,url(方法路径),data: [](数据直接赋值),
cols: [[]](设置表头):表头参数{title: ‘’(字段名或数据名称), field: ‘’(数据来源必须和控制器字段保持一致),type:’’(设定列类型,一般为单选框或者复选框) }(这些都是常用的剩下的样式还有样式布局隐藏列等)然后设置page:{limit:(每页条数int),limits:[每页条数选项]}分页→
在这里插入图片描述
这样页面就完成了。

控制器:
声明一个方法→

查询数据不需要传递别的参数所以我们只要分页参数LayuiTablePage 记得引用→实例化实体模型→

开始时声明变量接受表格数据然后用from关键字开始→
var TabAchievement = tbAchievement in myModel.PW_Achievement
tbAchievement in myModel.PW_Achievement 找到myModel 中的表PW_Achievement
命名为tbAchievement
(如果要查询的数据涉及多张表就要用连表查询join 1 in 2 on 3 equals 4
Join 1 in 2 on tbAchievement.EligibleTypeID equals tbEligibleType.EligibleTypeID
1 n 2:同上in
on 3 equals 4 on 可以理解为3 4的连接关系都是用主键ID与外键ID相接
equals 相等左边是3的外键id右边是4的主键id)
→当所有表都连接就开始查询出自己需要的字段
select new n(自定义类:EntityClass){ }
自定义类可以不写出来但一定要有这个类,且它定义你要查询的所有字段
示例:public int TotalNumber { get; set; }//总人数 声明+数据类型+数据命名+{ get; set; }
然后在{}中给自定义类中的字段赋值是什么表中的数据就用什么表连接起来
Class = tbClass.ClassName,
ExamNumber = tbAchievement.ExamNumber,
→找到了需要的数据后可以ToList()把我们查询的数据创建成一张表用于返回和分页
→开始分页
int totals = listAchiement.Count()返回数据数量
List<AchievementInfor(包含我们查询出的数据的表)> liAchievementInfor =
listAchiement(查询数据后创建出的表).OrderByDescending(倒叙排序)(m => m.Achievement)
.Skip(跳过指定数量的元素返回剩下的)(layuiTablePage.GetStartIndex(分页开始)())
.Take(获取连续的数量的数据)(layuiTablePage.limit(每页数量)).ToList();
(跳过和分页开始序号同量的元素然后显示和每页数量同量相等的元素)
LayuiTableData layuiTableData = new LayuiTableData();
分页也是自定义类包含:总行数int(数据类型) 数据(数据类型)List
和可不设置的 数据状态码int 和 状态信息string
layuiTableData.count = totals;
layuiTableData.data = liAchievementInfor;
给总行数和数据赋值后就可以返回数据了
return Json(返回的方式)这里的数据是列表就用json返回
(layuiTableData(要返回的数据), JsonRequestBehavior.AllowGet(允许获取数据));
→最后在页面写上控制器的路径就可以获取到返回的数据了

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值