Beego模板用法-创建beeblog
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Beego模板用法-创建beeblog相关的知识，希望对你有一定的参考价值。
1、创建beeblog项目
? go pwd
/Users/daixuan/qbox/go
? go bee new beeblog
______
| ___ | |_/ / ___ ___
| ___ / _ / _ | |_/ /| __/| __/
\____/ \___| \___| v1.10.0
2018/07/29 17:20:41 WARN ? 0001 You current workdir is not inside $GOPATH/src.
2018/07/29 17:20:41 INFO ? 0002 Creating application...
create /Users/daixuan/qbox/go/src/beeblog/
create /Users/daixuan/qbox/go/src/beeblog/conf/
create /Users/daixuan/qbox/go/src/beeblog/controllers/
create /Users/daixuan/qbox/go/src/beeblog/models/
create /Users/daixuan/qbox/go/src/beeblog/routers/
create /Users/daixuan/qbox/go/src/beeblog/tests/
create /Users/daixuan/qbox/go/src/beeblog/static/
create /Users/daixuan/qbox/go/src/beeblog/static/js/
create /Users/daixuan/qbox/go/src/beeblog/static/css/
create /Users/daixuan/qbox/go/src/beeblog/static/img/
create /Users/daixuan/qbox/go/src/beeblog/views/
create /Users/daixuan/qbox/go/src/beeblog/conf/app.conf
create /Users/daixuan/qbox/go/src/beeblog/controllers/default.go
create /Users/daixuan/qbox/go/src/beeblog/views/index.tpl
create /Users/daixuan/qbox/go/src/beeblog/routers/router.go
create /Users/daixuan/qbox/go/src/beeblog/tests/default_test.go
create /Users/daixuan/qbox/go/src/beeblog/main.go
2018/07/29 17:20:41 SUCCESS ? 0003 New application successfully created!
? go ll /Users/daixuan/qbox/go/src
total 0
drwxr-xr-x 10 daixuan staff 320 Jul 29 17:20 beeblog2、自定义数据结构
? beeblog vim /Users/daixuan/qbox/go/src/beeblog/controllers/default.go
package controllers
import (
"github.com/astaxie/beego"
)
type MainController struct {
beego.Controller
}
func (c *MainController) Get() {
c.Data["Website"] = "beego.me"
c.Data["Email"] = "[email protected]"
c.TplName = "index.tpl"
c.Data["TrueCond"] = true
c.Data["FalseCond"] = false
//添加一个结构
type u struct{
Name string
Age int
Sex string
}
user := &u{
Name: "Joe",
Age: 20,
Sex: "Male",
}
c.Data["User"] = user
}
? beeblog vim /Users/daixuan/qbox/go/src/beeblog/views/index.tpl
<body>
<header>
<h1 class="logo">Welcome to Beego</h1>
<div class="description">
Beego is a simple & powerful Go web framework which is inspired by tornado and sinatra.
</div>
</header>
<footer>
<div class="author">
Official website:
<a href="http://{{.Website}}">{{.Website}}</a> /
Contact me:
<a class="email" href="mailto:{{.Email}}">{{.Email}}</a>
<a class="email" href="mailto:{{.User}}">{{.User}}</a>
</div>
</footer>
<div class="backdrop"></div>
<div>
{{if .TrueCond}}
true condition
{{end}}
</div>
<div>
{{if .FalseCond}}
{{else}}
false condition.
{{end}}
</div>
<div>
{{.User.Name}}; {{.User.Age}}; {{.User.Sex}}
</div>
<script src="/static/js/reload.min.js"></script>
</body>
3、with end使用
注意：为了解决循环嵌套的问题，可以使用with end的方式
<div>
{{.User.Name}}; {{.User.Age}}; {{.User.Sex}}
</div>
这段代码可以修改为如下，效果相同：
<div>
{{with .User}}
{{.Name}}; {{.Age}}; {{.Sex}}
{{end}}
</div>? beeblog bee run beeblog
访问：http://localhost:8080/
4、range使用
default.go 添加：
nums := []int{1,2,3,4,5,6,7,8,9,0}
c.Data["Nums"] = nums
index.tpl中添加：
<div>
{{.Nums}}
</div>
<div>
{{range .Nums}}
{{.}}
{{end}}
</div>
5、自定义模板
default.go 添加：
c.Data["TplVar"] = "hey guys"
index.tpl中添加：
<div>
{{$tplVar := .TplVar}}
{{$tplVar}}
</div>
6、beego内置模板函数使用，以字符串转html模板函数
beego中写的任意html的代码，它都会自动编码
default.go 添加：
c.Data.["Html"]="<div>hello beego</div>"
index.tpl中添加：
<div>
{{.Html}}
</div>
访问：http://localhost:8080/ 返回：<div>hello beego</div>，怎么以html格式显示呢？
index.tpl中：
<div>
{{.Html}}
</div>
修改为如下即可：
<div>
{{str2html .Html}}
</div>再访问：http://localhost:8080/ 结果：
7、pipeline使用（查看数据格式）
default.go 添加：
c.Data["Pipe"] = "<div>hello beego</div>"
index.tpl中添加：
<div>
{{.Pipe | htmlquote}}
</div>访问：http://localhost:8080/ 结果：
返回：<div>hello?beego</div>
8、模板嵌套（类似函数调用）
<div>
{{template "test"}}
</div>
<script src="/static/js/reload.min.js"></script>
</body>
</html>
{{define "test"}}
<div>
this is test template
</div>
{{end}}访问：http://localhost:8080/ 结果：
以上是关于Beego模板用法-创建beeblog的主要内容，如果未能解决你的问题，请参考以下文章