Rumah >pembangunan bahagian belakang >Golang >Aplikasi web Gin menghasilkan hanya satu templat
Aplikasi web Gin menghasilkan hanya satu templat
- WBOYke hadapan
- 2024-02-13 11:30:15940semak imbas
Gin ialah rangka kerja web ringan yang digunakan secara meluas dalam pembangunan web dalam bahasa Go. Dalam Gin, aplikasi web biasanya hanya perlu memaparkan templat untuk melengkapkan paparan halaman. Reka bentuk ini membolehkan pembangun menumpukan lebih pada pelaksanaan logik perniagaan dan memudahkan proses pembangunan. Pada pendapat editor PHP Xiaoxin, ciri Gin ini bukan sahaja meningkatkan kecekapan pembangunan, tetapi juga mengurangkan penggunaan sumber, menjadikan aplikasi Web lebih cekap. Pada masa yang sama, Gin juga menyediakan banyak perisian tengah dan pemalam, memberikan pembangun dengan lebih berskala dan fleksibiliti. Ringkasnya, kesederhanaan dan ciri berkuasa Gin menjadikannya rangka kerja pilihan ramai pembangun.
Kandungan soalan
Saya mempunyai aplikasi web Gin yang mengandungi berbilang templat HTML berdasarkan set bahagian dan templat asas. Templat asas nampaknya berfungsi dengan baik dengan bahagian yang berkaitan, tetapi pandangan utama saya, log masuk, indeks dan pendaftaran tidak dipaparkan seperti yang diharapkan. Setiap kali saya mengakses titik akhir HTTP mana-mana daripada ini, hanya paparan daftar diberikan.
Kandungan yang tiada atau salah konfigurasi dalam fail berikut menyebabkan laluan saya gagal untuk memaparkan halaman yang diminta?
Projek saya mempunyai struktur berikut.
├── app ... │ ├── handlers │ │ ├── general │ │ │ └── general.go │ │ └── routes.go │ ├── main.go │ ├── reloadDev.sh │ ├── static │ │ ├── css │ │ ├── img │ │ └── js │ └── templates │ ├── home │ │ ├── index.tmpl.html │ │ ├── login.tmpl.html │ │ └── register.tmpl.html │ ├── layouts │ │ └── base.tmpl.html │ └── partials │ ├── footer.tmpl.html │ ├── head.tmpl.html │ └── navbar.tmpl.html
base.tmpl.html
{{ define "base" }}
<!DOCTYPE html>
<html lang="eng" data-bs-theme="dark">
{{ template "head" . }}
{{template "navbar" .}}
<body>
{{ block "content" . }}{{ end }}
</body>
{{template "footer" .}}
</html>
{{end}}
Pendaftaran.tmpl.html
{{ template "base" . }}
{{ define "content" }}
<div class="container">
<div class="row">
<div class="col-md-6 offset-md-3">
<h1>Register</h1>
<form action="/register" method="post">
<div class="mb-3">
<label for="username" class="form-label">Username</label>
<input type="text" name="username" id="username" class="form-control" placeholder="Username" required>
</div>
<div class="mb-3">
<label for="password" class="form-label">Password</label>
<input type="password" name="password" id="password" class="form-control" placeholder="Password" required>
</div>
...SNIP...
<button type="submit" class="btn btn-primary">Register</button>
</form>
</div>
</div>
</div>
{{ end }}
index.tmpl.html (Struktur log masuk adalah sama dengan kedua-dua ini.)
{{ template "base" . }}
{{ define "title" }}Home{{ end }}
{{ define "content" }}
<div class="container">
<div class="row">
<div class="col-md-6 offset-md-3">
<p>Welcome to Astra Porta.</p>
<p>Click <a href="https://www.php.cn/link/1b8e84dcae97ad25234484e38615c570">here</a> to login.</p>
</div>
</div>
</div>
{{ end }}
Templat HTML digabungkan dengan binari menggunakan embed.FS.
//go:embed templates/partials/* templates/layouts/* templates/home/*
var files embed.FS
func main() {
router := setupRouter()
err := router.Run()
if err != nil {
panic(err)
}
}
func setupRouter() *gin.Engine {
router := gin.Default()
subFS, e := fs.Sub(files, "templates")
if e != nil {
panic(e)
}
tmpl := template.Must(template.ParseFS(
subFS,
"layouts/*.html",
"partials/*.html",
"home/*.html",
))
router.SetHTMLTemplate(tmpl)
router.StaticFS("/static", http.Dir("static"))
err := router.SetTrustedProxies(nil)
if err != nil {
panic(err)
}
handlers.InitializeRoutes(&router.RouterGroup)
return router
}
Halaman itu dipaparkan dalam laluan permohonan saya. Rujukan di sini memetakan kepada nama fail fail *.tmpl.html.
func SiteIndex(c *gin.Context) {
c.HTML(http.StatusOK, "index.tmpl.html", nil)
}
func GetRegister(c *gin.Context) {
c.HTML(http.StatusOK, "register.tmpl.html", nil)
}
func GetLogin(c *gin.Context) {
c.HTML(http.StatusOK, "login.tmpl.html", nil)
}Penyelesaian
Untuk sesiapa lagi yang menghadapi masalah ini. Penyelesaian yang ditunjukkan oleh mkopriva dalam komen adalah betul. Saya mengalih keluar base.tmpl.html dan mengarang setiap paparan dengan bahagian dan halaman sasaran yang dikemas kini.
Tajuk
{{ define "header" }}
<!DOCTYPE html>
<html lang="eng" data-bs-theme="dark">
{{template "navbar" .}}
<body>
{{ block "content" . }}{{ end }}
<head><meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
...SNIP...
<title>App</title>
</head>
{{end}}
Footer
{{define "footer"}}
<div class="container">
<footer class="py-3 my-4" data-bs-theme="dark">
<ul class="nav justify-content-center border-bottom pb-3 mb-3">
<li class="nav-item"><a href="/" class="nav-link px-2 text-body-secondary">Home</a></li>
</ul>
<p class="text-center text-body-secondary">© 2024 .</p>
</footer>
</div>
</body>
</html>
{{end}}
Halaman bermasalah
{{template "header"}}
<div class="container">
<div class="row">
<div class="col-md-6 offset-md-3">
<p>Welcome to Astra Porta.</p>
<p>Click <a href="https://www.php.cn/link/1b8e84dcae97ad25234484e38615c570">here</a> to login.</p>
</div>
</div>
</div>
{{template "footer"}}Atas ialah kandungan terperinci Aplikasi web Gin menghasilkan hanya satu templat. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!