二次开发入口

本教程主要介绍在山海鲸可视化大屏软件中将二次开发代码跟软件进行连接的操作过程,二次开发代码使用JavaScript语言,接下来以按钮组件为例进行说明。

1. 操作步骤

1.1 创建组件

打开山海鲸软件,新建空白可视化大屏项目,添加按钮组件。
1.添加组件.png

1.2 添加脚本

选中组件,在右侧属性面板中点击“代码”,在二次开发界面点击“添加脚本”
2.添加脚本.png

温馨提示】通常只需添加一个脚本即可,但是在代码较多,且代码需要解耦的情况下可以添加多个脚本。通过不同的脚本,可以将整个代码分成几个大的模块,更方便管理 。

1.3 启用脚本

添加脚本后默认是启用状态,也可以手动关闭。如果要对多个脚本进行逐一调试,使用这个功能会非常方便。
3.是否启用.png

1.4 添加代码

点击“选择文件”导入本地的二次开发代码文件。
4.添加代码.png

示例代码:

1
2
3
4
class Button{

}
export default Button;

【温馨提示】这里需要注意代码格式,“export”后面必须跟“default”

1.5 自定义设置项

详细的自定义设置项设置请参考自定义属性面板教程
5.自定义设置项.png

2. 视频教程

请参看山海鲸可视化“二次开发-二次开发入口”视频教程:
https://www.bilibili.com/video/BV17P411J7Vr/