在线客服系统源码开发实战总结:gin框架模板渲染html页面
2023-02-18 15:36:59 时间
渲染模板
我的客服系统后端使用的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>
可以看到导航部分的效果,参考演示页面 演示页面-唯一在线客服系统
相关文章
- 【已解决】在docker里面安装es时候提示IPv4 forwarding is disabled. Networking will not work.
- Vue DevUI v1.4 版本发布:从体验、效率、质量三个方面做了全方位的优化🎉
- 使用Angular构建单页面应用(SPA)
- 如何在 pyqt 中实现桌面歌词
- 对 python 中 @property 和计算属性的一些思考
- 如何使用 numpy 和 pytorch 快速计算 IOU
- 实践案例丨基于ModelArts AI市场算法MobileNet_v2实现花卉分类
- 美女面试官问我Python如何优雅的创建临时文件,我的回答....
- 绝了,华为云服务器“The 3”出道,每款都很能打
- Volcano火山:容器与批量计算的碰撞
- 【华为云技术分享】LiteOS无法直接烧录或者烧录失败解决方法--ST-Link
- 快速了解云原生中的微服务应用(内含福利)
- 从软件开发到 AI 领域工程师:模型训练篇
- 【福利活动】华为云“上云之路”征文大赛开启,FreeBuds3无线耳机等重磅好礼送不停
- 【儿童节特辑】风格迁移——让你的照片秒变手绘日漫风
- 【极客思考】计算机网络:Wireshark抓包分析TCP中的三次握手与四次挥手
- 低代码开发平台发展趋势:低代码——炒作还是趋势?
- 我们谈自动驾驶网络到底在谈什么?
- 【昇腾】ModelArts与Atlas 200 DK云端协同开发——行人检测Demo(完整版)
- 疫情数据背后,聊聊数据分析平台变迁史