#### Quickling
基于fis支持quickling的smarty插件
#### Overview
插件支持两种渲染模式，
+ 正常渲染模式 `noscript`，不需要前端库进行控制
+ Pipeline渲染模式 `bigpipe`，需要前端库控制渲染
-----
#####`noscript` Render#####
######before######
```html
{%html%}
{%head%}
This is a test
{%/head%}
{%body%}
{%style%}
body {
background-color: #EEEEEE;
}
{%/style%}
{%script%}
console.log("foo, foo, foo");
{%/script%}
{%widget_block pagelet_id="pager"%}
{%widget name="widget/a.tpl"%}
//balabala
{%/widget_block%}
{%/body%}
{%/html%}
```
#####after#####
```html
This is a test
```
-------
####`bigpipe` render == `pipeline`####
#####before#####
```html
{%html mode="bigpipe"%}
{%head%}
This is a test
{%/head%}
{%body%}
{%style%}
body {
background-color: #EEEEEE;
}
{%/style%}
{%script%}
console.log("foo, foo, foo");
{%/script%}
{%widget_block pagelet_id="pager"%}
{%widget name="widget/a.tpl"%}
//balabala
{%/widget_block%}
{%/body%}
{%/html%}
```
#####after#####
```html
This is a test
```
如上源码(before)和运行后的代码(after)；
#### Detail
在smarty里面为了控制输出，使用插件代替几个html标签。
| 标签 | 插件 | |
|:--------------:|:-----------------------------|:-----------------------------------------|
| body | compiler.body.php | 确定JS的位置 |
| html | compiler.html.php | 初始化数据 |
| head | compiler.head.php | 确定css安放位置 |
| script | compiler.script.php | 收集内联脚本 |
| style | compiler.style.php | 收集内联样式 |
| title | compiler.title.php | 获取title，以便异步请求切换页面 |
在`正常模式`渲染下，js和css加载的位置，css在head关闭标签前；js在body关闭标签前。
在`pipeline`渲染下，js和css的链接给前端加载器，前端负责加载。包括html内容，前端负责渲染。
+ lib/FISResource.class.php 收集静态资源，算法演示
+ lib/FISPagelet.class.php 初始化系统，输出模式控制
#### 关于部署迁移
OK, 各个插件的功能都已经说过了。现在说一下部署的问题
-----
**纯粹的FIS 2.0项目**
把所有插件放到smarty的 plugin_dir下。
-----
**和fis 1.0共存？**
把所有插件放到smarty的 plugin_dir下，并删除`compiler.widget_block.php`
**2.0里面有一个插件和1.0有冲突，那就是`compiler.widget_block.php`，请删除2.0里面的.**