DasV数字可视化搭建 api调用
我发现DasV还是有点限制手脚了,只能用它的模板,按照它模板给的接受的格式来写,非常难受。
这里我们可以看它给的文档
https://xhlj-cxs.dasctf.com/example.pdf
这里面有一个示例是调用api的,可以简单看下,但是不能全靠它,,不然会有很多格式错误,,,,,我就犯了好多错误导致我一直以为是平台问题
首先映入一个模板后
要立刻去看他的数据一栏,然后选择静态数据,他就会有一个静态数据格式给你,对照这个来写后面的程序,要严丝合缝,出一点错就给你报403,搞得我还以为他的api出问题
看完需要匹配的数据格式之后(当然还要看看它发的模板的里面对照的数据)接下来就要写过滤器了
这里的过滤器说是用filter(),其实有很多filter以外的其他都可以写景区,这里其实我估计就是他们实在做不了图形化才给了一个接口给你写程序,
这里自由发挥的空间较大,你可以在这里写js代码把格式给改对
其他不多说了,这里给出几个示例代码
1.这是在倒计时的
return data.data.map(item => ({
label: item.nickname,
value: item.score
})).sort((a, b) => b.value - a.value);
2.这是在线率,更文档里一摸一样
return [{
name: '在线率',
total: data.data.playerCount,
value: data.data.onLineCount
}]
3.题目部分,这里是数组,要用map遍历,不然只会显示第一行
return data.data.map(item => ({
id: item.id,
risk: item.category,
label: item.name,
}))
,就这样具体其他可以看我群里发的tar,是DasV里导出来的,你们导进去就行
评论0
暂时没有评论