700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > Express入门 模板引擎hbs 服务端渲染

Express入门 模板引擎hbs 服务端渲染

时间:2018-12-20 08:14:53

相关推荐

Express入门 模板引擎hbs 服务端渲染

Express支持多种模板引擎,这里将采用Handlebars模板引擎的服务器端版本hbs模板引擎 。

安装hbs

npm install hbs --save-dev

安装hbs模板引擎后改写app.js

//index.jsvar express=require('express');var app=express();//加载hbs模块var hbs = require('hbs');//指定模板后缀名为htmlapp.set('view engine','html');//运行hbs模块app.engine('html',hbs.__express);var routes=require('./routes')(app);app.listen(8080);

新建views子文件,放入视图文件三个:index.html customer.html admin.html

<!--index.html--><p>这里是index</p>

<!--customer.html--><p>这里是customer</p>

<!--admin.html--><p>这里是admin</p>

接下来修改路由文件

//routes/index.jsmodule.exports = function(app) {app.get('/',function(req,res){res.render('index');});app.get('/customer',function(req,res){res.render('customer');});app.get('/admin',function(req,res){res.render('admin');});}

render方法 对网页模板进行渲染,render方法的参数就是文件名,默认放在views文件夹下,不需要html后缀名 ,已经在index.js说明为html

运行结构如图:

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。