豪翔天下

Change My World by Program

0%

Klipfolio 手册

  • 这是一个不怎么好用的工具

Data Sources数据源

  • 可以来自系统中已定义好的第三方服务,也可以直接来自于文件上传、API接口、SQL查询、FTP上传、Email附件

  • 可以自定义时间去刷新(1h - 24h),但是如果是文件上传这种是不能自动刷新的

  • 可以支持参数,但是必须依赖于klip变量,例如,可以写成https://haofly.net/{props.pageName},这里的pageName就是klip的变量,如果是第一次访问一个之前没有请求过的参数,那么可能会比较慢,后续的定时刷新也是可以起作用的,刷新的会把所有请求过的参数都请求一遍

  • 由于数据源的接口请求超时时间是100s,对于数据量大的,我们可以创建email形式的数据源,定时往指定的邮箱发送附件即可

  • 如果要在dashboard上手动请求刷新data sources,可以直接data sources的请求刷新接口:

    1
    2
    3
    4
    // 使用html component做一个刷新按钮,然后手动POST接口
    xmlHttp.open('POST', 'https://app.klipfolio.com/datasources/ajax_refresh_datasource', true);
    xmlHttp.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
    xmlHttp.send('di=&dsid=' + data source的id); // 这里加上di表示直接等待它完成,如果不加则是把它放入了刷新队列里面去

klip UI设计

Component

HTML Component

  • 只有这个component能够自己写html和js

Functions

1
2
3
4
5
6
7
8
9
10
11
12
CONCAT("Test - ", @Column)	# 字符串连接/连接字符串

REPLACE(@Column, "查找值", "替换值") # 这居然是完全匹配
SUBSTITUTE_REGEX(@Column, "查找值", "替换值") # 这个才和js中的replace类似,且支持正则

SWITCH(data, case1, field, case2, field2, _default_, "默认值") # 右边条件和结果两个两个成对

LOOKUP(
CONCAT(@Table1_Column1, @Table1_Column2),
CONCAT(@Table2_Column1, @Table2_Column2),
CONCAT(@Table2_Column3)
) # 相当于链表查询了,两张表join,然后取最后那个字段的值,这里的CONCAT就相当于多个ON条件了
坚持原创技术分享,谢谢支持

欢迎关注我的其它发布渠道