在线客服系统源码开发实战总结：gin框架模板渲染html页面

渲染模板

我的客服系统后端使用的golang Gin 框架，想把页面渲染出来，下面就是加载html模板页面

package routerfunc InitViewRouter(engine *gin.Engine) {    //关于页面    engine.GET("https://www.cnblogs.com/aboutus.html", func(c *gin.Context) {        c.HTML(http.StatusOK, "aboutus.html", gin.H{            "nav": "aboutus",        })    })    //演示页面    engine.GET("https://www.cnblogs.com/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"}}        {{ end }}

模板判断

导航部分，需要判断分配的模板变量，实现当前选中页面效果。.nav就是分配过来的变量

                                    线上功能演示                                                    关于产品                

可以看到导航部分的效果，参考演示页面演示页面-唯一在线客服系统

十年开发经验程序员，离职全心创业中，历时三年开发出的产品《唯一客服系统》 一款基于Golang+Vue开发的在线客服系统，软件著作权编号：2021SR1462600。一套可私有化部署的网站在线客服系统，编译后的二进制文件可直接使用无需搭开发环境，下载zip解压即可，仅依赖MySQL数据库，是一个开箱即用的全渠道在线客服系统，致力于帮助广大开发者/公司快速部署整合私有化客服功能。 开源地址：唯一客服（开源学习版） 官网地址：唯一客服官网