学习笔记：DataTables之数据读取和操作（java对象转换为json对象）

最新推荐文章于 2021-03-20 23:33:57 发布
最新推荐文章于 2021-03-20 23:33:57 发布
阅读量6.8k 收藏 3
点赞数 1
分类专栏： java学习笔记 文章标签： javascript jquery java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u014755543/article/details/48833413
版权

无意中发现jquery插件中有一个用于表格的，自动分页、搜索、设置每页显示记录数，太方便了。于是尝试着去使用，可是，遇上问题了不仅一点点。
由于后台从数据库查找的数据被封装成了一个java对象（例Employee），可是，dataTables接受的数据源是javascript的数据类型，而且是一个数组，数组里面的内容可以是数组、对象、实例。我的想法是，把java对象转换为json（用gson）。
但是，问题又来了，网上大多数例子都是使用数组为例，很少使用json对象的，而且官网上的例子用起来总出问题。

//模拟数据
var aDataSet = [{
    "id": "0",
    "name": "Tiger Nixon",
    "position": "System Architect",
    "salary": "$3,120",
    "start_date":
最低0.47元/天 解锁文章
iamsharleen
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
DataTable使用详解
2401_84153270的博客
04-30 539
搞定算法，面试字节再不怕，有需要文章中分享的这些二叉树、链表、字符串、栈和队列等等各大面试高频知识点及解析最后再分享一份终极手撕架构的大礼包(学习笔记)：分布式+微服务+开源框架+性能优化《一线大厂Java面试题解析+核心总结学习笔记+最新讲解视频+实战项目源码》点击传送门，即可获取！} );/*bVisible默认值为true是否展示某一列*/] } );} );
datatable java实现_如何用Java实现.NET中DataTable功能
weixin_32226023的博客
02-12 1001
因为我本来就是搞net的，突然来了两个项目就是要用java以及oracle，便从各种方向上寻求net的影子，便有了今天这些工具类。不知道好不好，bug测试了一下了，性能上也只有经过项目来验证吧。其中一部分涉及到双数据库操作，所以也提了一种解决方案，写的不好，大家看看吧!我们先看效果，再说说怎么弄!我们来试试如何用，我也写了一个测试数据。然后我们在Junit中测试：@Testpublicvoidjo...
java中可使用的datatable
07-22
在java下可用的datatable组件，提供了jar包和调用例子。jar包从国外一个网站找到的，可惜找遍了也没找到怎么使用，费了半天挨个试，终于知道怎么用了（从resultset到datatable，加行，加列，赋值，取值，循环显示等）。供需要使用的下载。 使用修改如下（example文件夹下的java代码如下修改）： //使用datatable DataTable dtb = new DataTable(); data.common.JdbcAdapter dAdapter = new JdbcAdapter(); dAdapter.fillDataTable(dtb, rs); //加行 dtb.getRows().addNew(); //加列 DataColumn dtm=new DataColumn("ttt", 1); dtb.getColumns().add(dtm); //给一行赋值 dtb.getRows().get(0).setString(3, "test"); //给一列赋值 dtb.getRows().get(2).setString(4, "mytest"); //循环显示数据 for (int i = 0; i < dtb.getRows().size(); i++) { DataRow row = dtb.newRow(); row = dtb.getRows().get(i); //显示一行的每列数据 for (int j = 0; j < dtb.getColumns().size(); j++) { System.out.println(row.getString(j)); } }
在java下可用的datatable组件
12-26
在java下可用的datatable组件，提供了jar包和调用例子。jar包从国外一个网站找到的，可惜找遍了也没找到怎么使用，费了半天挨个试，终于知道怎么用了（从resultset到datatable，加行，加列，赋值，取值，循环显示等）。供需要使用的下载。 使用修改如下（example文件夹下的java代码如下修改）： //使用datatable DataTable dtb = new DataTable(); data.common.JdbcAdapter dAdapter = new JdbcAdapter(); dAdapter.fillDataTable(dtb, rs); //加行 dtb.getRows().addNew(); //加列 DataColumn dtm=new DataColumn("ttt", 1); dtb.getColumns().add(dtm); //给一行赋值 dtb.getRows().get(0).setString(3, "test"); //给一列赋值 dtb.getRows().get(2).setString(4, "mytest"); //循环显示数据 for (int i = 0; i < dtb.getRows().size(); i++) { DataRow row = dtb.newRow(); row = dtb.getRows().get(i); //显示一行的每列数据 for (int j = 0; j < dtb.getColumns().size(); j++) { System.out.println(row.getString(j)); } }
dataTables动态获取后台json数据分页展示
qq_26920153的博客
03-27 5664
入职第一天就加入到一个新项目的开发中，我负责权限分配这块，所以在前段页面需要用表格来显示用户的权限信息，传统的表格填入信息太繁琐，所以找到了dataTables这个插件，数据绑定这块真的省心很多，初次体验就觉得这插件功能真够强大的，模糊查询、分页等等都进行了封装，废话不多说。首先是前端引入js相关文件，包括dataTables.bootstrap.css，jquery.dataTables.js，...
datatable
程序员XW
01-14 1045
d
dandelion-datatables:DataTables的蒲公英组件
05-28
【标题】"dandelion-datatables: DataTables的蒲公英组件" 【正文】 DataTables是一款强大且功能丰富的JavaScript库，用于将HTML表格转化为交互式数据展示工具。它以其高度可定制性和丰富的功能集而闻名，包括排序...
Datatables使用Ajax方式读取数据
01-11
在"Datatables使用Ajax方式读取数据"这个主题中，我们需要关注以下几个关键点： 1. **初始化Datatables**：在HTML中创建一个空的表格，并使用jQuery选择器找到它，然后调用Datatables插件进行初始化。例如： ```...
jquery.dataTables.tableEditor:DataTables的名为tableEditor的扩展
05-12
`jQuery.dataTables.tableEditor` 是一个针对DataTables库的强大扩展，它为HTML表格提供了丰富的编辑功能，允许用户直接在表格内进行数据的添加、编辑和删除操作，极大地提高了数据管理的便捷性。这个扩展是基于...
flask_datatables:烧瓶Python和数据表
05-10
通过这个扩展，开发者可以轻松地将数据库中的数据转换成符合DataTables格式的JSON，从而实现动态加载和操作表格数据。 首先，要使用`flask_datatables`，你需要确保已经安装了Flask和`flask_datatables`。你可以...
Data-Table:DataTables Editor v1.3.3 库，带有数据表多选和输入类型文件选项
07-03
DataTables Editor v1.3.3.1 库，带有数据表多选和输入类型文件选项 如果您想在数据表形式中添加输入类型“文件”，只需添加此 dataTables.editor.min.js 和以下代码： $(document).ready(function() { editor = ...
java 自定义DataTable一段例子
11-17
模拟c#的datatable类，实现了其基本功能。
dataTable java接收参数工具类
01-29
dataTable java接收参数工具类, 工具类代码，支持解析datatable的所有http.request参数
DataTable对象
Microsoft.Net，刘少盟
10-11 583
创建DataTable对象 创建DataColumn对象 设置列对象属性 将列对象添加到表对象中 创建DataRow对象并为每个列赋值 将行对象添加到表对象中 表对象的几种常见操作 DataTable表示内存中的一个数据表，而非数据库中的表。在持久化到数据库之前，
Datatables Ajax获取多维数组数据 columns指定
Cc_Rain
06-26 3105
多维数组时 按照如下方式返回数据 并指定。// JSON structure for each row: // { // "engine": {value}, // "browser": {value}, // "platform": { // "inner": {value} // }, // "details": [ //
【学习】关于datatable组件的使用(一)
Cosmic_gods的博客
04-20 1277
关于datatable组件的使用(一) 今天项目中一个数据展示，数据量不大，需要分页，模糊查询，排序等功能。正好想到了datatables这个组件,效果还不错做个记录。 1.首先必须要的样式和js <link rel="stylesheet" type="text/css"     href="${ctx}/common/js/datatables-pl
java 解析 datatabe,在JAVA实现DataTable对象（一）
weixin_36256978的博客
03-20 306
原文来源：http://www.cnblogs.com/hjzhang/archive/2011/05/21/2052773.html由于习惯了.net环境下的DataTable对象的方便和强大，遗憾的是JAVA下没有如此强大的对象支持。在网上找了好久都没有发现自己满意且能满足当前应用需求的实现，于是决定自己实现一套。我现在需要用JAVA实现对几类数据表的动态查询、汇总、计算，具体的需求如下：1....
DataTable 转换成 Json的3种方法
akn76920的博客
11-02 1038
在web开发中，我们可能会有这样的需求，为了便于前台的JS的处理，我们需要将查询出的数据源格式比如：List<T>、DataTable转换为Json格式。特别在使用Extjs框架的时候，Ajax异步请求的数据格式就是Json。鉴于此，我今天来分享将DataTable 转换成 Json的3种方法。换句话说如何在ASP.NET将一个DataTable序列化为 Json数组。或者如...
Datatables 从后台获取数据与不从后台获取数据
ayfxo22204的专栏
05-10 383
var baseParm = { info: false, filter: false, destroy: true, ordering: false, processing: true, lengthChange: false, serverSide: true}; $('#operConfigGrid').DataTable($.ext...
Datatables添加新增数据和修改修改弹框，并与java后端实现数据交互
最新发布
06-07
要实现Datatables添加新增数据和修改数据弹框，可以使用Datatables提供的Editor插件。以下是实现的步骤： 1. 引入Editor插件和相关依赖的CSS和JS文件。 2. 初始化Datatables表格 ``` var table = $('#example').DataTable({ ajax: 'data.json', columns: [ { data: 'id' }, { data: 'name' }, { data: 'position' }, { data: 'office' }, { data: 'salary' } ] }); ``` 3. 初始化Editor插件 ``` var editor = new $.fn.dataTable.Editor( { ajax: 'example.php', table: '#example', fields: [ { label: 'ID:', name: 'id' }, { label: 'Name:', name: 'name' }, { label: 'Position:', name: 'position' }, { label: 'Office:', name: 'office' }, { label: 'Salary:', name: 'salary' } ] } ); ``` 4. 添加按钮触发弹框 ``` $('#add').on('click', function () { editor.create( { title: 'Add new record', buttons: 'Add' } ); } ); ``` 5. 修改数据触发弹框 ``` $('#example').on('click', 'tbody td:not(:first-child)', function (e) { editor.inline( this ); } ); ``` 6. 实现数据交互的Java后端代码 在Java后端，可以使用Spring MVC框架来处理前端提交的数据。对于新增数据，可以使用`@PostMapping`注解来处理POST请求，然后将提交的数据解析成Java对象，再将数据保存到数据库中。 对于修改数据，可以使用`@PutMapping`注解来处理PUT请求，然后根据提交的ID查询数据库中对应的数据，更新数据后保存到数据库中。 参考代码如下： ``` @PostMapping("/add") @ResponseBody public String addData(@RequestBody Data data) { // 保存数据到数据库 return "success"; } @PutMapping("/update") @ResponseBody public String updateData(@RequestBody Data data) { // 更新数据到数据库 return "success"; } ``` 以上是实现Datatables添加新增数据和修改数据弹框，并与Java后端实现数据交互的步骤。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值