-
Notifications
You must be signed in to change notification settings - Fork 2
插件使用
zhangyunlong edited this page Sep 16, 2013
·
1 revision
FIS-PC解决方案提供一套基于smarty(version >= 3.1.13)插件的后台运行框架,针对静态资源管理、模板模块化、pagelet等功能。
- 功能:代替<html>标签,设置页面运行的前端框架,以及控制整体页面输出。
- 属性值:framework及html标签原生属性值
- 是否必须:是
- 用法:在模板中替换普通<html>标签
{%html framework="home:static/lib/mod.js"%} .... {%/html%}
- 功能:代替<head>标签,控制CSS资源加载输出。
- 属性值:head标签原生属性值
- 是否必须:是
- 用法:在模板中替换普通<head>标签
{%html framework="home:static/lib/mod.js"%} {%head%} <meta charset="utf-8"/> {%/head%} {%/html%}
- 功能:代替<body>标签,控制JS资源加载输出。
- 属性值:body标签原生属性值
- 是否必须:是
- 用法:在模板中替换普通<body>标签
{%html framework="home:static/lib/mod.js"%} {%head%} <meta charset="utf-8"/> {%/head%} {%body%} .... {%/body%} {%/html%}
- 功能:代替<script>标签,收集使用JS组件的代码块,控制输出至页面底部。
- 属性值:无
- 是否必须:在模板中使用异步JS组件的JS代码块,必须通过插件包裹
- 用法:在模板中替换普通<script>标签
{%html framework="home:static/lib/mod.js"%} {%head%} <meta charset="utf-8"/> {*通过script插件收集加载组件化JS代码*} {%script%} require.async("home:static/ui/B/B.js"); {%/script%} {%/head%} {%body%} ... {%/body%} {%/html%}
- 功能:通过静态资源管理框架加载静态资源。
- 插件类型:compiler
- 属性值:name(调用文件目录路径,与src属性二选一) | src(调用线上资源,与name属性二选一)
- 是否必须:是
- 用法:在模板中如果需要加载模块内某个静态资源,可以通过require插件加载,便于管理输出静态资源
{%html framework="home:static/lib/mod.js"%} {%head%} <meta charset="utf-8"/> {*通过script插件收集加载组件化JS代码*} {%script%} require.async("home:static/ui/B/B.js"); {%/script%} {%/head%} {%body%} {%require name="home:static/index/index.css"%} ... {%/body%} {%/html%}
- 功能:调用模板组件,渲染输出模板片段。
- 插件类型:compiler
- 属性值:name(调用文件目录路径)
- 是否必须:是
- 用法:在模板中调用某个模板组件
{%html framework="home:static/lib/mod.js"%} {%head%} <meta charset="utf-8"/> {*通过script插件收集加载组件化JS代码*} {%script%} require.async("home:static/ui/B/B.js"); {%/script%} {%/head%} {%body%} {%require name="home:static/index/index.css"%} {%widget name="home:widget/A/A.tpl"%} {%/body%} {%/html%}