客服电话
APP下载
迪恩网络APP
随时随地掌握行业动态
官方微信
扫描二维码
关注迪恩网络微信公众号
|
Revel 使用 Go Templates. 它搜索两个目录来查找模板:
Revel为错误页面提供模板(在开发模式中显示友好的编译错误), 但是应用程序可以通过创建一个相同名字的模板来重写它, 例如 app/views/errors/500.html 渲染上下文Revel使用RenderArgs的数据字典执行模板. 除了应用程序提供的数据外, Revel提供了下面的入口:
模板函数Go提供了一些模板函数用于你的模板中. Revel添加了如下这些, 你可以查看文档或源代码. eq一个简单的 "a== b"测试, 如下所示: <div class="message {{if eq .User "you"}}you{{end}}"> set设置一个变量到给定的上下文, 如下所示: {{set . "title" "Basic Chat room"}}
<h1>{{.title}}</h1>
append添加一个变量到一个数组或开始一个新数组到给定的上下文, 如下所示: {{append . "moreScripts" "js/jquery-ui-1.7.2.custom.min.js"}}
{{range .moreStyles}}
<link rel="stylesheet" type="text/css" href="/public/{{.}}">
{{end}}
field一个input元素的帮助函数. 给定一个元素名称, 它返回一个包含了下面成员的struct
{{with $field := field "booking.CheckInDate" .}}
<p class="{{$field.ErrorClass}}">
<strong>Check In Date:</strong>
<input type="text" size="10" name="{{$field.Name}}" class="datepicker" value="{{$field.Flash}}">
* <span class="error">{{$field.Error}}</span>
</p>
{{end}}
option
协助构造HTML的option元素, 结合field帮助函数, 如下所示:
{{with $field := field "booking.Beds" .}}
<select name="{{$field.Name}}">
{{option $field "1" "One king-size bed"}}
{{option $field "2" "Two double beds"}}
{{option $field "3" "Three beds"}}
</select>
{{end}}
radio协助构建HTML的radio元素, 结合field帮助函数, 如下所示: {{with $field := field "booking.Smoking" .}}
{{radio $field "true"}} Smoking
{{radio $field "false"}} Non smoking
{{end}}
包含Go模板允许你通过包含来组建模板, 如下所示: {{include "header.html"}}
这里有两件需要注意的事:
技巧这个示例演示了Revel尝试有效的使用Go模板. 如下所示:
它利用帮助函数来在模板中设置title和额外的样式, header示例如下: <html>
<head>
<title>{{.title}}</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" media="screen" href="/public/css/main.css">
<link rel="shortcut icon" type="image/png" href="/public/img/favicon.png">
{{range .moreStyles}}
<link rel="stylesheet" type="text/css" href="/public/{{.}}">
{{end}}
<script src="/public/js/jquery-1.3.2.min.js" type="text/javascript" charset="utf-8"></script>
<script src="/public/js/sessvars.js" type="text/javascript" charset="utf-8"></script>
{{range .moreScripts}}
<script src="/public/{{.}}" type="text/javascript" charset="utf-8"></script>
{{end}}
</head>
模板包含它看起来像这样 {{set . title "Hotels"}}
{{append . "moreStyles" "ui-lightness/jquery-ui-1.7.2.custom.css"}}
{{append . "moreScripts" "js/jquery-ui-1.7.2.custom.min.js"}}
{{template "header.html" .}}
自定义函数
应用程序可以在模板中注册使用自定义函数, 示例如下:
func init() { rev.TemplateFuncs["eq"] = func(a, b interface{}) bool { return a == b } }
至此结束. |
请发表评论