在 Express 中配置使用 art-template 模板引擎

在 Express 中配置使用 art-template 模板引擎

安装:

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

配置:
·

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

使用:

app.get('/',function (req,res){
    
    

    // express 默认会去项目中的 views 目录找 index.html
    
    res.render('404.html',{
    
    
         title: 'hello world'
     });
     
});

如果希望修改默认的views 视图渲染存储目录,可以

//注意:第一个参数 views 千万不要写错
app.set('views' , 目录路径)

下面是一个小demo:

var express = require('express');

var app = express();

app.use('/public/',express.static('./public'));

//配置使用 art-template 模板引擎
//第一个参数表示,当渲染以 .art 结尾的文件的时候,使用 art-template模板引擎
//express-art-template 是专门在Express中把 art-template 整合到 Express 中
//虽然外面这里不需要记载 art-template 但是也必须要安装
//原因在于 express-art-template 依赖了 art-template
app.engine('html', require('express-art-template'));


// Express 为 Response 响应对象提供了一个方法:render
// render 方法默认不可以使用,但是如果配置了模板引擎就可以使用了
// res.render('html模板名','模板数据')
// 第一个参数不能写路径,默认会去项目中的 views 目录查找该模板文件
// 也就是说 Express 有一个约定:开发人员把所有的视图文件都放到了 views 目录中

// 如果想要修改默认的 views 目录,则可以这样来修改
// app.set('views',render函数的默认路径)

app.get('/',function (req,res){
    
    
    res.render('index.html',{
    
    
    });
});

app.get('/admin',function (req,res){
    
    
    res.render('./admin/index.html',{
    
    
        title:'管理系统',
    })
});

app.listen(3000,function (){
    
    
    console.log('feedback-express is running...')
})

猜你喜欢

转载自blog.csdn.net/cake_eat/article/details/109055856