go web 处理表单的输入

本是古典何须时尚 2021-07-24 19:50 412阅读 0赞

# 一 目录结构 #

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoZW5ncWl1bWluZw_size_16_color_FFFFFF_t_70][]

# 二 前端页面 #

文件名：login.html

<!DOCTYPE html>
    <html>
    <head>
        <title></title>
    </head>
    <body>
    <form action="/login" method="post">
        用户名:<input type="text" name="username">
        密码:<input type="password" name="password">
        <input type="submit" value="登陆">
    </form>
    </body>
    </html>

上面递交表单到服务器的 /login，当用户输入信息点击登陆之后，会跳转到服务器的路由 login 里面。

# 三 后端处理 #

package main
    
    import (
       "fmt"
       "html/template"
       "log"
       "net/http"
       "strings"
    )
    // 处理 sayhelloName
    func sayhelloName(w http.ResponseWriter, r *http.Request) {
       r.ParseForm() // 解析 url 传递的参数，对于 POST 则解析响应包的主体（request body）
       // 注意: 如果没有调用ParseForm方法，下面无法获取表单的数据
       fmt.Println(r.Form) // 这些信息是输出到服务器端的打印信息
       fmt.Println("path", r.URL.Path)
       fmt.Println("scheme", r.URL.Scheme)
       fmt.Println(r.Form["url_long"])
       for k, v := range r.Form {
          fmt.Println("key:", k)
          fmt.Println("val:", strings.Join(v, ""))
       }
       fmt.Fprintf(w, "Hello astaxie!") // 这个写入到 w 的是输出到客户端的
    }
    
    // 登录逻辑
    func login(w http.ResponseWriter, r *http.Request) {
       fmt.Println("method:", r.Method) // 获取请求的方法
       if r.Method == "GET" {
          t, _ := template.ParseFiles("src\\goweb\\demo3\\login.html") // 解析模板
          t.Execute(w, nil)                                            // 渲染模板，并发送给前端
       } else {
          // 请求的是登陆数据，那么执行登陆的逻辑判断
          // 解析表单
          r.ParseForm()
          fmt.Println("username:", r.Form["username"])
          fmt.Println("password:", r.Form["password"])
       }
    }
    
    func main() {
       http.HandleFunc("/", sayhelloName)       // 设置访问的路由
       http.HandleFunc("/login", login)         // 设置访问的路由
       err := http.ListenAndServe(":9090", nil) // 设置监听的端口
       if err != nil {
          log.Fatal("ListenAndServe: ", err)
       }
    }

获取请求方法是通过 r.Method 来完成的，这是个字符串类型的变量，返回 GET、POST、PUT等 method 信息。

当 GET 方式请求时显示登录界面，其他方式请求时则处理登录逻辑，如查询数据库、验证登录信息等。

# 四 测试 #

1 在浏览器里面打开 [http://127.0.0.1:9090/login][http_127.0.0.1_9090_login]

2 页面显示为

![20210606193212682.png][]

3 输入用户名 admin ，密码 123456

后台打印如下：

> method: GET
> 
> map\[\]
> 
> path /favicon.ico
> 
> scheme
> 
> \[\]
> 
> method: POST
> 
> username: \[admin\]
> 
> password: \[123456\]
> 
> map\[\]
> 
> path /favicon.ico
> 
> scheme
> 
> \[\]

# 五 说明 #

Reques 本身也提供了 FormValue() 函数来获取用户提交的参数。如r.Form\["username"\]也可写成r.FormValue("username")。调用 r.FormValue 时会自动调用 r.ParseForm，所以不必提前调用。r.FormValue 只会返回同名参数中的第一个，若参数不存在则返回空字符串。

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoZW5ncWl1bWluZw_size_16_color_FFFFFF_t_70]: /images/20210724/8e24f746b3c440109e6cfb67172f4c1c.png
[http_127.0.0.1_9090_login]: http://127.0.0.1:9090/login
[20210606193212682.png]: /images/20210724/bbe0c138a8464c21b6ce160134da5374.png