Nodejs高擴展性的模板引擎 functmpl簡介

更新時間：2017年02月13日 08:51:42 投稿：hebedich

本文給大家分享的是一款nodejs高擴展性的模板引擎functmpl的簡單介紹以及用法詳解，有需要的小伙伴可以參考下

關于functmpl

functmpl 是一個基于JavaScript/Nodejs的高擴展性的模板引擎

模板格式

<#包含/>

如果想在一個模板中插入另一個模板，可以使用<#包含/>

比如插入模板 a.ftl :

<#"a.ftl"/>

<@功能/>

除了輸出變量、包含模板外，也可以加入更多自定義的功能，比如:枚舉、賦值

但額外的功能需要自定義。

自定功能的具體格式為

<@功能名稱參數名=參數值/>
<@功能名稱參數名=參數值>
子節(jié)點
</>
其中，參數名/參數值可以沒有或者含有多對。

參數值可以是變量名,或者是JSON

子節(jié)點內容可以是普通內容、<=輸出/>、<#包含/>或者<@功能/>

<`表達式`>

如果只是執(zhí)行表達式，可以使用<`表達式`>

<`=輸出`>

如果想輸出一個變量的值，可以使用<=輸出/>

比如輸出變量 val 的值

<\`=val\`>

如何使用

獲得functmpl

使用npm 或者 git

npm install functmpl
git clone git@github.com:wangchenxunum/functmpl.git
git clone git@git.oschina.net:wangchenxunum/functmpl.git

引入到Nodejs

let functmpl = require('functmpl');

引入到瀏覽器

<script src="functmpl.js"></script>

模板解析器實例

//創(chuàng)建一個解析器
let ftl = functmpl();
//加入功能處理器
ftl.use(functmpl.func);
//模板解析
ftl.template = '<!DOCTYPE html>\n\
<html>\n\
<head>\n\
  <title><`=title`></title>\n\
</head>\n\
<body>\n\
  <@enum key="key" value="value" var=list>\n\
    <@scope>\n\
      <@set key="key" value="1" type="create"/>\n\
      <`=key`>:<`=value`><br>\n\
    </>\n\
    <`=key`>:<`=value`><br>\n\
  </>\n\
</body>\n\
</html>'
//設置模板位置如果使用<#包含/>，必須要有一個基本的相對位置
ftl.filename = 'template.ftl';
//也可以直接讀取模板文件
ftl.loadFile('template.ftl',function(status){
  if (status) {
    //讀取文件成功，并且已經解析
    //調用模板生成數據
    ftl.parse(function(text){
      //當生成完畢后調用回調函數
      console.log("生成完成:\n" + text);
    },JSON.parse(data.value));
  } else {
    //讀取文件失敗
  }
});

您可能感興趣的文章:

node版本升級npm命令警告原因及解決
這篇文章主要為大家介紹了node版本升級npm命令警告原因解決，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2022-06-06
使用nodeAPI時遇到過異步問題解決
這篇文章主要為大家介紹了使用nodeAPI時遇到過異步問題解決，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2023-01-01
Nodejs進階：如何將圖片轉成datauri嵌入到網頁中去實例
這篇文章主要介紹了Nodejs進階：如何將圖片轉成datauri嵌入到網頁中去,有興趣的可以了解一下。
2016-11-11
import與export在node.js中的使用詳解
本篇文章主要介紹了import與export在node.js中的使用詳解，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-09-09
node.js安裝超詳細步驟教程(推薦!)
其實Node.js就是運行在服務端的JavaScript,Node.js是一個基于Chrome?JavaScript運行時建立的一個平臺,下面這篇文章主要給大家介紹了關于node.js安裝超詳細步驟教程的相關資料,需要的朋友可以參考下
2023-06-06
解決修復npm安裝全局模塊權限的問題
今天小編就為大家分享一篇解決修復npm安裝全局模塊權限的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-05-05
nodeJs事件循環(huán)運行代碼解析
這篇文章主要為大家介紹了nodeJs事件循環(huán)運行代碼解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2023-04-04
Nest.js系列之Providers及模塊功能使用詳解
這篇文章主要為大家介紹了Nest.js系列之Providers及模塊功能使用詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2023-03-03
nodejs模塊系統(tǒng)源碼分析
這篇文章主要介紹了nodejs模塊系統(tǒng)源碼分析，對nodejs感興趣的同學，可以參考下
2021-05-05
Node 搭建一個靜態(tài)資源服務器的實現
這篇文章主要介紹了Node 搭建一個靜態(tài)資源服務器的實現，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2019-05-05