Nodejs中怎么使用模板引擎以及使用模板引擎渲染HTML

這篇文章給大家分享的是有關(guān)Nodejs中怎么使用模板引擎以及使用模板引擎渲染HTML的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

創(chuàng)新互聯(lián)公司專注于棲霞網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。熱誠為您提供棲霞營銷型網(wǎng)站建設(shè)，棲霞網(wǎng)站制作、棲霞網(wǎng)頁設(shè)計(jì)、棲霞網(wǎng)站官網(wǎng)定制、微信小程序開發(fā)服務(wù)，打造棲霞網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供棲霞網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。

使用readdir獲取指定路徑下的所有文件名

文件結(jié)構(gòu)

實(shí)現(xiàn)代碼

const fs = require('fs');

fs.readdir('G:/pink_code/Node_Study/02',(err,list) => {
    if (!err) {
        console.log(list);
    }
})

代碼輸出

[ '01_http-helloWorld.js', '02_使用readdir獲取指定路徑下的所有文件名.js', 'www' ]

在瀏覽器中使用模板引擎

1. 安裝art-template

npm install art-template

2. 通過script標(biāo)簽引入art-template

3. 使用模板引擎語法進(jìn)行調(diào)用



    這是{{name}}

在Node中使用模板引擎

1. 安裝art-template

npm install art-template

2. 在需要使用模板引擎的模塊中加載art-template

3. 查文檔，使用模板引擎的API

在Node中使用模板引擎的一個小案例

const template = require('art-template');

const test = template.render('hello {{name}}',{
    name: 'NodeJs'
})

console.log(test);

輸出結(jié)果

hello NodeJs

一個使用模板引擎渲染HTML的小案例

HTML結(jié)構(gòu)




    
    

    

    C:\Users\HP\Desktop\共享文件\ 的索引





    糟糕！Google Chrome無法解讀服務(wù)器所發(fā)送的數(shù)據(jù)。請報(bào)告錯誤，并附上原始列表。

C:\Users\HP\Desktop\共享文件\ 的索引 [上級目錄]

名稱大小修改日期 {{each files}} {{$value}} 189 kB 2021/7/28 下午5:36:03 {{/each}}

Node代碼

const http = require('http');
const template = require('art-template');
const fs = require('fs');

const server = http.createServer();

server.on('request', (req, res) => {
    const url = req.url;

    // 文件路徑
    const filePath = 'G:/pink_code/Node_Study/02';
    // 獲取文件路徑下所有的文件名
    let listName;
    fs.readdir(filePath, (err, list) => {
        if (!err) {
            listName = list;
        }
    })
    // 讀取模板文件內(nèi)容
    fs.readFile('./www/template.html', (err, data) => {
        if (!err) {
            data = data.toString();
            test = template.render(data,{
                files: listName
            })
            res.end(test);
        } else {
            console.log('讀取文件出錯', err);
        }
    });

})

// 監(jiān)聽3000端口
server.listen(3000, (err) => {
    if (!err) {
        console.log('服務(wù)器啟動成功！');
    }
})

實(shí)現(xiàn)效果

Nodejs中怎么使用模板引擎以及使用模板引擎渲染HTML

感謝各位的閱讀！關(guān)于“Nodejs中怎么使用模板引擎以及使用模板引擎渲染HTML”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！

新聞名稱：Nodejs中怎么使用模板引擎以及使用模板引擎渲染HTML
本文來源：http://weahome.cn/article/gcjgso.html

真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

Nodejs中怎么使用模板引擎以及使用模板引擎渲染HTML

使用readdir獲取指定路徑下的所有文件名

在瀏覽器中使用模板引擎

在Node中使用模板引擎

一個使用模板引擎渲染HTML的小案例

其他資訊

網(wǎng)站制作

企業(yè)服務(wù)

網(wǎng)站建設(shè)

服務(wù)器托管