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 入门教程