在線客服系統原始碼開發實戰總結：gin框架模板渲染html頁面-有解無憂

渲染模板

我的客服系統后端使用的golang Gin 框架，想把頁面渲染出來，下面就是加載html模板頁面

package router

func InitViewRouter(engine *gin.Engine) {

    //關于頁面
    engine.GET("/aboutus.html", func(c *gin.Context) {
        c.HTML(http.StatusOK, "aboutus.html", gin.H{
            "nav": "aboutus",
        })
    })
    //演示頁面
    engine.GET("/show.html", func(c *gin.Context) {
        c.HTML(http.StatusOK, "show.html", gin.H{
            "nav": "show",
        })
    })

}

分配的模板變數nav ，是為了前端導航部分，可以實作選中當前頁面的效果

因為導航條部分，我提取到了公共頁面里，

模板公共部分

當使用gin進行模板渲染的時候

如果想要頭部或者底部是公用的，那么可以這樣做

比如模板部分

index.html

footer.html

index.html里面

{{template "footer" .}}

footer.html里面

{{define "footer"}}
    </body>

    </html>
{{ end }}

模板判斷

導航部分，需要判斷分配的模板變數，實作當前選中頁面效果，.nav就是分配過來的變數

                <li show"}}on{{end}}">
                    <a href="https://www.cnblogs.com/show.html" target="_blank">線上功能演示</a>
                </li>
                <li aboutus"}}on{{end}}">
                    <a href="https://www.cnblogs.com/aboutus.html" target="_blank">關于產品</a>
                </li>

可以看到導航部分的效果，參考演示頁面演示頁面-唯一在線客服系統

十年開發經驗程式員，離職全心創業中，歷時三年開發出的產品《唯一客服系統》

一款基于Golang+Vue開發的在線客服系統，軟體著作權編號：2021SR1462600，一套可私有化部署的網站在線客服系統，編譯后的二進制檔案可直接使用無需搭開發環境，下載zip解壓即可，僅依賴MySQL資料庫，是一個開箱即用的全渠道在線客服系統，致力于幫助廣大開發者/公司快速部署整合私有化客服功能，開源地址：唯一客服（開源學習版）官網地址：唯一客服官網

轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/534060.html

標籤：Go

上一篇：計算機等級考試二級C語言程式設計專項訓練題——程式修改題（一）

下一篇：有趣的 Go HttpClient 超時機制