Golang Web

2021-06-08

golang web

因为作业原因，得学习下怎么用golang搞一个web窗口，就记录下吧，以后可能有用呢。

hello world

package main

import (
"fmt"
"net/http"
)

func seeHello() string{
	test := "hello world"
	return test
}

func myWeb(w http.ResponseWriter, r *http.Request) {
	fmt.Fprintln(w,seeHello())
	fmt.Fprintf(w, "hello tunan")
}

func main() {
	http.HandleFunc("/", myWeb)

	fmt.Println("服务器即将开启，访问地址 http://localhost:8080")

	err := http.ListenAndServe(":8080", nil)
	if err != nil {
		fmt.Println("服务器开启错误: ", err)
	}
}

万物起源hello world

运行之后，可以在浏览器本地的8080端口，看到打印出来的hello tunan。

分析下上面的代码

main函数

第一句，匹配路由和处理函数

1	http.HandleFunc("/", myWeb)

调用http包的HandleFunc方法，匹配一个路由到一个处理函数myWeb。

这句代码的意思是，当通过访问地址 http://localhost/ 时，就等同于调用了 myWeb 函数。

第二句，用fmt在控制台打印一句话，纯属提示，其实并没有太大的实际意义。

第三句，开启服务并且监听端口

在这句，调用了http包中的ListenAndServe函数，该函数有两个参数，第一个是指定监听的端口号，第二个是指定处理请求的handler，通常这个参数填nil，表示使用默认的ServeMux作为handler。

后面就是正常的错误处理了。

myweb函数

在main函数中，用http.HandleFunc将 myWeb与路由/匹配在一起。

HandleFunc函数定义了两个参数w,r，参数类型分别是http.ResponseWriter和*http.Request，w是响应留写入器，r是请求对象的指针。

响应流写入器 w: 用来写入http响应数据

请求对象 * r: 包含了http请求所有信息，注意，这里使用了指针，在定义参数时用*标记类型，说明这个参数需要的是这个类型的对象的指针。

当有请求路径/，请求对象和响应流写入器被传递给myWeb函数，并由myWeb函数负责处理这次请求。

函数体

1 2	fmt.Fprintln(w,seeHello()) fmt.Fprintf(w, "hello tunan")

这里我们使用的是fmt这个库的Fprintln和Fprintf函数，其实就是前面加了个F，把数据写入到w响应流写入器对象。w响应流写入器里写入的内容最后会被Response输出到用户浏览器的页面上。

至于那个seeHello函数就没什么好说的了。

获取http请求参数

func myWeb(w http.ResponseWriter, r *http.Request) {

    r.ParseForm() //它还将请求主体解析为表单，获得POST Form表单数据，必须先调用这个函数

    for k, v := range r.URL.Query() {
        fmt.Println("key:", k, ", value:", v[0])
    }

    for k, v := range r.PostForm {
        fmt.Println("key:", k, ", value:", v[0])
    }

    fmt.Fprintln(w, "这是一个开始")
}

这里我们看到我们已经在后端获取到了参数和值。

动态响应数据

读取HTML模版文件，用数据替换掉对应的标签，生成完整的HTML字符串，响应给浏览器，这是所有Web开发框架的常规操作。那么golang的这个功能是什么呢

html/template

这个包就是实现这个功能的。

func myWeb(w http.ResponseWriter, r *http.Request) {	
	t, _ := template.ParseFiles("./index.html")

	data := map[string]string{
		"name":    "zeta",
		"age": "18",
	}

	t.Execute(w, data)
}

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>test</title>
</head>
<body>
<div>Hello {{.name}}</div>
<div>{{.age}}岁</div>
</body>
</html>

比较硬核，没办法

TuNan