在线客服系统源码开发实战总结：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 class=\"nav-item {{if eq .nav \"show\"}}on{{end}}\">
                    <a href=\"/show.html\" target=\"_blank\">线上功能演示</a>
                </li>
                <li class=\"nav-item {{if eq .nav \"aboutus\"}}on{{end}}\">
                    <a href=\"/aboutus.html\" target=\"_blank\">关于产品</a>
                </li>

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

十年开发经验程序员，离职全心创业中，历时三年开发出的产品《唯一客服系统》

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

来源：https://www.cnblogs.com/taoshihan/p/16890361.html
本站部分图文来源于网络，如有侵权请联系删除。