-
Notifications
You must be signed in to change notification settings - Fork 141
dev smarty plugin
fansekey edited this page Feb 10, 2015
·
2 revisions
FIS-PLUS提供一套基于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%}