在线客服系统源码开发实战总结:gin框架模板渲染html页面
2023-06-13 09:13:14 时间
渲染模板
我的客服系统后端使用的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>
可以看到导航部分的效果,参考演示页面 演示页面-唯一在线客服系统
相关文章
- C++学习之路——名字空间与模板
- es6 模板字符串_json字符串转成标准格式输出
- 【说站】收集整理的125个微信小程序模板源码
- 【说站】姓氏头像框多模板制作微信小程序源码 复古等等超多模板支持流量主
- 实用的网页加密源码,附四种模板风格-星泽V社
- ThinkPHP5学习002-向模板中传递变量
- 用html设计一个静态网页_学生个人静态网页制作模板
- Spring+MyBatis配置模板
- 利用公众号的模板消息把评论/留言推送到微信
- SpringMVC拦截器的简单模板
- Vue源码之mustache模板引擎(一)
- Vue源码之mustache模板引擎(二)手写实现mustache
- 「.vue文件的编译」4. 模板编译之AST的优化
- 999+套各色风格PPT模板,简约纯色通用PPT模板:好看的模板随意选择
- 微信模板小程序和定制开发小程序的区别?
- 【Kotlin】Kotlin 常用表达式 ( range 范围表达式 | when 条件表达式 | 字符串模板 )
- 使用POI操作Excel时对事先写入模板的公式强制执行详解编程语言
- SMW0上传EXCEL模板时报错无分配给对象***的MIME类型详解编程语言
- [代码]REUSE_ALV_GRID_DISPLAY_LVC-代码模板详解编程语言
- ThinkPHP模板Switch标签用法示例