(1)、三组常见引入JS和CSS的插件接口对比

一、特殊名词介绍

无

二、常用接口说明

目前常见的引入JS和CSS的接口主要有以下3组

第一组：com.fr.decision.fun.WebResourceProvider com.fr.decision.fun.ComposeWebResourceProvider

WebResourceProvider接口是FineReport10.0新增的一个前端开发接入接口。目前已经覆盖了绝大部分涉及到前端定制的场景。支持热加载，是目前标准的前端开发接口。

当然，以此接口开发的插件，在FineReport10.0以下的版本中无法使用。虽然这个接口不支持低版本的产品，但是如果开发者开发的插件本身并不支持低版本产品，除特定接口外（部分功能接口本身也能引入JS/CSS），引入前端JS/CSS必须使用这个接口实现。

第二组：com.fr.stable.fun.JavaScriptFileHandler     com.fr.stable.fun.CssFileHandler       

这组接口是在FineReport8.0/9.0版本中的前端接入接口。在10.0中仅作为兼容低版本使用。这个接口在低版本中根据 cpt报表、决策报表、决策平台 三个场景可以分别注册生效。不支持热加载。

在10.0中，则不再区分3种场景，不论怎么注册，均对所有的报表预览生效。

第三组：com.fr.stable.fun.JavaScriptPlaceHolder    com.fr.stable.fun.StylePlaceHolder

这组接口从FineReport8-10版本都可以使用。针对的场景主要是在报表的分页/(新)填报/数据分析预览、决策报表PC预览，引入外部（非插件内的）js/css资源。支持热加载。

注：

1、仅用于所有报表都会使用到的公共JS个CSS的引入。如果仅仅是使用特定图表/插件/超链接才会涉及到的JS/CSS则不可使用这个接口引入，以免影响性能。

2、一般情况下，这组接口可以同WebResourceProvider接口配合使用，但是不能与JavaScriptFileHandler/CssFileHandler配合使用。

以上三组接口均不支持移动端和H5预览，开发插件时使用原则为：按接口组排序优先使用前面的接口实现需要的功能！

三组接口如果同时出现在一个场景中，加载的顺序为  第二组>第三组>第一组 

相关常用接口：国际化接口介绍

三、开源案例

免责声明：所有文档中的开源示例，均为开发者自行开发并提供。仅用于参考和学习使用，开发者和官方均无义务对开源案例所涉及的所有成果进行教学和指导。若作为商用一切后果责任由使用者自行承担。

无