Beego 框架学习笔记 05 | 视图、模板引擎

Wonz · · 769 次点击 · · 开始浏览

这是一个创建于的文章，其中的信息可能已经有所发展或是发生改变。

一、模板引擎

1. 模板中绑定基本数据、字符串、数值、布尔值

default.go：

package controllers

import (
    "github.com/astaxie/beego"
)

type MainController struct {
    beego.Controller
}

func (c *MainController) Get() {
    // 1. 模板中绑定基本数据、字符串、数值、布尔值
    c.Data["website"] = "beego 教程"
    c.Data["title"] = "你好beego"
    c.Data["num"] = 12
    c.Data["flag"] = true
    c.TplName = "index.html"
}

index.html：

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
  <meta charset="UTF-8">
  <title>{{.Website}}</title>
</head>
<body>
  <h2>1. 模板中绑定基本数据、字符串、数值、布尔值</h2>

  <p>{{.title}}</p>
  <p>{{.num}}</p>
  <p>{{.flag}}</p>

</body>
</html>

显示：

image

2. 模板中绑定结构体数据

default.go：

package controllers

import (
    "github.com/astaxie/beego"
)

type MainController struct {
    beego.Controller
}

type Article struct {
    Title string
    Content string
}

func (c *MainController) Get() {
    // 1. 模板中绑定基本数据、字符串、数值、布尔值
    c.Data["website"] = "beego 教程"
    c.Data["title"] = "你好beego"
    c.Data["num"] = 12
    c.Data["flag"] = true

    // 2. 模板中绑定结构体数据
    article := Article{
        Title: "Golang教程",
        Content: "beego实战项目",
    }
    c.Data["article"] = article
    
    c.TplName = "index.html"
}

index.html：

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
  <meta charset="UTF-8">
  <title>{{.Website}}</title>
</head>
<body>
  <h2>1. 模板中绑定基本数据、字符串、数值、布尔值</h2>
  <p>{{.title}}</p>
  <p>{{.num}}</p>
  <p>{{.flag}}</p>
  <br>

  <h2>2. 模板中绑定结构体数据</h2>
  <p>{{.article.Title}}</p>
  <p>{{.article.Content}}</p>
  <br>

</body>
</html>

显示：

image

3. 模板中自定义变量

index.html：

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
  <meta charset="UTF-8">
  <title>{{.Website}}</title>
</head>
<body>
  <h2>1. 模板中绑定基本数据、字符串、数值、布尔值</h2>
  <p>{{.title}}</p>
  <p>{{.num}}</p>
  <p>{{.flag}}</p>
  <br>

  <h2>2. 模板中绑定结构体数据</h2>
  <p>{{.article.Title}}</p>
  <p>{{.article.Content}}</p>
  <br>

  <h2>3. 模板中自定义变量</h2>
  {{$title := .title}}
  {{$title}}

</body>
</html>

显示：

image

4. 模板中循环遍历 range 模板中循环切片

default.go：

package controllers

import (
    "github.com/astaxie/beego"
)

type MainController struct {
    beego.Controller
}

type Article struct {
    Title string
    Content string
}

func (c *MainController) Get() {
    // 1. 模板中绑定基本数据、字符串、数值、布尔值
    c.Data["website"] = "beego 教程"
    c.Data["title"] = "你好beego"
    c.Data["num"] = 12
    c.Data["flag"] = true

    // 2. 模板中绑定结构体数据
    article := Article{
        Title: "Golang教程",
        Content: "beego实战项目",
    }
    c.Data["article"] = article

    // 4. 模板中循环遍历 range 模板中循环切片
    c.Data["sliceList"] = []string{"php", "golang", "python"}

    c.TplName = "index.html"
}

index.html：

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
  <meta charset="UTF-8">
  <title>{{.Website}}</title>
</head>
<body>
  <h2>1. 模板中绑定基本数据、字符串、数值、布尔值</h2>
  <p>{{.title}}</p>
  <p>{{.num}}</p>
  <p>{{.flag}}</p>
  <br>

  <h2>2. 模板中绑定结构体数据</h2>
  <p>{{.article.Title}}</p>
  <p>{{.article.Content}}</p>
  <br>

  <h2>3. 模板中自定义变量</h2>
  {{$title := .title}}
  {{$title}}

  <h2>4. 模板中循环遍历 range 模板中循环切片</h2>
  <ul>
    {{range $key,$val := .sliceList}}
      <li>{{$key}}---{{$val}}</li>
    {{end}}
  </ul>


</body>
</html>

显示：

image

5. 模板中循环遍历 range 模板中循环 Map

default.go：

package controllers

import (
    "github.com/astaxie/beego"
)

type MainController struct {
    beego.Controller
}

type Article struct {
    Title string
    Content string
}

func (c *MainController) Get() {
    // 1. 模板中绑定基本数据、字符串、数值、布尔值
    c.Data["website"] = "beego 教程"
    c.Data["title"] = "你好beego"
    c.Data["num"] = 12
    c.Data["flag"] = true

    // 2. 模板中绑定结构体数据
    article := Article{
        Title: "Golang教程",
        Content: "beego实战项目",
    }
    c.Data["article"] = article

    // 4. 模板中循环遍历 range 模板中循环切片
    c.Data["sliceList"] = []string{"php", "golang", "python"}

    // 5. 模板中循环遍历 range 模板中循环 Map
    userinfo := make(map[string]interface{})
    userinfo["username"] = "张三"
    userinfo["age"] = 20
    userinfo["sex"] = "男"
    c.Data["userinfo"] = userinfo


    c.TplName = "index.html"
}

index.html：

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
  <meta charset="UTF-8">
  <title>{{.Website}}</title>
</head>
<body>
  <h2>1. 模板中绑定基本数据、字符串、数值、布尔值</h2>
  <p>{{.title}}</p>
  <p>{{.num}}</p>
  <p>{{.flag}}</p>
  <br>

  <h2>2. 模板中绑定结构体数据</h2>
  <p>{{.article.Title}}</p>
  <p>{{.article.Content}}</p>
  <br>

  <h2>3. 模板中自定义变量</h2>
  {{$title := .title}}
  {{$title}}

  <h2>4. 模板中循环遍历 range 模板中循环切片</h2>
  <ul>
    {{range $key,$val := .sliceList}}
      <li>{{$key}}---{{$val}}</li>
    {{end}}
  </ul>

  <h2>5. 模板中循环遍历 range 模板中循环 Map</h2>
  <ul>
    {{range $key,$val := .userinfo}}
      <li>{{$key}}---{{$val}}</li>
    {{end}}
  </ul>


</body>
</html>

显示：

image

6. 模板中循环遍历结构体类型的切片

default.go：

package controllers

import (
    "github.com/astaxie/beego"
)

type MainController struct {
    beego.Controller
}

type Article struct {
    Title string
    Content string
}

func (c *MainController) Get() {
    // 1. 模板中绑定基本数据、字符串、数值、布尔值
    c.Data["website"] = "beego 教程"
    c.Data["title"] = "你好beego"
    c.Data["num"] = 12
    c.Data["flag"] = true

    // 2. 模板中绑定结构体数据
    article := Article{
        Title: "Golang教程",
        Content: "beego实战项目",
    }
    c.Data["article"] = article

    // 4. 模板中循环遍历 range 模板中循环切片
    c.Data["sliceList"] = []string{"php", "golang", "python"}

    // 5. 模板中循环遍历 range 模板中循环 Map
    userinfo := make(map[string]interface{})
    userinfo["username"] = "张三"
    userinfo["age"] = 20
    userinfo["sex"] = "男"
    c.Data["userinfo"] = userinfo

    // 6. 模板中循环遍历结构体类型的切片
    c.Data["articleList"] = []Article{
        {
            Title: "新闻1",
            Content: "新闻内容1",
        },
        {
            Title: "新闻2",
            Content: "新闻内容2",
        },
        {
            Title: "新闻3",
            Content: "新闻内容3",
        },
    }

    c.TplName = "index.html"
}

index.html：

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
  <meta charset="UTF-8">
  <title>{{.Website}}</title>
</head>
<body>
  <h2>1. 模板中绑定基本数据、字符串、数值、布尔值</h2>
  <p>{{.title}}</p>
  <p>{{.num}}</p>
  <p>{{.flag}}</p>
  <br>

  <h2>2. 模板中绑定结构体数据</h2>
  <p>{{.article.Title}}</p>
  <p>{{.article.Content}}</p>
  <br>

  <h2>3. 模板中自定义变量</h2>
  {{$title := .title}}
  {{$title}}

  <h2>4. 模板中循环遍历 range 模板中循环切片</h2>
  <ul>
    {{range $key,$val := .sliceList}}
      <li>{{$key}}---{{$val}}</li>
    {{end}}
  </ul>

  <h2>5. 模板中循环遍历 range 模板中循环 Map</h2>
  <ul>
    {{range $key,$val := .userinfo}}
      <li>{{$key}}---{{$val}}</li>
    {{end}}
  </ul>

  <h2>6. 模板中循环遍历结构体类型的切片</h2>
  <ul>
    {{range $key,$val := .articleList}}
      <li>{{$key}}---{{$val.Title}}---{{$val.Content}}</li>
    {{end}}
  </ul>

</body>
</html>

显示：

image

7. 结构体类型的切片的另一种定义方式

default.go：

package controllers

import (
    "github.com/astaxie/beego"
)

type MainController struct {
    beego.Controller
}

type Article struct {
    Title string
    Content string
}

func (c *MainController) Get() {
    // 1. 模板中绑定基本数据、字符串、数值、布尔值
    c.Data["website"] = "beego 教程"
    c.Data["title"] = "你好beego"
    c.Data["num"] = 12
    c.Data["flag"] = true

    // 2. 模板中绑定结构体数据
    article := Article{
        Title: "Golang教程",
        Content: "beego实战项目",
    }
    c.Data["article"] = article

    // 4. 模板中循环遍历 range 模板中循环切片
    c.Data["sliceList"] = []string{"php", "golang", "python"}

    // 5. 模板中循环遍历 range 模板中循环 Map
    userinfo := make(map[string]interface{})
    userinfo["username"] = "张三"
    userinfo["age"] = 20
    userinfo["sex"] = "男"
    c.Data["userinfo"] = userinfo

    // 6. 模板中循环遍历结构体类型的切片
    c.Data["articleList"] = []Article{
        {
            Title: "新闻1",
            Content: "新闻内容1",
        },
        {
            Title: "新闻2",
            Content: "新闻内容2",
        },
        {
            Title: "新闻3",
            Content: "新闻内容3",
        },
    }

    // 7. 结构体类型的切片的另一种定义方式

    /*
        匿名结构体，它就是一个类型
        struct {
            Title string
        }
     */
    c.Data["cmsList"] = []struct{
        Title string
    }{
        {
            Title: "新闻1",
        },
        {
            Title: "新闻2",
        },
        {
            Title: "新闻3",
        },
    }

    c.TplName = "index.html"
}

index.html：

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
  <meta charset="UTF-8">
  <title>{{.Website}}</title>
</head>
<body>
  <h2>1. 模板中绑定基本数据、字符串、数值、布尔值</h2>
  <p>{{.title}}</p>
  <p>{{.num}}</p>
  <p>{{.flag}}</p>
  <br>

  <h2>2. 模板中绑定结构体数据</h2>
  <p>{{.article.Title}}</p>
  <p>{{.article.Content}}</p>
  <br>

  <h2>3. 模板中自定义变量</h2>
  {{$title := .title}}
  {{$title}}

  <h2>4. 模板中循环遍历 range 模板中循环切片</h2>
  <ul>
    {{range $key,$val := .sliceList}}
      <li>{{$key}}---{{$val}}</li>
    {{end}}
  </ul>

  <h2>5. 模板中循环遍历 range 模板中循环 Map</h2>
  <ul>
    {{range $key,$val := .userinfo}}
      <li>{{$key}}---{{$val}}</li>
    {{end}}
  </ul>

  <h2>6. 模板中循环遍历结构体类型的切片</h2>
  <ul>
    {{range $key,$val := .articleList}}
      <li>{{$key}}---{{$val.Title}}---{{$val.Content}}</li>
    {{end}}
  </ul>

  <h2>7. 结构体类型的切片的另一种定义方式</h2>
  <ul>
    {{range $key,$val := .cmsList}}
      <li>{{$key}}---{{$val.Title}}</li>
    {{end}}
  </ul>

</body>
</html>

显示：

image

8. 模板中的条件

default.go：

package controllers

import (
    "github.com/astaxie/beego"
)

type MainController struct {
    beego.Controller
}

type Article struct {
    Title string
    Content string
}

func (c *MainController) Get() {
    // 1. 模板中绑定基本数据、字符串、数值、布尔值
    c.Data["website"] = "beego 教程"
    c.Data["title"] = "你好beego"
    c.Data["num"] = 12
    c.Data["flag"] = true

    // 2. 模板中绑定结构体数据
    article := Article{
        Title: "Golang教程",
        Content: "beego实战项目",
    }
    c.Data["article"] = article

    // 4. 模板中循环遍历 range 模板中循环切片
    c.Data["sliceList"] = []string{"php", "golang", "python"}

    // 5. 模板中循环遍历 range 模板中循环 Map
    userinfo := make(map[string]interface{})
    userinfo["username"] = "张三"
    userinfo["age"] = 20
    userinfo["sex"] = "男"
    c.Data["userinfo"] = userinfo

    // 6. 模板中循环遍历结构体类型的切片
    c.Data["articleList"] = []Article{
        {
            Title: "新闻1",
            Content: "新闻内容1",
        },
        {
            Title: "新闻2",
            Content: "新闻内容2",
        },
        {
            Title: "新闻3",
            Content: "新闻内容3",
        },
    }

    // 7. 结构体类型的切片的另一种定义方式

    /*
        匿名结构体，它就是一个类型
        struct {
            Title string
        }
     */
    c.Data["cmsList"] = []struct{
        Title string
    }{
        {
            Title: "新闻1",
        },
        {
            Title: "新闻2",
        },
        {
            Title: "新闻3",
        },
    }

    // 8. 模板中的条件判断
    c.Data["isLogin"] = true
    c.Data["isHome"] = true
    c.Data["isAbout"] = true

    c.TplName = "index.html"
}

index.html：

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
  <meta charset="UTF-8">
  <title>{{.Website}}</title>
</head>
<body>
  <h2>1. 模板中绑定基本数据、字符串、数值、布尔值</h2>
  <p>{{.title}}</p>
  <p>{{.num}}</p>
  <p>{{.flag}}</p>
  <br>

  <h2>2. 模板中绑定结构体数据</h2>
  <p>{{.article.Title}}</p>
  <p>{{.article.Content}}</p>
  <br>

  <h2>3. 模板中自定义变量</h2>
  {{$title := .title}}
  {{$title}}

  <h2>4. 模板中循环遍历 range 模板中循环切片</h2>
  <ul>
    {{range $key,$val := .sliceList}}
      <li>{{$key}}---{{$val}}</li>
    {{end}}
  </ul>

  <h2>5. 模板中循环遍历 range 模板中循环 Map</h2>
  <ul>
    {{range $key,$val := .userinfo}}
      <li>{{$key}}---{{$val}}</li>
    {{end}}
  </ul>

  <h2>6. 模板中循环遍历结构体类型的切片</h2>
  <ul>
    {{range $key,$val := .articleList}}
      <li>{{$key}}---{{$val.Title}}---{{$val.Content}}</li>
    {{end}}
  </ul>

  <h2>7. 结构体类型的切片的另一种定义方式</h2>
  <ul>
    {{range $key,$val := .cmsList}}
      <li>{{$key}}---{{$val.Title}}</li>
    {{end}}
  </ul>

  <h2>8. 模板中的条件</h2>
  {{if .isLogin}}
    <p>isLogin等于true</p>
  {{end}}

  {{if .isHome}}
    <p>isHome等于true</p>
    {{else}}
    <p>isHome等于false</p>
    {{end}}


</body>
</html>

显示：

image

9. if 语句条件判断 eq/ne/lt/le/gt/ge

default.go：

package controllers

import (
    "github.com/astaxie/beego"
)

type MainController struct {
    beego.Controller
}

type Article struct {
    Title string
    Content string
}

func (c *MainController) Get() {
    // 1. 模板中绑定基本数据、字符串、数值、布尔值
    c.Data["website"] = "beego 教程"
    c.Data["title"] = "你好beego"
    c.Data["num"] = 12
    c.Data["flag"] = true

    // 2. 模板中绑定结构体数据
    article := Article{
        Title: "Golang教程",
        Content: "beego实战项目",
    }
    c.Data["article"] = article

    // 4. 模板中循环遍历 range 模板中循环切片
    c.Data["sliceList"] = []string{"php", "golang", "python"}

    // 5. 模板中循环遍历 range 模板中循环 Map
    userinfo := make(map[string]interface{})
    userinfo["username"] = "张三"
    userinfo["age"] = 20
    userinfo["sex"] = "男"
    c.Data["userinfo"] = userinfo

    // 6. 模板中循环遍历结构体类型的切片
    c.Data["articleList"] = []Article{
        {
            Title: "新闻1",
            Content: "新闻内容1",
        },
        {
            Title: "新闻2",
            Content: "新闻内容2",
        },
        {
            Title: "新闻3",
            Content: "新闻内容3",
        },
    }

    // 7. 结构体类型的切片的另一种定义方式

    /*
        匿名结构体，它就是一个类型
        struct {
            Title string
        }
     */
    c.Data["cmsList"] = []struct{
        Title string
    }{
        {
            Title: "新闻1",
        },
        {
            Title: "新闻2",
        },
        {
            Title: "新闻3",
        },
    }

    // 8. 模板中的条件判断
    c.Data["isLogin"] = true
    c.Data["isHome"] = true
    c.Data["isAbout"] = true

    // 9. if 语句条件判断 eq/ne/lt/le/gt/ge
    c.Data["n1"] = 12
    c.Data["n2"] = 6

    c.TplName = "index.html"
}

index.html：

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
  <meta charset="UTF-8">
  <title>{{.Website}}</title>
</head>
<body>
  <h2>1. 模板中绑定基本数据、字符串、数值、布尔值</h2>
  <p>{{.title}}</p>
  <p>{{.num}}</p>
  <p>{{.flag}}</p>
  <br>

  <h2>2. 模板中绑定结构体数据</h2>
  <p>{{.article.Title}}</p>
  <p>{{.article.Content}}</p>
  <br>

  <h2>3. 模板中自定义变量</h2>
  {{$title := .title}}
  {{$title}}

  <h2>4. 模板中循环遍历 range 模板中循环切片</h2>
  <ul>
    {{range $key,$val := .sliceList}}
      <li>{{$key}}---{{$val}}</li>
    {{end}}
  </ul>

  <h2>5. 模板中循环遍历 range 模板中循环 Map</h2>
  <ul>
    {{range $key,$val := .userinfo}}
      <li>{{$key}}---{{$val}}</li>
    {{end}}
  </ul>

  <h2>6. 模板中循环遍历结构体类型的切片</h2>
  <ul>
    {{range $key,$val := .articleList}}
      <li>{{$key}}---{{$val.Title}}---{{$val.Content}}</li>
    {{end}}
  </ul>

  <h2>7. 结构体类型的切片的另一种定义方式</h2>
  <ul>
    {{range $key,$val := .cmsList}}
      <li>{{$key}}---{{$val.Title}}</li>
    {{end}}
  </ul>

  <h2>8. 模板中的条件</h2>
  {{if .isLogin}}
    <p>isLogin等于true</p>
  {{end}}

  {{if .isHome}}
    <p>isHome等于true</p>
    {{else}}
    <p>isHome等于false</p>
    {{end}}

  <h2>9. if 语句条件判断 eq/ne/lt/le/gt/ge</h2>
  {{if gt .n1 .n2}}
  <p>n1大于n2</p>
  {{end}}

  {{if eq .n1 .n2}}
    <p>n1等于n2</p>
  {{else}}
    <p>n1不等于n2</p>
  {{end}}

</body>
</html>

显示：

image

10. define 自定义模板

index.html：

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
  <meta charset="UTF-8">
  <title>{{.Website}}</title>
</head>
<body>
  <h2>1. 模板中绑定基本数据、字符串、数值、布尔值</h2>
  <p>{{.title}}</p>
  <p>{{.num}}</p>
  <p>{{.flag}}</p>
  <br>

  <h2>2. 模板中绑定结构体数据</h2>
  <p>{{.article.Title}}</p>
  <p>{{.article.Content}}</p>
  <br>

  <h2>3. 模板中自定义变量</h2>
  {{$title := .title}}
  {{$title}}

  <h2>4. 模板中循环遍历 range 模板中循环切片</h2>
  <ul>
    {{range $key,$val := .sliceList}}
      <li>{{$key}}---{{$val}}</li>
    {{end}}
  </ul>

  <h2>5. 模板中循环遍历 range 模板中循环 Map</h2>
  <ul>
    {{range $key,$val := .userinfo}}
      <li>{{$key}}---{{$val}}</li>
    {{end}}
  </ul>

  <h2>6. 模板中循环遍历结构体类型的切片</h2>
  <ul>
    {{range $key,$val := .articleList}}
      <li>{{$key}}---{{$val.Title}}---{{$val.Content}}</li>
    {{end}}
  </ul>

  <h2>7. 结构体类型的切片的另一种定义方式</h2>
  <ul>
    {{range $key,$val := .cmsList}}
      <li>{{$key}}---{{$val.Title}}</li>
    {{end}}
  </ul>

  <h2>8. 模板中的条件</h2>
  {{if .isLogin}}
    <p>isLogin等于true</p>
  {{end}}

  {{if .isHome}}
    <p>isHome等于true</p>
    {{else}}
    <p>isHome等于false</p>
    {{end}}

  <h2>9. if 语句条件判断 eq/ne/lt/le/gt/ge</h2>
  {{if gt .n1 .n2}}
  <p>n1大于n2</p>
  {{end}}

  {{if eq .n1 .n2}}
    <p>n1等于n2</p>
  {{else}}
    <p>n1不等于n2</p>
  {{end}}

  <h2>10. define 自定义模板</h2>
  {{define "a"}}
    <h4>这是一个自定义的代码块</h4>
      <p>111</p>
  {{end}}

  <div>
    {{template "a" .}}
  </div>

</body>
</html>

显示：

image

11. 外部自定义模板

index.html：

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
  <meta charset="UTF-8">
  <title>{{.Website}}</title>
</head>
<body>
{{template "/public/header.html"}}
  <h2>1. 模板中绑定基本数据、字符串、数值、布尔值</h2>
  <p>{{.title}}</p>
  <p>{{.num}}</p>
  <p>{{.flag}}</p>
  <br>

  <h2>2. 模板中绑定结构体数据</h2>
  <p>{{.article.Title}}</p>
  <p>{{.article.Content}}</p>
  <br>

  <h2>3. 模板中自定义变量</h2>
  {{$title := .title}}
  {{$title}}

  <h2>4. 模板中循环遍历 range 模板中循环切片</h2>
  <ul>
    {{range $key,$val := .sliceList}}
      <li>{{$key}}---{{$val}}</li>
    {{end}}
  </ul>

  <h2>5. 模板中循环遍历 range 模板中循环 Map</h2>
  <ul>
    {{range $key,$val := .userinfo}}
      <li>{{$key}}---{{$val}}</li>
    {{end}}
  </ul>

  <h2>6. 模板中循环遍历结构体类型的切片</h2>
  <ul>
    {{range $key,$val := .articleList}}
      <li>{{$key}}---{{$val.Title}}---{{$val.Content}}</li>
    {{end}}
  </ul>

  <h2>7. 结构体类型的切片的另一种定义方式</h2>
  <ul>
    {{range $key,$val := .cmsList}}
      <li>{{$key}}---{{$val.Title}}</li>
    {{end}}
  </ul>

  <h2>8. 模板中的条件</h2>
  {{if .isLogin}}
    <p>isLogin等于true</p>
  {{end}}

  {{if .isHome}}
    <p>isHome等于true</p>
    {{else}}
    <p>isHome等于false</p>
    {{end}}

  <h2>9. if 语句条件判断 eq/ne/lt/le/gt/ge</h2>
  {{if gt .n1 .n2}}
  <p>n1大于n2</p>
  {{end}}

  {{if eq .n1 .n2}}
    <p>n1等于n2</p>
  {{else}}
    <p>n1不等于n2</p>
  {{end}}

  <h2>10. define 自定义模板</h2>
  {{define "a"}}
    <h4>这是一个自定义的代码块</h4>
      <p>111</p>
  {{end}}

  <div>
    {{template "a" .}}
  </div>


  <h2>11. 外部自定义模板</h2>
{{template "/public/footer.html"}}
</body>
</html>

在 views 文件夹下新建 public 文件夹，然后新建 header.html 和 footer.html

header.html：

<h1>这是一个头部</h1>

footer.html：

<style>
    footer{
        width: 100%;
        height: 60px;
        background: #000;
        text-align: center;
        color: #fff;
    }
</style>

<footer>
    <h1>这是一个底部</h1>
</footer>

显示：

image

二、内置模板函数

在 controllers 文件夹下新建一个 article.go 文件：

package controllers

import (
    "github.com/astaxie/beego"
    "time"
)

type ArticleController struct {
    beego.Controller
}

func (c *ArticleController) Get() {
    c.Data["title"] = "你好beego"
    now := time.Now()
    c.Data["now"] = now  // 把日期渲染到模板上
    c.TplName = "article.html"
}

在 router.go 中添加路由：

package routers

import (
    "beegodemo03/controllers"
    "github.com/astaxie/beego"
)

func init() {
    beego.Router("/", &controllers.MainController{})
    beego.Router("/article", &controllers.ArticleController{})
}

views 文件夹下新建一个 article.html：

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
  <meta charset="UTF-8">
  <title>文章</title>
</head>
<body>
  {{template "/public/header.html"}}
  <p>{{.now}}</p>
  <p>{{date .now "Y-m-d H:i:s"}}</p>
  {{template "/public/footer.html"}}
</body>
</html>

显示：

image

三、参考教程

Golang 教程 P56

有疑问加站长微信联系（非本文作者）

本文来自：简书

感谢作者：Wonz

查看原文：Beego 框架学习笔记 05 | 视图、模板引擎

入群交流（和以上内容无关）：加入Go大咖交流群，或添加微信：liuxiaoyan-s 备注：入群；或加QQ群：692541889

769 次点击

加入收藏微博

收入我的专栏

上一篇：微服务架构实战160讲

下一篇：Redis 实战 —— 01. Redis 数据结构简介

beego

切片

模板

变量

0 回复

添加一条新回复（您需要登录后才能回复没有账号？）

请尽量让自己的回复能够对别人有帮助
支持 Markdown 格式, **粗体**、~~删除线~~、`单行代码`
支持 @ 本站用户；支持表情（输入 : 提示），见 Emoji cheat sheet
图片支持拖拽、截图粘贴等方式上传

关注我

扫码关注领全套学习资料
加入 QQ 群：
- 192706294（已满）
- 731990104（已满）
- 798786647（已满）
- 729884609（已满）
- 977810755（已满）
- 815126783（已满）
- 812540095（已满）
- 1006366459（已满）
- 692541889
加入微信群：liuxiaoyan-s，备注入群
也欢迎加入知识星球 Go粉丝们（免费）

Beego 框架学习笔记 05 | 视图、模板引擎

一、模板引擎

1. 模板中绑定基本数据、字符串、数值、布尔值

2. 模板中绑定结构体数据

3. 模板中自定义变量

4. 模板中循环遍历 range 模板中循环切片

5. 模板中循环遍历 range 模板中循环 Map

6. 模板中循环遍历结构体类型的切片

7. 结构体类型的切片的另一种定义方式

8. 模板中的条件

9. if 语句条件判断 eq/ne/lt/le/gt/ge

10. define 自定义模板

11. 外部自定义模板

二、内置模板函数

三、参考教程

用户登录

今日阅读排行

一周阅读排行

关注我

一、模板引擎

1. 模板中绑定基本数据、字符串、数值、布尔值

2. 模板中绑定结构体数据

3. 模板中自定义变量

4. 模板中循环遍历 range 模板中循环切片

5. 模板中循环遍历 range 模板中循环 Map

6. 模板中循环遍历结构体类型的切片

7. 结构体类型的切片的另一种定义方式

8. 模板中的条件

9. if 语句条件判断 eq/ne/lt/le/gt/ge

10. define 自定义模板

11. 外部自定义模板

二、内置模板函数

三、参考教程

Beego 框架学习笔记 05 | 视图、模板引擎

一、模板引擎

1. 模板中绑定基本数据、字符串、数值、布尔值

2. 模板中绑定结构体数据

3. 模板中自定义变量

4. 模板中循环遍历 range 模板中循环切片

5. 模板中循环遍历 range 模板中循环 Map

6. 模板中循环遍历结构体类型的切片

7. 结构体类型的切片的另一种定义方式

8. 模板中的条件

9. if 语句条件判断 eq/ne/lt/le/gt/ge

10. define 自定义模板

11. 外部自定义模板

二、内置模板函数

三、参考教程

用户登录

今日阅读排行

一周阅读排行

关注我

给该专栏投稿 写篇新文章

收入到我管理的专栏 新建专栏

一、模板引擎

1. 模板中绑定基本数据、字符串、数值、布尔值

2. 模板中绑定结构体数据

3. 模板中自定义变量

4. 模板中循环遍历 range 模板中循环切片

5. 模板中循环遍历 range 模板中循环 Map

6. 模板中循环遍历结构体类型的切片

7. 结构体类型的切片的另一种定义方式

8. 模板中的条件

9. if 语句条件判断 eq/ne/lt/le/gt/ge

10. define 自定义模板

11. 外部自定义模板

二、内置模板函数

三、参考教程

给该专栏投稿写篇新文章

收入到我管理的专栏新建专栏