Sangat sangat baru dalam menggunakan cara di atas dan sejauh ini bagus. Saya hanya melakukan situs pengujian sederhana untuk memahami berbagai hal.
Punya satu template dan dua halaman (indeks & tentang). Apa yang tidak dapat saya pahami dan saya telah membaca berbagai situs web tentang masalah ini, adalah bagaimana saya dapat memiliki konten berbeda untuk dua halaman menggunakan satu templat. Saya mungkin tidak melakukan sesuatu dengan benar atau melakukan sesuatu yang salah, jadi jika ada yang bisa mengarahkan saya ke arah yang benar atau memberikan contoh kerja yang baik. itu akan membantuku selamanya.
Templat
doctype html
html(lang="en")
head
title= metaTitle
meta(charset='utf-8')
meta(http-equiv="X-UA-Compatible", content="IE=edge")
meta(name="viewport", content="width=device-width, initial-scale=1")
link(rel='stylesheet', href='http://fonts.googleapis.com/css?family=Open+Sans')
link(rel='stylesheet', href='/id_templates/bootstrap336/css/bootstrap.css')
link(rel='stylesheet', href='/id_templates/css/generic.css')
body
.container
header
#header
h1 Node.js
nav.navbar.navbar-default
include shared/nav.pug
section
h3 #{pageHeading}
<!-- Want my content here -->
p
img(src='/_templates/images/reg_icon.png')
footer
.row
.col-xs-12.col-sm-6
Copyright © 2016
.col-xs-12.col-sm-6.text-right
Privacy
script(src='_includes/jquery/jquery-2.2.3.min.js')
script(src='_includes/jquery/jquery-ui-1114/jquery-ui.js')
script(src='_templates/bootstrap336/js/bootstrap.min.js')
Server web dasar
//Basic webserver
var express = require('express'),
app = express();
require('./routes')(app);
module.exports=app;
//config
app.set('view engine','pug');
app.set('views',__dirname + '/public/_templates');
//standard
app.use(express.static(__dirname + '/public'));
//Starts and listens
var port = process.env.PORT || 3000;
app.listen(port, function() {
console.log("Listening on " + port+" | In folder " + __dirname + '\\public');
})
File rute.js saya
module.exports = function(app){
var coretitle="Node.js :: Test";
app.get('/', function (req, res) {
res.render('index', {
metaTitle : coretitle,
pageHeading : 'First attempt'
});
});
app.get('/about', function (req, res) {
res.render('index', {
metaTitle : coretitle,
pageHeading : 'All About This'
});
});
}
extends layout.pug
untuk memperluas layout.pug, Anda juga memerlukan about.pug yang juga memperluas tata letak. Kemudian gunakanres.render('index...
danres.render('about...
- person Molda   schedule 21.09.2016