jason/CompleteNodeJS
jason
/
CompleteNodeJS
1
0
Fork 0
Code

Video 49: Advanced Templating

This commit is contained in:
Jason Williams 2019-10-05 18:06:33 -06:00
parent a2d9baf6e7
commit 3bc267a057
6 changed files with 22 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
web-server/src/app.js
View File

@ -1,22 +1,25 @@
const path = require('path')
const express = require('express')
const hbs = require('hbs')
const app = express()
// Define paths for Express config
const publicDirectoryPath = path.join(__dirname, '../public')
const viewsPath = path.join(__dirname, '../templates')
const viewsPath = path.join(__dirname, '../templates/views')
const partialsPath = path.join(__dirname, '../templates/partials')
// Setup handlebars engine and views location
app.set('view engine', 'hbs')
app.set('views', viewsPath)
hbs.registerPartials(partialsPath)
// Setup static directory to serve
app.use(express.static(publicDirectoryPath))
app.get('', (req, res) => {
res.render('index', {
title: 'Weather App',
title: 'Weather',
name: 'Jason Williams'
})
})
@ -30,7 +33,9 @@ app.get('/about', (req, res) => {
app.get('/help', (req, res) => {
res.render('help', {
helpText: 'This is some helpful text.'
helpText: 'This is some helpful text.',
title: 'Help',
name: 'Jason Williams'
})
})

1
web-server/templates/partials/footer.hbs Normal file
View File

@ -0,0 +1 @@
<p>Created by {{name}}</p>

7
web-server/templates/partials/header.hbs Normal file
View File

@ -0,0 +1,7 @@
<h1>{{title}}</h1>
<div>
<a href="/">Weather</a>
<a href="/about">About</a>
<a href="/help">Help</a>
</div>

4
web-server/templates/about.hbs → web-server/templates/views/about.hbs
View File

@ -7,9 +7,9 @@
</head>
<body>
<h1>{{title}}</h1>
{{>header}}
<img src="/img/me.jpg">
<p>Created by {{name}}</p>
{{>footer}}
</body>
</html>

3
web-server/templates/help.hbs → web-server/templates/views/help.hbs
View File

@ -7,8 +7,9 @@
</head>
<body>
<h1>Help</h1>
{{>header}}
<p>{{helpText}}</p>
{{>footer}}
</body>
</html>

4
web-server/templates/index.hbs → web-server/templates/views/index.hbs
View File

@ -8,8 +8,8 @@
</head>
<body>
<h1>{{title}}</h1>
<p>Created by {{name}}</p>
{{>header}}
{{>footer}}
</body>
</html>