lua web快速開發指南(5) - 利用template庫構建httpd模板引擎

時間 2019-11-16

標籤 lua web 快速開發指南利用 template 構建 httpd 模板引擎欄目 Lua 简体版

原文原文鏈接

介紹template

模板引擎是爲了使用戶界面與業務數據（內容）分離而產生的, 其自己並非一種深奧的技術.html

template模板引擎首先會將合法的模板編譯爲lua函數, 而後將模板文件和數據經過模板引擎生成一份HTML代碼.git

cf的admin庫整使使用了template來構建服務端渲染頁面, 並利用單頁面+iframe模式快速完成lua後臺開發.github

1. template基礎語法

在真正使用以前, 咱們先來學習一下template常見的一些基本語法:golang

{{ lua expression }} - lua expression是一段lua表達式; 做用爲輸出表達式的結果, 一些特殊符號將會被轉義;
{* lua expression *} - lua expression是一段lua表達式; 做用爲輸出表達式的結果, 不會轉義任何符號;
{% lua code %} - 執行一段lua代碼, 如: {% for i = x, y do %} ... {% end %};
{# comments #}- comments僅做爲註釋, 不會包含在輸出字符串內. 這段語法的做用相似lua內的--與--[[]];
{(template)} - 導入其它模板文件; 同時支持傳參: {(file.html, { message = "Hello, World" })};

2. 轉義字符

& 將會轉義爲 &
< 將會轉義爲 <
> 將會轉義爲 >
" 將會轉義爲 "
' 將會轉義爲 '
/ 將會轉義爲 /

3. API

template.compile(html)
參數html爲字符串類型, 能夠是:模板文件路徑、數據庫

此方法返回一個渲染函數, 調用這個函數並傳入一個table(key-value)做爲參數則能夠在模板文件內直接引用.express
template.precompile(view, path, strip)
此方法用來將view預編譯爲lua的二進制代碼塊, strip是一個bool類型用來肯定是否包含調試信息.編程
template.load(path)
此方法用來重寫template內部的加載行爲; 默認的模板加載流程爲: 檢查緩存 -> 讀取文件 -> 解析文件 -> 渲染 -> 輸出;瀏覽器

path字段爲須要加載的文件路徑或模板、html代碼;緩存
template.print(html)
此方法用來重寫template內部渲染後的輸出行爲; 默認的輸出行爲: print服務器
template.caching(Enable)
此方法用來告訴template是否緩存; 默認爲true.

開始使用

如今嘗試使用模板引擎完成一個靜態頁面的數據導入工做渲染一個頁面並展現給用戶看.

首先, 導入template庫local template = require "template". 而且將目前咱們熟知的編程語言名稱都羅列出來.

local languages = { 'C', 'C++', 'Java', 'golang', 'Rust', 'Ruby', 'Python', 'perl', 'Lua' }

而後, 咱們在app目錄下新建一個view目錄, 並在view目錄下新建一個名字爲base.html的文件。內容以下:

<html>
  <head>
    <title>{*title*}</title>
  </head>
  <body>
    <span><b>{*title*}:</b></span>
    <ul>
      {% if type(languages) == 'table' then %}
        {% for index, lang in ipairs(languages) do %}
          <li>{*index..'. '..lang*}</li>
        {% end %}
      {% end %}
    </ul>
    {# 沒錯, 註釋不會展現給用戶看到! #}
  </body>
</html>

最後完成一個/languages的路由註冊, 將咱們剛剛完成的模板渲染出來.

local template = require "template"
app:use('/languages', function(content)
  template.cache = {}
    local languages = { 'C', 'C++', 'Java', 'golang', 'Rust', 'Ruby', 'Python', 'perl', 'Lua' }
  return template.compile("view/base.html"){
        title = '語言列表',
    languages = languages
  }
end)

template.cache = {}的意思是, 每次都從新刷新緩存去讀取文件, 這樣方便咱們進行調試.

最後打開http://localhost:8080/languages查看效果.

將一個模板分解到多個文件中

當一個項目的業務需求變得很是多的時候, 便是一個單純的模板頁面也會變得很是龐大而且不容維護與閱讀.

如今咱們來嘗試將上面的模板進行模塊化.

首先, 咱們繼續在app目錄新建head.html與content.html. 而後將這些代碼拷貝進去:

{# 這是head.html的內容 #}
<title>{*title*}</title>

{# 這是content.html的內容 #}
<span><b>{*title*}:</b></span>
<ul>
  {% if type(languages) == 'table' then %}
    {% for index, lang in ipairs(languages) do %}
      <li>{*index..'. '..lang*}</li>
    {% end %}
  {% end %}
</ul>
{# 沒錯, 註釋不會展現給用戶看到! #}

而後將原來的base.html修改成:

<html>
  <head>
    {(view/head.html)}
  </head>
  <body>
    {(view/content.html)}
  </body>
</html>

最後, 因爲服務器會自動刷新模板緩存, 咱們只須要再次刷新瀏覽器就能查看效果.

完整代碼示例

-- main.lua
local httpd = require "httpd"
local app = httpd:new("app")

local template = require "template"
app:use('/languages', function(content)
    local languages = { 'C', 'C++', 'Java', 'golang', 'Rust', 'Ruby', 'Python', 'perl', 'Lua' }
    template.cache = {}
  return template.compile("view/base.html"){
        title = '語言列表',
    languages = languages
  }
end)

app:listen("0.0.0.0", 8080)

app:run()

更多template用法能夠參考cf的admin庫.