在线客服系统源码开发实战总结:gin框架模板渲染html页面
2023-02-18 15:37:03 时间
渲染模板
我的客服系统后端使用的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>
可以看到导航部分的效果,参考演示页面 演示页面-唯一在线客服系统
相关文章
- 这些并发容器的坑,你要谨记!
- 物联网设备上云难?华为云IoT帮你一键完成模型定义,快速在线调试设备
- 记一次血淋淋的MySQL崩溃修复案例
- DTSE Tech Talk | 云原生架构下的数字身份治理实践
- 冠军斩获10万奖金!首届“域见杯”医检AI开发者大赛精彩落幕
- AppCube视角浅析: 艾瑞咨询《2022年中国低代码行业研究报告》
- SPL:跑批有这么难么?
- KubeEdge:下一代云原生边缘设备管理标准DMI的设计与实现
- 我用开天平台做了一个字符串检查API,hin 简单~~
- KubeEdge边缘计算在顺丰科技工业物联网中的实践
- 教你使用Jupyter可视化查询语句的语法树
- 如何应对软件可变性?这4种常用的方法肯定要知道
- 云上开发如何实现持续代码提交?
- 工业智能化转型升级难?华为云这三招,加速商业变现
- 关于Copy On Write Array List,你会安全使用么
- 如何做好分支管理,保证高效CI/CD?
- ModelBox开发体验:使用YOLOv3做口罩检测
- DTSE Tech Talk丨第3期:解密数据隔离方案,让SaaS应用开发更轻松
- 一文带你认知定时消息发布RocketMQ
- 云图说丨初识可信分布式身份服务