從這篇文章開始， 我們每篇開始前，先需要下載上次完成的版本。
開始前
如果沒(méi)有下載之前的代碼，可以使用 $npm install http-f2e-server@0.0.4 先安裝上一篇完成的版本秘血。
服務(wù)端腳本嵌入
上篇完成了模板引用和包含功能，其中include在ASP评甜，JSP灰粮，PHP這樣的腳本中都有類似功能， 事實(shí)上各種服務(wù)端腳本最基本的功能是一個(gè)嵌入式服務(wù)端代碼的模式忍坷， 例如php的 <?php?>粘舟，以及ASP和JSP使用的 <% %>。
underscore.js模板
- underscore http://underscorejs.org
- 因?yàn)?underscore.template 相對(duì)簡(jiǎn)單純粹佩研，我選用它作為f2e-server的默認(rèn)模板引擎柑肴， 后面一些內(nèi)置頁(yè)面都將使用這個(gè)模板開發(fā)， 如果感興趣您可以嘗試其他模板引擎如: jade
- API:
var compiled = _.template("hello: <%= name %>");
compiled({name: 'moe'});
=> "hello: moe"
安裝underscore
直接在根目錄使用 $npm install underscore 就能安裝underscore
植入功能
修改handle.js 模塊中的execute方法旬薯， 返回str前進(jìn)行template包裝
var compiled = _.template(str);
return compiled({require: require});
- 測(cè)試源代碼
<ul id="each-list">
<%for(var i=0; i < 6; i++){
print( '<li>模板循環(huán)項(xiàng)'+(i+1)+'</li>\n' );
}%>
</ul>
- 輸出結(jié)果代碼
<ul id="each-list">
<li>模板循環(huán)項(xiàng)1</li>
<li>模板循環(huán)項(xiàng)2</li>
<li>模板循環(huán)項(xiàng)3</li>
<li>模板循環(huán)項(xiàng)4</li>
<li>模板循環(huán)項(xiàng)5</li>
<li>模板循環(huán)項(xiàng)6</li>
</ul>
PS:
本次開發(fā)代碼沒(méi)有發(fā)布倉(cāng)庫(kù)版本晰骑，相關(guān)代碼跟隨下一篇共同發(fā)布到0.0.6版本。
