Express全系列教程2

最新推荐文章于 2023-12-27 15:31:58 发布

buyue__

最新推荐文章于 2023-12-27 15:31:58 发布

阅读量261

点赞数

分类专栏： nodejs

本文链接：https://blog.csdn.net/buyueliuying/article/details/119025667

版权

nodejs 专栏收录该内容

28 篇文章 0 订阅

订阅专栏

调整布局目录

在 views目录下创建layouts文件夹，并把views目录下的layouts.hbs文件移到layouts文件夹里面，再把layout.hbs重命名成main.hbs
在这里插入图片描述

调整app.js的代码

#增加
//指定默认layout
app.set('view options', { layout: 'layouts/main'});

增加其他布局
views/layouts下增加tt.hbs文件，内容如下

<!DOCTYPE html>
<html>
  <head>
    <title>使用tt布局</title>
  </head>
  <body>
    {{{body}}}
  </body>
</html>

views目录下创建tt文件夹，tt文件夹创建index.hbs文件，内容如下

<h1>{{title}}</h1>
<p>这里的路径是/tt/index</p>

修改routes下的index.js文件，增加

router.get('/tt/index', function(req, res, next) {
  res.render('tt/index', { title: 'tt来了', layout: 'layouts/tt'});
});

在这里插入图片描述

浏览器输入 localhost:3000/tt/index 即可查看效果

在这里插入图片描述

优化
把视图文件的后缀.hbs改为.html

app.set('view engine', 'html');
app.engine('html', require('hbs').__express);

路由配置文件单独管理
在项目根目录下创建routes.js文件，内容如下

module.exports = function(app){
    app.use('/', require('./routes/index'));
    app.use('/trading/order', require('./routes/trading/order'));
}

在routess目录下创建trading文件夹，在trading文件夹下创建order.js文件，内容如下

var express = require('express');
var router = express.Router();

router.get('/', function(req, res, next) {
    res.send('/trading/order');
});

router.get('/list', function(req, res, next) {
    res.send('/trading/order/list');
});

module.exports = router;

app.js里面把原来的app.use('/', indexRouter);此类代码注释掉，增加

require('./routes')(app);

浏览器地址输入 localhost:3000/trading/order/list 即可查看效果

buyue__

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Express全系列教程2

调整布局目录在 views目录下创建layouts文件夹，并把views目录下的layouts.hbs文件移到layouts文件夹里面，再把layout.hbs重命名成main.hbs调整app.js的代码#增加//指定默认layoutapp.set('view options', { layout: 'layouts/main'});增加其他布局views/layouts下增加tt.hbs文件，内容如下<!DOCTYPE html><html> <h
复制链接

扫一扫