本教程主要介绍在山海鲸可视化大屏软件中将二次开发代码跟软件进行连接的操作过程,二次开发代码使用JavaScript语言,接下来以“按钮”组件为例进行说明。
打开山海鲸软件,新建空白可视化大屏项目,添加“按钮”组件。
选中组件,在右侧属性面板中点击“代码”,在二次开发界面点击“添加脚本”。
【温馨提示】通常只需添加一个脚本即可,但是在代码较多,且代码需要解耦的情况下可以添加多个脚本。通过不同的脚本,可以将整个代码分成几个大的模块,更方便管理 。
添加脚本后默认是启用状态,也可以手动关闭。如果要对多个脚本进行逐一调试,使用这个功能会非常方便。
点击“选择文件”导入本地的二次开发代码文件。
示例代码:
1 | class Button{ |
【温馨提示】这里需要注意代码格式,“export”后面必须跟“default”。
详细的自定义设置项设置请参考自定义属性面板教程。
请参看山海鲸可视化“二次开发-二次开发入口”视频教程:
https://www.bilibili.com/video/BV17P411J7Vr/