页面历史

1.搭建开发环境

工欲善其事必先利其器，做开发首先要有个好用的开发工具，并且配置好开发环境。

1、如果您是资深开发人员，经常使用Eclipse工具做开发，可以参考手动配置插件开发环境，搭建好环境后，就可以开始定制功能了。

2、如果您是新手，没有Eclipse，可以参考

2、如果您是新手，没有Eclipse，可以参考插件开发IDE，直接下载 Smartbi 配置好了的插件开发环境，根据文档做相关设置后，即可以开始定制功能。

面板

borderColor	#BBBBBB
bgColor	#F0F0F0
borderWidth	1
borderStyle	solid

目录

通过扩展包实现定制功能

示例说明

下面介绍的 HelloWorld 示例项目源码，可下载HelloDemo.rar 参考。这是一个简单的应用开发，它演示了“如何在资源树的右键菜单添加第三方的功能菜单”的开发过程。具体需求如下：

需求：通过接口、扩展点插入右键菜单

1、首先添加右键菜单的扩展点。修改扩展包中的 ConfigurationPatch

2.示例需求

通过接口、扩展点插入右键菜单：在Smartbi“分析展现”界面资源树的右键菜单中添加"Hello 163"菜单项，点击"Hello 163"菜单弹出163网站页面。

Image Added

Image Removed

定制开发过程

需求：在"分析展现"界面资源树右键菜单中添加"Hello"菜单项

实现步骤如下：

3.操作步骤

3.1创建插件包

请参考wiki文档开发插件包创建一个名为HelloDemo的插件包并导入到开发环境中。

3.2添加右键菜单扩展点

修改插件包中的 ConfigurationPatch.js 声明文件，添加资源树右键菜单的声明。如下图所示，对 ConfigurationPatch.js 声明文件做修改，声明了HelloPopupMenuHandler 这个扩展点。

Image Removed

2、根据上图声明，在web目录下创建：vision

Image Added

3.3创建HelloPopupMenuHandler.js

根据上图声明，在web目录下创建：vision/js/ext/samples目录，然后创建HelloPopupMenuHandler.js 文件；配置文件中的路径是相对 vision/js 目录的。

Image Modified

3、

3.4实现 HelloPopupMenuHandler.js

文件中的代码，添加新的菜单项。启动应用后即可查看修改效果，如果是客户端的

核心代码如下：
Image Modified

功能测试和调试

3.5功能测试和调试

启动应用后即可查看修改效果，如果是客户端的 JS 代码，可以在其中添加 debugger

断点，通过浏览器工具可以单步调试。功能开发及测试完成后，直接用

断点，通过浏览器调试工具可以单步调试。

Image Modified

打包和部署扩展包

3.6打包和部署插件包

功能开发及测试完成后，直接用 Ant 工具打包，会在 dist 目录下生成 HelloDemo.ext

扩展包，参考“扩展包部署

插件包，参考“插件包部署”，把它部署到任意 Smartbi 服务器上。

Image Modified

完成HelloWorld程序

至此，就完成了整个 HelloWorld 程序的开发、调试、部署工作。

3.7示例参考

可下载插件包示例 HelloDemo.rar 。这是一个简单的应用开发，它演示了“如何在资源树的右键菜单添加第三方的功能菜单”的开发过程。

页面树结构

版本比较

旧版本 1

新版本当前版本

标识

1.搭建开发环境

通过扩展包实现定制功能