>**在上一章API报表制作中介绍到API如何制作,本章说明一下带参的API如何制作** [TOC] ## 一、报表设计 ### 1、在数据集管理点击编辑按钮,进入页面 ![](https://img.kancloud.cn/58/78/5878f5cc305a7ff56a60a040b7de0f02_246x274.png) > 拼写格式 ${} ![](https://img.kancloud.cn/39/a3/39a38a64f10170a453b7cd71bf649738_1684x489.png) ### 2、在下方报表参数点击新增按钮把我们刚才新增的参数写入 * 参数:即${}里面的 * 参数文本:即参数的描述 * 默认值:传到后台的默认值 ![](https://img.kancloud.cn/d1/0e/d10e167c8efb37e5f346674a89ebb699_1865x246.png) 点击确定按钮进行数据保存 ### 3、回到页面,点击预览按钮 ![](https://img.kancloud.cn/31/0d/310d43b3c8d6099e1b9e4cbbbacbc445_1343x264.png) ![](https://img.kancloud.cn/75/b2/75b229c5d53e6ed13989d585080e35f8_797x27.png) 4、 预览的时候,需要在浏览器中输入参数为“?sex=1”这种格式,如果多个请求我们用“?sex=1&name=2”。如这个例子“?sex=男”; 注意:浏览器传参是${}里面的内容,如name=${names},则需要传递names=值 ![](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) ## 三、 API请求 BasePath 变量 系统变量 `{{ domainURL }}` 对于api请求,需要填写api请求地址,如果请求的是本地项目自带的接口,通常还是需要带上域名/ip: `http://localhost:8080/jeecg-boot/test/api/one` ![](https://img.kancloud.cn/f2/06/f206c4c39805226f52ae8893d1ac64b0_1898x521.png) 可以使用简写`{{ domainURL }}`替换之,如: `{{ domainURL }}/test/api/one`