# SQL数据源报表(带参数)制作 **在上一章API报表制作中介绍到API如何制作,但我们会发现它的分页不好用,本章说明一下带参的API,以分页为示例** ### 一、填写参数 #### 1、在数据集管理点击编辑按钮,进入页面 ![](https://img.kancloud.cn/8e/52/8e5241a8798f3a610bdd5679eed72c57_279x540.png) ![](https://img.kancloud.cn/75/b2/75b229c5d53e6ed13989d585080e35f8_797x27.png) #### 2、需要修改一下sql语句(将pageNo和pageSize以及sex添加进去) * 如果是分页的话,“pageNo”和“pageSize”这两个参数是固定的,需要按这个格式设置; * “pageNo”表示第几页; * “pageSize”表示每页显示几条数据; ![](https://img.kancloud.cn/93/cd/93cd8656cc8e8c546c825ec4186da1f1_1889x332.png) ![](https://img.kancloud.cn/75/b2/75b229c5d53e6ed13989d585080e35f8_797x27.png) #### 3、在下方报表参数点击新增按钮把我们刚才新增的参数写入 * 参数:即${}里面的 * 参数文本:即参数的描述 * 默认值:当前参数${}里面默认值 ![](https://img.kancloud.cn/f4/0d/f40d7dd713e3cbd57688c4c082f187be_1915x571.png) ![](https://img.kancloud.cn/75/b2/75b229c5d53e6ed13989d585080e35f8_797x27.png) 点击确定按钮进行数据保存 ![](https://img.kancloud.cn/75/b2/75b229c5d53e6ed13989d585080e35f8_797x27.png) #### 4、回到页面,点击预览按钮 ![](https://img.kancloud.cn/bf/c3/bfc36f672ac97b1f0e77c302ac6dabec_1920x903.png) ![](https://img.kancloud.cn/75/b2/75b229c5d53e6ed13989d585080e35f8_797x27.png) #### 5、点击上一页、下一页进行测试(本章总共11条) * 第一页 ![](https://img.kancloud.cn/20/c7/20c77e85f8823c67ec1d58e8d238b33f_1087x455.png) ![](https://img.kancloud.cn/75/b2/75b229c5d53e6ed13989d585080e35f8_797x27.png) * 第二页 ![](https://img.kancloud.cn/55/53/5553f6eb7128064581d65dd9cb6c6bde_1024x271.png) 如果数据不一样,说明配置成功 ![](https://img.kancloud.cn/75/b2/75b229c5d53e6ed13989d585080e35f8_797x27.png) #### 6、 预览的时候,需要在浏览器中输入参数为“?sex=1”这种格式,如果多个请求我们用“?sex=1&name=2”。如这个例子“?sex=男”; ![](https://img.kancloud.cn/b8/a0/b8a08f96bd0feed1fb60baa361769601_895x442.png) ![](https://img.kancloud.cn/75/b2/75b229c5d53e6ed13989d585080e35f8_797x27.png) ### 二、菜单配置 #### 1、复制浏览器的链接 ![](https://img.kancloud.cn/ab/3e/ab3e6d6c974e7143fbf35dcf3dbe2f37_923x461.png) ![](https://img.kancloud.cn/75/b2/75b229c5d53e6ed13989d585080e35f8_797x27.png) #### 2、在系统管理菜单管理进行配置 ![](https://img.kancloud.cn/ab/a4/aba41c984395cbedc5697cea3d5e7c9a_329x953.png) ![](https://img.kancloud.cn/75/b2/75b229c5d53e6ed13989d585080e35f8_797x27.png) #### 3、点击新增按钮填写信息 1)如果是二级菜单,一级菜单应如下图配置 注意: * 前段组件必须按照格式填写 layouts/RouteView * 菜单路径必须为/**(本章/test),且不能重复 * 是否为路由菜单:是 ![](https://img.kancloud.cn/71/8b/718bccc8c227f651da8d341a02257b49_864x883.png) ![](https://img.kancloud.cn/75/b2/75b229c5d53e6ed13989d585080e35f8_797x27.png) 2)如果是二级菜单,这里应配置子菜单,否则为一级菜单 ``` 注意: * 前段组件必须按照格式填写 layouts/IframePageView * 用{{ window._CONFIG['domianURL'] }}代替IP地址、端口号和项目名称 * 末尾必须携带参数,如(?sex) * 是否为路由菜单:是 ``` ![](https://img.kancloud.cn/f5/12/f512e8c6203ab57f32123cdf58865c69_846x668.png) ![](https://img.kancloud.cn/75/b2/75b229c5d53e6ed13989d585080e35f8_797x27.png) #### 4、角色授权 路径:在系统管理->角色授权找到自己对应的角色,鼠标放到更多->授权 * 勾选刚才创建的菜单 ![](https://img.kancloud.cn/03/73/0373fc482fc98a7364f430c14206b737_819x678.png) ![](https://img.kancloud.cn/75/b2/75b229c5d53e6ed13989d585080e35f8_797x27.png) * 刷新页面即可看见点击菜单 ![](https://img.kancloud.cn/85/e1/85e19dc4e21d47e5436f2194d9d572cb_1197x481.png) ![](https://img.kancloud.cn/75/b2/75b229c5d53e6ed13989d585080e35f8_797x27.png)