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...");
})
  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值