提高视图性能

要提高视图的性能,您可以向其添加定制 Dojo 构建层。

关于本任务

借助 Dojo 构建系统,视图可在一个文件或一小组文件中包括其依赖的模块。 这些文件(每个文件都是一个层)减少了包含视图的过程应用程序所需的 HTTP 请求的数量。 可通过优化模块的加载使用层来改善性能,而无需进行模块开发。 这些层可以是定制代码或第三方 Dojo 层。 必须使用与视图使用的 Dojo 版本兼容的 Dojo 版本构建层文件。

有两种方式可供您使用: 调试和非调试。 管理控制台中的 isDebug 配置设置确定哪种方式有效。 您可以为每种方式指定不同的层。

构建层定义必须在视图的内联 JavaScript 开头采用特定格式。 设计人员使用此格式在 HTML 中为包含该视图的 Coach 生成相应的代码。

过程

  1. 如果具有定制代码,请将其转换成 Dojo 构建层。
    有关 Dojo 构建层以及如何使用变换来创建 Dojo 构建层的信息,请参阅 Dojo 构建系统
  2. 准备定制 JavaScript:
    1. 将 Dojo 构建层打包到 .zip 文件中,例如 myLayer.zip
    2. 将该 .zip 文件上载为受管 Web 文件。
  3. 在 " 行为 " 页面上,在内联 JavaScript开头添加特定注释块。
    注释块由两组标记块组成:
    • @dojoConfigUpdateStart@dojoConfigUpdateEnd 包含正常的 JavaScript 代码,此代码用于在系统装入 Dojo AMD 装入器前更新全局 dojoConfig 变量。
    • @layerRequiredStart@layerRequiredEnd 包含一个 JSON 结构以及两个可选属性(调试和非调试)。 每个属性都是一个 JavaScript 数组类型,其中包含每种方式的层的全名。 全名是软件包名称和层文件名称。
    提示: 如果您有多个视图正在添加相同的层,请将注释块复制到这些视图中。 如果层内容相同,那么 Process Designer 会对其进行组合,以便生成的页面仅包含层代码的一个副本。
    以下示例显示用于添加 Dojo 构建层的注释块。 针对您的实施,替换 Dojo 配置节中的名称和位置值,并替换层节中的名称。
    /*  1 
    @dojoConfigUpdateStart  2 
    	if (dojoConfig.isDebug) {
    		dojoConfig.packages.push({
    			name: 'com.mycompany.dashboards',  3 
    				location: com_ibm_bpm_coach.getManagedAssetUrl('myLayer_debug.zip', 
    				com_ibm_bpm_coach.assetType_WEB, 'SYSD') + "/com/mycompany/dashboards"  4 
    		});
    		} else {
    			dojoConfig.packages.push({
    				name: 'com.mycompany.dashboards',
    					location: com_ibm_bpm_coach.getManagedAssetUrl('myLayer.zip', 
    					com_ibm_bpm_coach.assetType_WEB, 'SYSD') + "/com/mycompany/dashboards"
    		}); 
    	}
    @dojoConfigUpdateEnd 
    @layerRequiredStart  5 
    	{
    		"nonDebug":["com.mycompany.dashboards/dashboards",
    			"com.mycompany.dashboards/dashboardsMore"],  6 
    		"debug":["com.mycompany.dashboards/dashboardsDebug"]
    	}
    @layerRequiredEnd
    * /
    • 1 使用注释会阻止将注释的内容作为视图的实际内联 JavaScript 运行。
    • 2 Dojo 配置节的开头
    • 3 包的名称空间
    • 4 包含该包的受管文件的位置
    • 5 层节的开头
    • 6 针对以此方式使用的层的软件包以及此软件包中模块的名称。 在此示例中,非调试方式装入两层,调试方式则装入一层。
    有关如何添加层的更多示例,请参阅仪表板 Toolkit 中的多个视图。
  4. 单击 保存完成编辑