组件开发&数据对接注意事项

1、布局取值:虽然目前在新的开发工具中我们可以从props中直接获取width/height/left/top的数值,但是由于部分平台不支持的原因,我们还是应该从dimension配置中取值


2、引用资源:当前平台在导出大屏时候,只会导出组件写在配置项中的资源(若是为了兼容之前的组件,在导出组件的时候可以在后台管理中单独导出组件)


3、svg渐变:应该在命名ID的时候保证页面的唯一性,为了避免大屏中出现相同组件的情况(通常会在命名中带上props.id)

4、过滤器语法注意:尽量使用es5语法,尽量保证兼容性(许多客户浏览器可能不支持新版本,如不支持replaceAll)


5、组件增加过滤器:在平台中,若是给组件加上过滤器后会自动执行更新的代码


6、post请求数据:在参数面板中使用回调参数需要注意

回调参数值是字符串的时候需要在变量外面加上引号    “:callback”

回调参数值是数值的时候不要在变量外面加上引号        :callback

post参数自身的键值对应在冒号后填充一个空格避免平台误识别为回调参数    { name: "Tom", age: 12 }


7、SQL语句&回调冲突:sql语句中常常会有冒号出现(一般可能是表示日期查询格式化),此时由于与平台回调变量取值方式一样就会发生冲突,解决方法是把这一条sql语句放在数据容器的过滤器中返回,通过该数据容器的回调参数回调出来


8、组件开发和数据对接时候注意js精度问题,比如 0.57 * 100 = 56.99999999999999,506338806172508119会转化为506338806172508100,导致数值错误


9、大屏文件下载包重构:

1、将后缀.screen改成.zip

2、解压后进行操作

3、操作完后选中所有文件重新压缩成.zip(不要在最外面压缩)

4、将后缀改成.screen(mac需要在简介中修改,否则会改成.screen.zip导致失效)

5、目前window不可以做此操作

10、folder配置项

更新后平台返回的配置项不是对象而是字符串,需要我们做额外的处理

mac上传新的文件后,options原有的文件路径会出现问题,需要我们做额外的过滤


11、自定义动作配置项:在写配置项的时候不能选择默认值

以3D园区组件为例:


12、修改props.data :在组件开发中尽量不要修改原有的数据,否则在组件更新中,数据对比度环节中执行数据更新操作,从而可能引发隐蔽的bug

如遇其他使用问题,可扫描下方二维码,获取更多产品支持~

400-8505-905复制
免费试用
在线咨询
微信社区
易知微-数据可视化
微信扫一扫入群