1整合第三方js库.pdfVIP

11. 整合第三方JS库 方法1：javaScriptFile和styleSheetFile 对于一个dorado的view，如果我们希望引入外部第三方的js库以及对应css等资源文件我们可以通过View提供的以下两个属性引入： 例如在sample-center的view中： 通过如上方式引入一个js，页面打开后我们可以在源码出看到这个js以及被直接合并到页面中： 如果需要引入多个js，逗号分隔就可以: Property name=javaScriptFile/libraries/syntax-highlighter/shBrushCss.js,/libraries/syntax-highlighter/shBrushJa va.js,/libraries/syntax-highlighter/shBrushJScript.js,/libraries/syntax-highlighter/shBrushXml.js/Property 当然资源文件也可以放在src下，配置范例如下： 注意 注意上面我们说的是第三方的资源，如果仅仅是想给当前View添加自定义的js或css，则可以采用同名规则，View会自动加载，如图： 注意最后三个文件，文件名一样而扩展名不一样，这种情况下你根本就不需要配置javaScriptFile和styleSheetFile属性，View默认就会 加载对应的js和css。 对于这种使用方式的JS文件代码的编写建议参考Javascript Controller技术 方法2：packages-config.xml 上面通过View提供的javaScriptFile和styleSheetFile属性可以引入第三方的资源文件和js库，但是还考虑到可能存在如下的情况： 多个View需要引入相同的js和css配置文件，并且这些js和css文件并不止一个，如果按照上面的方式配置就会比较罗嗦。 下面我们就引入packages-config.xml配置方式，在每一个项目的dorado-home文件夹下都有packages-config.xml配置文件。 该文件主要用于系统资源文件的打包处理。下面以sample-center为例简单介绍packages-config.xml的基本使用方式。 packages-config.xml的默认代码： ?xml version=1.0 encoding=UTF-8? config Patterns Pattern name=js contentType=text/javascript charset=UTF-8 mergeRequests=${configure[view.mergeJavaScript]} resourceSuffix=.js / Pattern name=css contentType=text/css charset=UTF-8 mergeRequests=${configure[view.mergeStyleSheet]} resourceSuffix=.css / /Patterns Packages Package name=common pattern=js/Package /Packages /config 如sample-center中我们在web的根目录中添加了如下的syntax-highlighter资源目录，把相关的js和css都复制于此。 接下来我们可以在packages-config.xml中做出如下的配置： Packages Package name=common pattern=js/Package Package name=syntax-highlighter-css pattern=css baseUri=libraries/syntax-highlighter /libraries/syntax-highlighter/shCore, /libraries/syntax-highlighter/shThemeDefault /Package Package name=syn