SpringBoot layui数据表格数据接口的配置

起初我给layui表格的数据接口绑定的是一个json文件，但是这是静态的，如果在运行中创建json文件，表格会找不到相应的json文件。
于是在controller中创建相应该url的方法，返回json数据的方法，从而动态的显示表格信息。

layui数据接口的格式要求：

{"code": 0,"msg": "","count": 1000,"data": [{}, {}]
}

HTML中的片段代码:

<script type="text/javascript" src="/layui/layui.js"></script><script>layui.use('table', function(){var table = layui.table;//第一个实例table.render({elem: '#demo',height: 600,url: '/paper_info' //数据接口,page: true //开启分页,title: '教师信息',cols: [[ //表头{field: '_id', title: 'ID', width:220, sort: true,event: 'clos'},{field: 'index', title: '所属教师', width:100, event: 'clos'},{field: 'title', title: '标题', width:250, event: 'clos'},{field: 'authors', title: '作者列表', width:200, event:'clos'},{field: 'source', title: '论文来源', width: 200, event: 'clos'},{field: 'times', title: '时间', width: 130, sort: true, event:'cols'},{field: 'database', title: '论文种类', width: 120, sort: true, event: 'clos'},{field: 'counted', title: '引用次数', width: 100, sort: true, event: 'clos'},{field: 'toolbar', title: '工具栏', width: 170, toolbar: '#barDemo'}]]});});});</script>

在Controller中配置该url：

@ResponseBody@RequestMapping("/paper_info")public String paperInfo() throws IOException{Convert2json convert2json  = new Convert2json(mongoTemplate); //该方法是我项目中可以返回json的Methodreturn convert2json.saveAsJson();}

问题来了如果想要带参数的url该怎么办？
HTML代码

 <script src="/layui/layui.js"></script><script>layui.use('table', function(){var table = layui.table;var author = window.location.href.split("=")[1]//第一个实例table.render({elem: '#demo',height: 600,url: '/paperList?author='+author //数据接口,page: true //开启分页,title: '教师信息',cols: [[ //表头{field: '_id', title: 'ID', width:220, sort: true,event: 'clos'},{field: 'index', title: '所属教师', width:100, event: 'clos'},{field: 'title', title: '标题', width:250, event: 'clos'},{field: 'authors', title: '作者列表', width:200, event:'clos'},{field: 'source', title: '论文来源', width: 200, event: 'clos'},{field: 'times', title: '时间', width: 130, sort: true, event:'cols'},{field: 'database', title: '论文种类', width: 120, sort: true, event: 'clos'},{field: 'counted', title: '引用次数', width: 100, sort: true, event: 'clos'},{field: 'toolbar', title: '工具栏', width: 170, toolbar: '#barDemo'}]]});</script>

** 我们在url中添加了参数author ，可以在controller中对该参数进行解析：**

    @ResponseBody //可以利用@RequestParam标记来解析url中的参数@RequestMapping("/paperList")public String paperList(@RequestParam("author") String name) throws IOException { AuthorPaper2json authorPaper2json = new AuthorPaper2json(mongoTemplate);return authorPaper2json.saveAsJson(name);}

如果不太会构建相应的json数据，尤其是mongoDB的数据可以看我以往写过的文章：
https://blog.csdn.net/qq_36801317/article/details/107408397
希望大家批评指正~

SpringBoot layui数据表格数据接口的配置相关推荐

layui使用表格数据，json嵌套数据解决
layui使用表格数据,json嵌套数据解决 layui使用数据表格 json数据输出出现的问题 layui,返回的数据不符合规范,正确的成功状态码 (code) 应为:0 在数据嵌套时的使用 la ...
LayUi数据表格数据太多导致下拉框卡顿问题
LayUi数据表格数据太多导致下拉框卡顿问题 layui数据表格(详见官网) 根据官网示例做出数据表格示例根据官网表格展示在layui官网数据表格示例中 https://www.layui.c ...
权限开发手册，数据权限和接口权限配置
权限开发手册一般来说,权限有许多种,我们经常用到的一般有操作权限和数据权限两种. 功能权限所谓操作权限就是有或者没有做某种操作的权限,具体表现形式就是你看不到某个菜单或按钮,当然也有的是把菜单或按 ...
Layui静态表格数据
Layui静态的表格数据,我们有两种方法去进行渲染. 第一种是在html中写如图: 然后在js执行转换如图: 样式如图: 第二种,是直接在layui模块加载中data[]中直接赋值 Html部分给 ...
Java导出Excel百万条数据表格数据实现分页easyexcel方法和Apach POI方法
关闭程序的查询sql语句打印日志功能,否则速度很慢注意: 此导出excel样式只是简单设置而已 1.创建实体类 ExcelModel 导出数据库对应实体数据列表简单样式设计 MAVEN仓库依赖或者 ...
关于layui的表格数据(前端HTML+后端SSM)——显示数据
运行效果页面增删改查登录搜索均已实现,后续会慢慢编写相应博客前端html <table class="layui-hide" id="test" la ...
Hasor【付诸实践 02】SpringBoot 集成 Dataway 无代码接口工具配置及问题解决（含GreenPlum建表语句、demo源码、测试说明）
What 来自官网的描述: Dataway 是基于 DataQL 服务聚合能力,为应用提供的一个接口配置工具.使得使用者无需开发任何代码就配置一个满足需求的接口.整个接口配置.测试.冒烟.发布.一站式 ...
php把数据表格数据,php怎样把数据添加到数据表
连接数据库. 操作数据库的前提就是要先连接数据库,在连接数据库之前,我们需要知道数据库的主机名,用户名,密码,还要知道我们将要在哪一个数据库里面选择插入数据.例子如下:(推荐学习:PHP视频教程)$u ...
html点击按钮获取列表数据传递到页面,随笔：ajax传递数组，layui父子页面传值，下来菜单赋值，父页面数据获取，表格数据替换为字符串...
一．Ajax向后台传递数组问题:(声明前台我使用的layui框架) 例:我们要多前台一个数据表格进行批量删除操作,我们通过复选框选中数据id,将id存入一个数组中,然后利用ajax传递给后台,完成批量 ...

SpringBoot layui数据表格数据接口的配置

SpringBoot layui数据表格数据接口的配置相关推荐

最新文章

热门文章