文档章节

layui结合jfinal增删改查——列表显示

一个yuanbeth
 一个yuanbeth
发布于 2017/09/07 13:53
字数 474
阅读 69
收藏 2

1、列表显示

(1)在后台获取json数据,然后绑定到列表,如下所示:

 <table class="layui-table" lay-data="{height:313, url:'/user/userJson'}" lay-filter="user">
  <thead>
    <tr>
      <th lay-data="{checkbox:true, fixed: true}"></th>
      <th lay-data="{field:'id', width:80,  fixed: true}">ID</th>
      <th lay-data="{field:'user_name', width:110}">用户名</th>
      <th lay-data="{field:'email', width:110}">邮箱</th>
      <th lay-data="{field:'telephone', width:110}">手机号</th>
      <th lay-data="{field:'adress', width:110}">地址</th>
      <th lay-data="{field:'sex', width:110}">性别</th>
      <th lay-data="{field:'wealth', width:110}">角色</th>
      <th lay-data="{fixed: 'right', width:160, align:'center', toolbar: '#userBar'}"></th>
    </tr>
  </thead>
</table>
 < script type = "text/html" id = "userBar" >
     <a class = "layui-btn layui-btn-primary layui-btn-mini" lay - event = "detail" > 查看 <  / a >
     <a class = "layui-btn layui-btn-mini" lay - event = "edit" > 编辑 <  / a >
     <a class = "layui-btn layui-btn-danger layui-btn-mini" lay - event = "del" > 删除 <  / a >
     </script >
     < script >
    layui.use('table', function ()
    {
        var table = layui.table;
    });
</script >

这样就完成了基本的列表数据绑定,效果如下:

输入图片说明

(2)列表数据返回格式,注意格式要求,需要在现有接口数据基础上进行调整,格式如下:

{"code":0 状态,0表示成功
,"msg":"" 提示,一般非0时会显示在table中间区
,"count":1000 记录总数
,"data":[{"id":10000,"username":"user-0","sex":"女","city":"城市-0","sign":"签名-0","experience":255,"logins":24,"wealth":82830700,"classify":"作家","score":57},...}}

data起头就是具体的数据了。code msg count data 这些,你可以根据你后台接口进行调整,比如code改成result,在table中定义一下对照就行。

(3)所以在后台,我建了个Page类,以便规范返回格式。

// 数据列表
	private List<T> data;
	private int code;
	private String msg;
	private int count;
	
	public List<T> getData() {
		return data;
	}
	public void setData(List<T> data) {
		this.data = data;
	}
	public int getCode() {
		return code;
	}
	public void setCode(int code) {
		this.code = code;
	}
	public String getMsg() {
		return msg;
	}
	public void setMsg(String msg) {
		this.msg = msg;
	}
	public int getCount() {
		return count;
	}
	public void setCount(int count) {
		this.count = count;
	}
	public static long getSerialversionuid() {
		return serialVersionUID;
	}
	private static final long serialVersionUID = -7180359178518841827L;
}

(4)jfinal返回列表json数据:

	public void userJson(){
		List<User> userList = userService.getUserList();
		Page<User> page = new Page<User>();
		page.setCode(0);
		page.setCount(1000);
		page.setMsg("");
		page.setData(userList);
		renderJson(page);
	}

© 著作权归作者所有

共有 人打赏支持
一个yuanbeth
粉丝 81
博文 112
码字总数 68180
作品 0
深圳
程序员
私信 提问
2017-02-14

学习内容:Jfinal框架通过文档搭建成功,angular和Jfinal结合的框架项目学习 完成内容:邮箱签名任务,OSChina Team加入,安装环境 工作问题:Jfinal框架主要出现问题是JFinal.start("WebRo...

Full_Session
2017/02/14
1
1
分享一个自己写的JFinal的BaseController (2)

分享一个自己写的JFinal的BaseController (1) 经过@JFinal 的提示,改进了下BaseController ================================ 3月10号又有改进 分享一个自己写的JFinal的BaseController (3...

本人纯属虚构
2014/02/28
0
5
Eova 1.3 Oracle 兼容版,Java Web 快速开发平台

Eova的能量,超乎你的想象,说兼容Oracle就兼容Oracle! Q:EOVA 支持oracle数据库吗? A:Eova 1.3 已经兼容Oracle. Q:你好,请问EOVA支持sql server吗? A:JFinal2.0已支持slq server方言,...

Jieven
2015/07/14
4.3K
24
能否将Jfinal再简化一些?

@JFinal 你好,想跟你请教个问题:有一事请教,JFinal要对数据库中的每张表生成一个controler(或者是做成model),每个类几乎一模一样,又要为每张表做增删改查的界面,如果你有100张表就要...

hyhdl888
2015/03/19
1K
19
金钱管理软件 jfinal money 4.0 更简单了

更新说明: 由于许多人下载代码后,会反映CRUD封装可读性太差,这次对前台进行了全面重构。 把CRUD封装改为代码自动生成,这样对简单的增删改查仍然可以通过配置,而不写任何前台代码,并且项...

Fly的狐狸
2015/01/08
4.9K
35

没有更多内容

加载失败,请刷新页面

加载更多

CockroachDB

百度云上的CockroachDB 云数据库 帮助文档 > 产品文档 > CockroachDB 云数据库 > 产品描述 开源NewSQL – CockroachDB在百度内部的应用与实践 嘉宾演讲视频及PPT回顾:http://suo.im/5bnORh ...

miaojiangmin
22分钟前
0
0
I2C EEPROM驱动实例分析

上篇分析了Linux Kernel中的I2C驱动框架,本篇举一个具体的I2C设备驱动(eeprom)来对I2C设备驱动有个实际的认识。 s3c24xx系列集成了一个基于I2C的eeprom设备at24cxx系列。at24cxx系列芯片包...

yepanl
24分钟前
1
0
spring mvc拦截器,实现统计http请求的后台运行时间

使用两种方式,实现拦截http请求的后台运行时间。 废话不多说直接上代码 /** * Http请求时间统计 * 拦截所有请求 */public class HttpRquestTimeInterceptor extends HandlerIntercepto...

兜兜毛毛
41分钟前
2
0
设计模式之工厂模式

本篇博文主要翻译这篇文章: https://www.journaldev.com/1392/factory-design-pattern-in-java 由于翻译水平有限,自认为许多地方翻译不恰当,欢迎各位给出宝贵的建议,建议大家去阅读原文。...

firepation
57分钟前
4
0

中国龙-扬科
59分钟前
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部