Template Basic

vd_vd

已于 2024-04-04 19:21:34 修改

阅读量394

点赞数 4

分类专栏： go web代码实验文章标签： template go go web

于 2024-04-04 17:22:38 首次发布

本文链接：https://blog.csdn.net/m0_74107946/article/details/137378318

版权

go web代码实验专栏收录该内容

6 篇文章 0 订阅

订阅专栏

本系列均参考https://github.com/bonfy/go-mega/blob/master/02-template-basic.md

只是为了监督自己写的博客

这里就不介绍什么是模板了，一般来说，我们使用html文件作为我们的模板文件

我们首先创建一个

类似于这样的模板

package main

import (
    "html/template"
    "net/http"
)

// User struct
type User struct {
    Username string
}

func main() {
    http.HandleFunc("/", func(w http.ResponseWriter, r *http.Request) {
        user := User{Username: "bonfy"}
        tpl, _ := template.New("").Parse(`<html>
            <head>
                <title>Home Page - Bonfy</title>
            </head>
            <body>
                <h1>Hello, {{.Username}}!</h1>
            </body>
        </html>`)
        tpl.Execute(w, &user)
    })//Parse后面跟的是html文件，后文中我们将把这些代码变成一个文件，直接解析一个文件
    http.ListenAndServe(":8888", nil)
}

如果对HTML文档不是很熟悉，可以看一下，我们后端的只要能大概看得懂HTML就可以了

之后我们建立一个文件夹，将静态文件都放到这个文件夹中

将模板的内容移到 static文件夹下

static/index.html

<html>
    <head>
        <title>Home Page - Bonfy</title>
    </head>
    <body>
        <h1>Hello, {{.Username}}!</h1>
    </body>
</html>

然后我们的main文件就变成了下面这个样子

package main

import (
    "html/template"
    "net/http"
)

// User struct
type User struct {
    Username string
}

func main() {
    http.HandleFunc("/", func(w http.ResponseWriter, r *http.Request) {
        user := User{Username: "bonfy"}
        tpl, _ := template.ParseFiles("templates/index.html")
      //这里就是直接解析这个模板文件
        tpl.Execute(w, &user)
    })
    http.ListenAndServe(":8888", nil)
}

之后我们需要学习有关模板的常用操作

模板的常用操作

条件语句

<html>
<head>
    {{if .Title}}
    <title>{{.Title}} - blog</title>
    {{else}}
    <title>Welcome to blog!</title>
</head>
<body>
<h1>Hello,{{.Username}}!</h1>
</body>
</html>

这里要去弄懂一下这个 . 是啥意思

chatgpt说

在这个HTML代码中，.Title和.Username是占位符，用于表示将在渲染（或填充）HTML模板时提供的实际值。通常，这些值由服务器端的后端代码生成，并通过模板引擎嵌入到HTML中，最终发送给客户端的浏览器。

.Title 和 .Username 在这里是模板中的变量，它们的值将根据后端代码的逻辑来确定。在这个例子中，.Title 用于设置页面标题，.Username 用于向用户显示其用户名。如果在渲染HTML时没有提供 .Title 的值，那么标题将默认为 "Welcome to blog!"。

就是说.后面的值通常都是后端代码提供的，所以我们发现之前的代码还缺少一个Title这个值，没有

修改main文件

package main

import (
    "html/template"
    "net/http"
)

type User struct {
    Username string
}

type IndexxViewModel struct {
    Title string
    User  User //嵌套结构体
}

func main() {
    http.HandleFunc("/", func(writer http.ResponseWriter, request *http.Request) {
        user := User{
            "bonfy",
        }
        v := IndexxViewModel{Title: "HomePage", User: user}
        tpl, err := template.ParseFiles("C:\\Users\\Lenovo\\Desktop\\learn_web\\templateBasic\\static\\index.html")
        if err != nil {
            panic(err)
        }
        tpl.Execute(writer, &v)
    })
    http.ListenAndServe("localhost:8080", nil)
}

<html>
<head>
    {{if .Title}}
    <title>{{.Title}} - blog</title>
    {{else}}
    <title>Welcome to blog!</title>
    {{end}}
</head>
<body>
<h1>Hello,{{.User.Username}}!</h1>
<!--这里.User.Username自己打的时候没有注意，就出错了-->
</body>
</html>

循环

建议大家还是把html文件还是打一下，因为你打一下会发现有些小细节会忽略

<html>
    <head>
        {{if .Title}}
            <title>{{.Title}} - blog</title>
        {{else}}
            <title>Welcome to blog!</title>
        {{end}}
    </head>
    <body>
        <h1>Hello, {{.User.Username}}!</h1>
        {{range .Posts}}
            <div><p>{{ .User.Username }} says: <b>{{ .Body }}</b></p></div>
        {{end}}
    </body>
</html>

我对于html代码也不是很了解

这里将

and and

说一下：

就是一个块的意思，这里就是将内容分组，因为每个人说话就会分个组嘛，和评论一样

是段落的意思，是为了将文本组织成段落，用于排版

用来包裹用户的发表内容，使其在这个段落中显示

是加粗的意思，对结构体中Body属性进行加粗

我后面解析文件地址的时候都是引用绝对的地址，因为懒得想事情了，go程序的当前工作目录可能不是我期望的路径

每次更新html文件代码的时候，记得加{{end}}

main代码

package main

import (
    "html/template"
    "net/http"
)

type User struct {
    Username string
}
type Post struct {
    User User
    Body string
}

type IndexxViewModel struct {
    Title string
    User  User //嵌套结构体
    Posts []Post
}

func main() {
    http.HandleFunc("/", func(writer http.ResponseWriter, request *http.Request) {
        u1 := User{Username: "bofy"}
        u2 := User{Username: "rene"}
        posts := []Post{
            {User: u1, Body: "Hardwroking..."},
            {User: u2, Body: "加油努力，还有很长的路要走"},
        }
        v := IndexxViewModel{Title: "Homepage", User: u1, Posts: posts}
        tpl, err := template.ParseFiles("C:\\Users\\Lenovo\\Desktop\\learn_web\\templateBasic\\static\\index.html")
        if err != nil {
            panic(err)
        }
        tpl.Execute(writer, &v)

    })
    http.ListenAndServe("localhost:8080", nil)
}

<html>
<head>
    {{if .Title}}
    <title>{{.Title}} - blog</title>
    {{else}}
    <title>Welcome to blog!</title>
    {{end}}
</head>
<body>
<h1>Hello,{{.User.Username}}!</h1>
{{range .Posts}}
<div><p>{{.User.Username}} says:<b>{{.Body}}</b></p></div>
{{end}}
</body>
</html>

运行结果

vd_vd

关注

4
点赞
踩
9

收藏

觉得还不错? 一键收藏
0
评论
Template Basic

本系列均参考只是为了监督自己写的博客这里就不介绍什么是模板了，一般来说，我们使用html文件作为我们的模板文件我们首先创建一个类似于这样的模板如果对不是很熟悉，可以看一下，我们后端的只要能大概看得懂HTML就可以了之后我们建立一个文件夹，将静态文件都放到这个文件夹中将模板的内容移到 static文件夹下然后我们的main文件就变成了下面这个样子之后我们需要学习有关。
复制链接

扫一扫