共计 1549 个字符，预计需要花费 4 分钟才能阅读完成。
在上一章 API 报表制作中介绍到 API 如何制作，但咱们会发现它的分页不好用，本章阐明一下带参的 API，以分页为示例。
- 在线应用地址：http://www.jimureport.com/
一、数据源报表制作、新建数据库表（以 student 学生表为示例）
1、数据库表构造
2、新增几条数据
3、新增后盾 api 接口（能够使本地，也能够是线上，但必须为 json 格局）
二、新建 API 报表
1、点击头像进入集体核心，点击“新建 -> 新建报表”即新建报表；
2、新建好报表后，进入报表编辑页面；
3、点击数据集治理（API 数据集）
4、进入页面后，填写编码、名称、Api 地址、申请形式
- 编码：API 数据源的标识；
- 名称：API 数据源的名称；
- 申请形式：分为 get 和 post；依据后盾的申请类型来抉择（本章 get）；
- 是否分页：如果有多页预览和打印，须要勾选“是否分页”；
- Api 地址：配置的 API 数据源地址（能够为本地和线上，但必须是 JSON 类型，如：{“data”:”[{}]”}）；
5、填写实现后点击 API 解析会呈现下图（动静报表配置明细）
- 字段名：数据库表中的字段名称
- 排序：显示到第几位，如 1 排在第一位
- 字段文本：该字段对应的文本（如 name 学生名称）
- 类型：数据库表地段类型
6、点击确定返回页面，数据集中上面会有咱们方才创立的内容
三、填写数据信息、保留浏览
1、填写题目
2、文本内容可将数据拖拽
3、保留预览
4、分组预览
1）点击班级上面所在表格进行分组
2）保留预览
四、打印、导出
1、打印
###### 1）打印区域和纸张设置
###### 2）点击“打印”按钮，抉择“打印以后屏”或“打印全副”，进入打印预览界面
- 当前页：是咱们以后屏幕看见的数据
- 全副：即为全副数据
2、导出（蕴含 excel 和 pdf）
点击“导出”按钮，抉择“导出 excel”或“导出 pdf”，可将表单数据导出相应模式；
五、菜单配置
1、复制浏览器的链接
2、在系统管理菜单治理进行配置
3、点击新增按钮填写信息
留神：
- 前段组件必须依照格局填写 layouts/IframePageView
* 用 {{window._CONFIG[‘domianURL’] }} 代替 IP 地址、端口号和项目名称
- 开端必须携带参数，如（?sex）
- 是否为路由菜单：是
4、角色受权
门路：在系统管理 -> 角色受权找到本人对应的角色, 鼠标放到更多 -> 受权
- 勾选方才创立的菜单
- 刷新页面即可看见点击菜单
一、填写参数
1、在数据集治理点击编辑按钮，进入页面
2、须要批改一下 sql 语句（将 pageNo 和 pageSize 以及 sex 增加进去）
- 如果是分页的话，“pageNo”和“pageSize”这两个参数是固定的，须要按这个格局设置；
- “pageNo”示意第几页；
- “pageSize”示意每页显示几条数据；
3、在下方报表参数点击新增按钮把咱们方才新增的参数写入
- 参数：即 ${}外面的
- 参数文本：即参数的形容
- 默认值：以后参数 ${}外面默认值
###### 点击确定按钮进行数据保留
4、回到页面，点击预览按钮
5、点击上一页、下一页进行测试（本章总共 11 条）
- 第一页
- 第二页
如果数据不一样，阐明配置胜利
6、预览的时候，须要在浏览器中输出参数为“?sex=1”这种格局，如果多个申请咱们用“?sex=1&name=2”。如这个例子“？sex= 男”；
二、菜单配置
1、复制浏览器的链接
2、在系统管理菜单治理进行配置
3、点击新增按钮填写信息
留神：
- 前段组件必须依照格局填写 layouts/IframePageView
* 用 {{window._CONFIG[‘domianURL’] }} 代替 IP 地址、端口号和项目名称
- 开端必须携带参数，如（?sex）
- 是否为路由菜单：是
4、角色受权
门路：在系统管理 -> 角色受权找到本人对应的角色, 鼠标放到更多 -> 受权
- 勾选方才创立的菜单
- 刷新页面即可看见点击菜单
正文完
