node.js学习(三)在Express中使用art-template模板引擎

art-template官方文档地址:http://aui.github.io/art-template/docs/api.html
github地址:https://github.com/aui/express-art-template

安装:

npm install --save art-template
npm install --save express-art-template

配置:

var express = require('express');
var app = express();

// 重点   (配置模板引擎)
app.engine('art', require('express-art-template')); 
app.set('view', {
    debug: process.env.NODE_ENV !== 'production'
});
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'art');

// routes
app.get('/', function (req, res) {
    res.render('index.art', {   //render 方法默认不使用,但是配置了模板引擎就可以使用
        user: {
            name: 'aui',
            tags: ['art', 'template', 'nodejs']
        }
    });
});

注意:
①engine方法:第一个参数art可任意取,但响应的页面要对应上,表示以.art结尾的文件,使用art-templatem模板引起,express-art-artemplate 就是把atr-template 整合到Express中,虽然不需要加载,但是也必须要安装,因为express-art-template 依赖art-templat.

②:Express为Response对象提供了:res.render方法默认不使用,但是配置了模板引起就可以使用了

③express有个约定,开发人员把所有的视图文件放在views文件中,render会默认去views文件中找

④如果需要修改默认的views目录,则可以app.set(‘views’,render的默认路径))

使用:

const express=require('express');
const app=express();

app.engine('html',require('express-art-template'));

//render 使用方法res.render("html模板名称",{模板数据})

app.use("/admin",(req,res)=>{
	res.render('admin/erp.html',{  //会默认去默认views路径上去找
		title:'sun'
	})
});

app.listen(2000,()=>{
	console.log("runing...");
})

你可能感兴趣的:(node)