文档章节

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

一个yuanbeth
 一个yuanbeth
发布于 2017/09/07 13:53
字数 474
阅读 59
收藏 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
博文 105
码字总数 66576
作品 0
深圳
程序员
分享一个自己写的JFinal的BaseController (2)

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

本人纯属虚构
2014/02/28
0
5
基于 jfinal 的内容发布系统 - wxcms

项目介绍 wxcms 是一个内容发布系统。 一,使用的相关技术 (1)jfinal作为核心框架,感谢波总开源如此好用的框架 (2)使用shiro作权限控制 (3)整合了百度编辑器ueditor (4)使用mysql数...

风灬云
09/19
0
0
springrain vs jfianl的开发对比

废话不说,上实例 使用 jfinal最新版本 1.4 的 blog demo. 如果使用springrain 该怎么做呢? 总共分三步: 1.编写blog.sql 建表语句,花费2分钟左右时间 2.执行代码生成器,gen blog 并把生成文件...

光石头
2013/09/07
0
21
jfinal cms v4.7.1 发布,升级 jfinal 到 最新 3.4 版本

经历了互联网研发人员加班模式,最近动静比较小(也可能是质量比较好了~!~); 该版本bug修复: jfinal 改为最新3.4版本 修复启动缓存设置不生效bug 其他细节修改 上一版本更新说明: 组织机...

Fly的狐狸
09/04
0
0
基于JFinal实现的权限管理系统 JFinalUIB

项目用到了众多的开源组件,还有一些是网络分享的学习示例代码片段,感谢他们!!! JFinal高级学习交流QQ群:309647612 代码库地址:http://git.oschina.net/dongcb678/JfinalUIB.git 项目背景...

littleant
2014/06/03
0
35

没有更多内容

加载失败,请刷新页面

加载更多

设计模式之 明确责任 观察者模式 状态模式 责任链模式

观察者模式是任务分发的一种模式。 如果认为我们设计的系统的各个模块(或子系统)的最终目的是完成共同任务,那么这个任务如何分配到多个模块的就是我们遇到的第一个问题。简单设计场合我们...

backbye
14分钟前
2
0
14-利用思维导图梳理JavaSE-大汇总

14-利用思维导图梳理JavaSE-Java基础知识大汇总 主要内容 1.对象入门 2.一切都是对象 3.程序流程控制 4.初始化和消除 5.权限访问控制 6.复用类 7.多态 8.接口与抽象类 9.内部类 10.容器 11.异...

飞鱼说编程
50分钟前
5
0
利用Lombok编写优雅的spring依赖注入代码,去掉繁人的@Autowired

大家平时使用spring依赖注入,都是怎么写的? @Servicepublic class OrderService { @Autowired private UserService userService;} 是不是很熟悉的感觉?但是呢 如果你用...

HeyS1
57分钟前
25
0
IBATIS 写BLOB字段遇到的问题

1、 首先遇到的配置问题,通过设置typeHandler 来支持写入。接下来由此引出了事务的问题。 <typeHandler jdbcType="BLOB" javaType="[B" callback="org.springframework.orm.ibatis.support....

echo-neo
今天
1
0
37. Sudoku Solver

Description tags: backtrack,hash table difficulty: hard Write a program to solve a Sudoku puzzle by filling the empty cells.A sudoku solution must satisfy all of the following......

52iSilence7
今天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部