go web之 gin 表单提交

demo project

main.go

package main

import (
	"github.com/gin-gonic/gin"
	"net/http"
)

func main()  {
	r := gin.Default()
	r.LoadHTMLFiles("./login.html","index.html")

	r.GET("/login", func(c *gin.Context) {

		c.HTML(http.StatusOK,"login.html",nil )
	})

	// post

	r.POST("/login", func(c *gin.Context) {

		name := c.PostForm("username")
		age := c.PostForm("age")
		c.HTML(http.StatusOK,"index.html",gin.H{
			"Name":name,
			"Age": age,
		})
	})

	r.POST("/getname", func(c *gin.Context) {

		name := c.GetString("name")
		age := c.GetString("age")
		c.JSON(http.StatusOK,gin.H{
			"name":name,
			"age":age,
		})

	})

	r.Run(":8888")
}

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>index</title>
</head>
<body>
<div>
    <h1> 姓名:{{.Name}}</h1>
</div>

<div>
    <h1> 年龄：{{.Age}} </h1>
</div>


</body>
</html>

login.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>login</title>
</head>
<body>
<div>
{{/*     方法是post 表单提交 点击 提交之后跳转到下一个index 页面 显示提交数据*/}}
    <form action="/login" method="post">name:<br>
        <input type="text" name="username" id="username"> <br>
        age: <br>
        <input type="text" name="age" id="age"> <br>

        <input type="submit" value="Submit">
    </form>

</div>

</body>
</html>