Html 我的index.js路由文件有问题-我是否正确设置了视图?

Html 我的index.js路由文件有问题-我是否正确设置了视图?,html,node.js,express,pug,Html,Node.js,Express,Pug,这是我的路线/index.js: var express = require('express'); var router = express.Router(); /* GET home page. */ router.get('/', function(req, res, next) { res.render('index'); }); module.exports = router; 这是我的索引。jade: extends layout block content block

这是我的路线/index.js:

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

/* GET home page. */
router.get('/', function(req, res, next) {
  res.render('index');
});

module.exports = router;
这是我的索引。jade:

extends layout

block content

block top-menu
这是我的布局。杰德:

doctype html

html
  head
    title The Outpost
    meta(charset='utf-8')
    meta(name='viewport', content='width=device-width, initial-scale=1.0')
    link(href='stylesheets/style.css', rel='stylesheet')
    link(href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css", rel="stylesheet")
    link(href='https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css', rel='stylesheet')
  body
    block content
    block top-menu
这是我的顶级菜单。杰德:

extends index

block top-menu
  <!-- menu -->
扩展索引
块顶部菜单
使用
res.render('index')时,如何显示菜单?还是我只是理解错了


我使用此网站是为了理解:

您实际上必须使用
res.render('top-menu')
才能按照您的设置工作。我建议使用
include
将顶部菜单引入布局

doctype html

html
  head
    title The Outpost
    meta(charset='utf-8')
    meta(name='viewport', content='width=device-width, initial-scale=1.0')
    link(href='stylesheets/style.css', rel='stylesheet')
    link(href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css", rel="stylesheet")
    link(href='https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css', rel='stylesheet')
  body
    block content
    include top-menu
注意:如果您希望顶部菜单实际显示在内容上方,则需要将其移动到内容上方

然后,您不必扩展顶部菜单中的任何内容,也不必声明要覆盖的块,因为它将只包含在布局中

<!-- top-menu.jade -->
<ul>...</ul>


您实际上必须使用
res.render('top-menu')
才能在设置时使用它。我建议使用
include
将顶部菜单引入布局

doctype html

html
  head
    title The Outpost
    meta(charset='utf-8')
    meta(name='viewport', content='width=device-width, initial-scale=1.0')
    link(href='stylesheets/style.css', rel='stylesheet')
    link(href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css", rel="stylesheet")
    link(href='https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css', rel='stylesheet')
  body
    block content
    include top-menu
注意:如果您希望顶部菜单实际显示在内容上方,则需要将其移动到内容上方

然后,您不必扩展顶部菜单中的任何内容,也不必声明要覆盖的块,因为它将只包含在布局中

<!-- top-menu.jade -->
<ul>...</ul>


谢谢你,瑞安。那很有帮助,谢谢你,瑞安。这很有帮助。