html5 url 传参数,[实时数据]仪表板URL直接添加参数条件传参

2.1 添加  SQL 数据集

在业务包中新建带参数的 SQL 数据集：select * from new_dian where 店性质 in ('${店性质}')。${店性质}就是设置的参数变量，点击「刷新」，设置参数的默认值为「自有店」，设置参数类型为文本类型，点击「预览」，并确定保存数据集，如下图所示：

2.2 创建仪表板

新建一张仪表板，选择创建的带参数的 SQL 数据表「门店」，拖入「店性质」和「记录数」字段，选择「分组表」，如下图所示：

2.3 传递参数链接类型传递一个值写法传递多个值写法

5.1.11 版本之前的公共链接&参数名称=参数值&参数名称=参数值1','参数值2

5.1.11 版本之后的公共链接?参数名称=参数值?参数名称=参数值1','参数值2

预览链接?参数名称=参数值?参数名称=参数值1','参数值2

2.3.1 公共链接传递参数

若要实现在 URL 中的参数传递过滤，首先需要获取该仪表板的 URL 。进入仪表板节点，对新建的仪表板选择「创建公共链接」，开启公共链接并「复制链接」，如下图所示：

在获取的URL后添加「&参数名称=参数值」

5.1.11 版本之前，比如获取的链接为：http://localhost:37799/webroot/decision/v5/design/report/share/085cfd6b620c441eae930b9ad709e717?link=eyJhbGciOiJIUzI1NiJ9.eyJyZXBvcnRJZCI6IjA4NWNmZDZiNjIwYzQ0MWVhZTkzMGI5YWQ3MDllNzE3IiwidXNlcklkIjoiYjVmMGMyZWUtNjQwZi00MDM5LWE0ZDQtOTE4YjU1MzU0ODk4IiwianRpIjoiand0In0.19qCbrS1Mlpr9unY30Sk02p4Y1PbS1fv2xIAu3VfMBk

在最后添加「&店性质=管理店」：

http://localhost:37799/webroot/decision/v5/design/report/share/085cfd6b620c441eae930b9ad709e717?link=eyJhbGciOiJIUzI1NiJ9.eyJyZXBvcnRJZCI6IjA4NWNmZDZiNjIwYzQ0MWVhZTkzMGI5YWQ3MDllNzE3IiwidXNlcklkIjoiYjVmMGMyZWUtNjQwZi00MDM5LWE0ZDQtOTE4YjU1MzU0ODk4IiwianRpIjoiand0In0.19qCbrS1Mlpr9unY30Sk02p4Y1PbS1fv2xIAu3VfMBk&店性质=管理店

在地址栏输入添加参数后的 URL，可以看到通过 URL 中的参数传递，实现「管理店」的过滤，如下图所示：

注：若浏览器不支持中文参数，即该参数传递过滤不生效，就需要把 json 类型的 url 参数值先进行编码 encodeURIComponent()。比如 edge 浏览器。

5.1.11 版本之后，比如获取的链接为：http://localhost:37799/webroot/decision/link/3Oth

在最后添加「?店性质=管理店」：http://localhost:37799/webroot/decision/link/3Oth?店性质=管理店

在地址栏输入添加参数后的 URL，可以看到通过 URL 中的参数传递，实现「管理店」的过滤。

2.3.2 预览链接传递参数

仪表板预览的 URL 加上「?参数名称=参数值」，也可以进行参数的传递。

例如点击「预览仪表板」后可以获取预览的 URL ，如下图所示：

在预览的 URL 后加入「?店性质=管理店」，可以看到下方的分组表中过滤出了管理店的数据，实现参数的传递功能，如下图所示：