Bagaimana untuk Melayan Fail Statik dengan Penghala Gin untuk Penyesuaian JSON dan HTML?

Menyajikan Fail Statik dengan Penghala Gin untuk JSON dan Penyesuaian HTML

Menyajikan fail statik ialah keperluan biasa dalam aplikasi web. Dengan Gin, penyajian fail statik adalah mudah, membolehkan anda memuatkan sumber luaran dengan lancar seperti fail JavaScript, CSS dan JSON.

Dalam kes anda, anda ingin menyampaikan fail JSON (web.json) dan menyesuaikan fail HTML (index.html) menggunakan JavaScript untuk merujuk fail JSON. Struktur aplikasi anda nampaknya tersusun dengan baik dan penghala Gin anda dikonfigurasikan untuk memuatkan templat HTML daripada direktori templat/*.

Untuk menyampaikan fail web.json, anda perlu menambah laluan fail statik ke penghala Gin anda. Rujuk fail main.go yang dikemas kini berikut:

<code class="go">package main

import (
    "net/http"

    "github.com/gin-gonic/gin"
)

var router *gin.Engine

func main() {
    router = gin.Default()
    router.LoadHTMLGlob("templates/*")

    router.GET("/web", func(c *gin.Context) {
        c.HTML(
            http.StatusOK,
            "index.html",
            gin.H{
                "title": "Web",
                "url":   "./web.json",
            },
        )
    })

    // Serve the web.json file
    router.StaticFS("/web.json", http.Dir("templates"))

    router.Run()
}</code>

Dengan menambahkan baris penghala.StaticFS("/web.json", http.Dir("templates"), anda telah menentukan fail statik laluan yang menyediakan fail web.json daripada direktori templat. Kini, kod JavaScript anda dalam index.html boleh mengakses fail JSON menggunakan ./web.json.

Dengan kemas kini ini, aplikasi anda kini seharusnya dapat menyediakan kedua-dua fail index.html dan web.json, membolehkan anda menyesuaikan fail HTML dengan JavaScript dan mendapatkan semula data JSON seperti yang diperlukan.

Atas ialah kandungan terperinci Bagaimana untuk Melayan Fail Statik dengan Penghala Gin untuk Penyesuaian JSON dan HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!