vinchent/udemy-go-web-1
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Working with layouts

Browse Source
This commit is contained in:
Muyao CHEN 2024-06-26 22:25:04 +02:00
parent 144e700b15
commit 10d4172f3c
4 changed files with 43 additions and 45 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
pkg/render/render.go
View File

@ -8,7 +8,7 @@ import (
// renderTemplate renders a HTML template file // renderTemplate renders a HTML template file
func RenderTemplate(w http.ResponseWriter, tmpl string) { func RenderTemplate(w http.ResponseWriter, tmpl string) {
parsedTemplate, _ := template.ParseFiles("./templates/" + tmpl) parsedTemplate, _ := template.ParseFiles("./templates/"+tmpl, "./templates/base.layout.tmpl")
err := parsedTemplate.Execute(w, nil) err := parsedTemplate.Execute(w, nil)
if err != nil { if err != nil {
fmt.Println("error parsing template:", err) fmt.Println("error parsing template:", err)

23
templates/about.page.tmpl
View File

@ -1,24 +1,11 @@
<!DOCTYPE html> {{template "base" .}}
<html lang="en"> {{define "content"}}
<div class="container">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>About page</title>
<link href="css/style.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
</head>
<body>
<div class="container">
<div class="row"> <div class="row">
<div class="col"> <div class="col">
<h1>This is the about page</h1> <h1>This is the about page</h1>
<p>This is the content</p> <p>This is the content</p>
</div> </div>
</div> </div>
</div> </div>
</body> {{end}}
</html>

24
templates/base.layout.tmpl Normal file
View File

@ -0,0 +1,24 @@
{{define "base"}}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>About page</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
{{block "css" .}}
{{end}}
</head>
<body>
{{block "content" .}}
{{end}}
{{block "js" .}}
{{end}}
</body>
</html>
{{end}}

23
templates/home.page.tmpl
View File

@ -1,24 +1,11 @@
<!DOCTYPE html> {{template "base" .}}
<html lang="en"> {{define "content"}}
<div class="container">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Home page</title>
<link href="css/style.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
</head>
<body>
<div class="container">
<div class="row"> <div class="row">
<div class="col"> <div class="col">
<h1>This is the home page</h1> <h1>This is the home page</h1>
<p>This is the content</p> <p>This is the content</p>
</div> </div>
</div> </div>
</div> </div>
</body> {{end}}
</html>