瀏覽器中使用模板引擎 node

2021-10-03 17:13:47 字數 2169 閱讀 4508

// art-template

// art-template 不僅可以在瀏覽器使用,也可以在 node 中使用

// 安裝:

// npm install art-template

// node_modules 不要改,也不支援改。

// 在 node 中使用 art-template 模板引擎

// 模板引起最早就是誕生於伺服器領域,後來才發展到了前端。

// // 1. 安裝 npm install art-template

// 2. 在需要使用的檔案模組中載入 art-template

// 只需要使用 require 方法載入就可以了:require('art-template')

// 也就是說你 isntall 的名字是什麼,則你 require 中的就是什麼

// 3. 查文件,使用模板引擎的 api

var template =

require

('art-template'

)var fs =

require

('fs'

)// 這裡不是瀏覽器

// template('script 標籤 id', )

// var tplstr = `

// //

////

// 我今年 } 歲了

//

// 我喜歡:} } }

// //

// `

fs.readfile

('./tpl.html'

,function

(err, data)

// 預設讀取到的 data 是二進位制資料

// 而模板引擎的 render 方法需要接收的是字串

// 所以我們在這裡需要把 data 二進位制資料轉為 字串 才可以給模板引擎使用

var ret = template.

render

(data.

tostring()

,)console.

log(ret)

})

lang

="en"

>

>

charset

="utf-8"

>

>

}title

>

head

>

>

>

>

>

我今年 } 歲了p

>

>

我來自 }h1

>

>

我喜歡:} } }p

在瀏覽器中使用GitHub

步驟1.建立儲存庫 1.點選頭像旁邊的加號,建立新倉庫 2.輸入倉庫名 3.倉庫說明 4.公共開源 私有 別看不見 收費 綜上所訴 1.點選create new file建立新檔案 或者點選那個鉛筆 或者點選藍色readme.md後再點選鉛筆 2.開始編輯 3.預覽修改 4.編輯完 成後 專案說明 ...

Node模板引擎的使用

2.模板引擎語法 使用const template require art template 引入模板引擎 告訴模板引擎要拼接的資料和模板在 const html template 模板路徑 資料 基礎示例 如下 匯入模板引擎 拼接模板路徑 const views path.join dirname...

node專案開啟瀏覽器

可用於node專案編譯完成後自動開啟瀏覽器。總結了兩種,直接上 或命令 npm i g chrome chrome 開啟chrome瀏覽器 chrome index.html chrome瀏覽器中開啟index.html頁面const childprocess require child proce...