Golang系列（九）之模板语法

柔光的暖阳◎ 2022-06-10 07:13 255阅读 0赞

# 1. 基本语法 #

go 统一使用了 `{ {` 和 `}}` 作为左右标签，没有其他的标签符号。

使用 `.` 来访问当前位置的上下文

使用 `$` 来引用当前模板根级的上下文

使用 `$var` 来访问创建的变量

**模板中支持的 go 语言符号**

**模板中的 pipeline**

可以是上下文的变量输出，也可以是函数通过管道传递的返回值

当 pipeline 的值等于:

*  false 或 0
 *  nil 的指针或 interface
 *  长度为 0 的 array, slice, map, string

那么这个 pipeline 被认为是空

## 1.1. if … else … end[ ][Link 1] ##

if 判断时，pipeline 为空时，相当于判断为 False

支持嵌套的循环

也可以使用 else if 进行

## 1.2. range … end ##

pipeline 支持的类型为 array, slice, map, channel

range 循环内部的 `.` 改变为以上类型的子元素

对应的值长度为 0 时，range 不会执行，`.` 不会改变。

<table style="width:1172.22px;border:0px;float:none;height:auto;line-height:20px;margin:0px;padding:0px;vertical-align:baseline;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;font-size:14px;min-height:auto;background:none;"> 
 <tbody style="border:0px;float:none;height:auto;margin:0px;padding:0px;vertical-align:baseline;width:auto;min-height:auto;background:none;"> 
  <tr style="border:0px;float:none;height:auto;margin:0px;padding:0px;vertical-align:baseline;width:auto;min-height:auto;background:none;"> 
   <td style="width:1157.22px;border:0px;float:none;height:auto;margin:0px;padding:0px 0px 0px 15px;vertical-align:baseline;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;font-size:14px;min-height:auto;background:none;"> 
    <div title="Hint: double-click to select code" style="margin:15px 0px 0px;padding:0px 0px 15px;border:0px;float:none;height:auto;vertical-align:baseline;width:auto;min-height:auto;white-space:pre-wrap;background:none;"> 
     <div style="margin:0px;padding:0px 1em 0px 0px;border:0px;float:none;height:auto;vertical-align:baseline;width:auto;min-height:auto;white-space:nowrap;"> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;border:0px;float:none;height:auto;margin:0px;padding:0px;vertical-align:baseline;width:auto;min-height:auto;background:none;">pages := []struct { </code> 
     </div> 
     <div style="margin:0px;padding:0px 1em 0px 0px;border:0px;float:none;height:auto;vertical-align:baseline;width:auto;min-height:auto;white-space:nowrap;"> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;border:0px;float:none;height:auto;margin:0px;padding:0px;vertical-align:baseline;width:auto;min-height:auto;background:none;">&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;border:0px;float:none;height:auto;margin:0px;padding:0px;vertical-align:baseline;width:auto;min-height:auto;background:none;">Num&nbsp;</code> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;border:0px;float:none;height:auto;margin:0px;padding:0px;vertical-align:baseline;width:auto;font-weight:bold;min-height:auto;color:rgb(51,102,153);background:none;">int</code> 
     </div> 
     <div style="margin:0px;padding:0px 1em 0px 0px;border:0px;float:none;height:auto;vertical-align:baseline;width:auto;min-height:auto;white-space:nowrap;"> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;border:0px;float:none;height:auto;margin:0px;padding:0px;vertical-align:baseline;width:auto;min-height:auto;background:none;">}{ { </code> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;border:0px;float:none;height:auto;margin:0px;padding:0px;vertical-align:baseline;width:auto;min-height:auto;color:rgb(0,153,0);background:none;">10</code> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;border:0px;float:none;height:auto;margin:0px;padding:0px;vertical-align:baseline;width:auto;min-height:auto;background:none;">}, { </code> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;border:0px;float:none;height:auto;margin:0px;padding:0px;vertical-align:baseline;width:auto;min-height:auto;color:rgb(0,153,0);background:none;">20</code> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;border:0px;float:none;height:auto;margin:0px;padding:0px;vertical-align:baseline;width:auto;min-height:auto;background:none;">}, { </code> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;border:0px;float:none;height:auto;margin:0px;padding:0px;vertical-align:baseline;width:auto;min-height:auto;color:rgb(0,153,0);background:none;">30</code> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;border:0px;float:none;height:auto;margin:0px;padding:0px;vertical-align:baseline;width:auto;min-height:auto;background:none;">}}</code> 
     </div> 
     <div style="margin:0px;padding:0px 1em 0px 0px;border:0px;float:none;height:auto;vertical-align:baseline;width:auto;min-height:auto;white-space:nowrap;">
       &nbsp; 
     </div> 
     <div style="margin:0px;padding:0px 1em 0px 0px;border:0px;float:none;height:auto;vertical-align:baseline;width:auto;min-height:auto;white-space:nowrap;"> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;border:0px;float:none;height:auto;margin:0px;padding:0px;vertical-align:baseline;width:auto;font-weight:bold;min-height:auto;color:rgb(51,102,153);background:none;">this</code> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;border:0px;float:none;height:auto;margin:0px;padding:0px;vertical-align:baseline;width:auto;min-height:auto;background:none;">.Data[</code> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;border:0px;float:none;height:auto;margin:0px;padding:0px;vertical-align:baseline;width:auto;min-height:auto;color:rgb(0,51,102);background:none;">"Total"</code> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;border:0px;float:none;height:auto;margin:0px;padding:0px;vertical-align:baseline;width:auto;min-height:auto;background:none;">] =&nbsp;</code> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;border:0px;float:none;height:auto;margin:0px;padding:0px;vertical-align:baseline;width:auto;min-height:auto;color:rgb(0,153,0);background:none;">100</code> 
     </div> 
     <div style="margin:0px;padding:0px 1em 0px 0px;border:0px;float:none;height:auto;vertical-align:baseline;width:auto;min-height:auto;white-space:nowrap;"> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;border:0px;float:none;height:auto;margin:0px;padding:0px;vertical-align:baseline;width:auto;font-weight:bold;min-height:auto;color:rgb(51,102,153);background:none;">this</code> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;border:0px;float:none;height:auto;margin:0px;padding:0px;vertical-align:baseline;width:auto;min-height:auto;background:none;">.Data[</code> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;border:0px;float:none;height:auto;margin:0px;padding:0px;vertical-align:baseline;width:auto;min-height:auto;color:rgb(0,51,102);background:none;">"Pages"</code> 
      <code style="font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;border:0px;float:none;height:auto;margin:0px;padding:0px;vertical-align:baseline;width:auto;min-height:auto;background:none;">] = pages</code> 
     </div> 
    </div></td> 
  </tr> 
 </tbody> 
</table>

使用 `.Num` 输出子元素的 Num 属性，使用 `$.` 引用模板中的根级上下文

使用创建的变量，在这里和 go 中的 range 用法是相同的。

range 也支持 else

## 1.3. with … end ##

with 用于重定向 pipeline

也可以对变量赋值操作

with 也支持 else

## 1.4. define ##

define 可以用来定义自模板，可用于模块定义和模板嵌套

使用 template 调用模板

## 1.5. template ##

将对应的上下文 pipeline 传给模板，才可以在模板中调用