nodejs中引入art-template模板

時間 2019-12-08

標籤 nodejs 引入 art template 模板简体版

原文原文鏈接

使用Webstorm建立nodejs express應用時，默認使用的是jade或者ejs模板，對於不習慣這兩種模板語法的人來講確實不是很方便。不要緊，這裏咱們使用art-template模板引擎，使用後能夠直接使用html模板：html

一、安裝art-templatenode

npm install art-template

二、修改app.js文件，添加以下代碼：jquery

// view engine setup
app.set('views', path.join(__dirname, 'views'));
var template = require('art-template');
template.config('base', '');
template.config('extname', '.html');
app.engine('.html', template.__express);
app.set('view engine', 'html');

三、而後直接建立html頁面，js路由即可以直接訪問了express

四、關於art-template的使用，能夠參見http://www.jq22.com/jquery-info1097npm

首先在app.js中添加以下路由攔截：瀏覽器

var routes = require('./routes/index');

...

app.use('/', routes);

而後是index.js文件：app

var express = require('express');
var router = express.Router();
var tags = require('../modules/tag.js');

router.get('/', function(req, res, next) {
    res.render("index2",{title:"index2",content:"index2's content"});
});

module.exports = router;

這裏我跳轉到index2頁面（配置好了art-template模板引擎後，視圖層默認文件後綴即爲html），index2.html頁面以下：ui

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{{title}}</title>
</head>
<body>
{{content}}
</body>
</html>

運行應用，瀏覽器輸出以下：spa

1. 模板引擎artTemplate
2. artTemplate模板引擎
3. nodejs預編譯artTemplate模板
4. node.js之模板引擎artTemplate
5. 模板引擎artTemplate 介紹
6. JSON模板引擎--artTemplate
7. JS模板引擎：ArtTemplate （1）
8. js模板引擎之artTemplate
9. 【artTemplate】artTemplate模板引擎入門（一）：簡潔語法的使用
10. artTemplate模板
更多相關文章...
• Maven 項目模板 - Maven教程
• Eclipse 代碼模板 - Eclipse 教程
• 委託模式
• YAML 入門教程

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。