Gin from表单

与query一样 可以使用 c.postfrom() c.defaultpostfrom() c.GetPostForm() string bool
除了main文件还有两个html文件 c 是 *gin.Context类型

package main

//获取form表单提交的参数

/*
点击登录后往哪里发是由from的action属性决定的
*/

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", "ok")
	})

	// /login post

	r.POST("/login", func(c *gin.Context) {
		//获取from表单提交的数据
		//username := c.PostForm("username")
		//password := c.PostForm("password")

		username := c.DefaultPostForm("username", "somebody")
		password := c.DefaultPostForm("xxx", "***")

		c.GetPostForm()

		c.HTML(http.StatusOK, "index.html", gin.H{
			"Name":     username,
			"Password": password,
		})
	})

	r.Run(":9090")
}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>index</title>
</head>
<body>
<h1>Hello,{{.Name}}!</h1>
<p>你的密码是:{{.Password}}!</p>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>login</title>
</head>
<body>

<form action="/login" method="post" novalidate autocomplete="off">
    <label for="username">username:</label>
    <input type="text" name="username" id="username">

    <label for="password">password:</label>
    <input type="password" name="password" id="password">

    <input type="submit" value="登录">
</form>

</body>
</html>

Gin 框架中,使用 `binding` 标签可以对表单输入进行验证。下面是一个 Gin 框架表单输入验证器的使用示例: 1. 导入 gin 包 ``` import "github.com/gin-gonic/gin" ``` 2. 创建一个结构体,定义表单输入 ``` type LoginForm struct { Username string `form:"username" binding:"required"` Password string `form:"password" binding:"required"` } ``` 3. 在路由处理函数中使用验证器 ``` func loginHandler(c *gin.Context) { var form LoginForm if err := c.ShouldBind(&form); err != nil { c.HTML(http.StatusBadRequest, "login.html", gin.H{ "error": err.Error(), }) return } // TODO: 处理登录逻辑 } ``` 4. 创建一个 HTML 模板,定义表单 ``` <!DOCTYPE html> <html> <head> <title>Login</title> </head> <body> {{ if .error }} <p style="color: red;">{{ .error }}</p> {{ end }} <form method="POST" action="/login"> <label for="username">Username:</label> <input type="text" name="username" id="username"><br> <label for="password">Password:</label> <input type="password" name="password" id="password"><br> <input type="submit" value="Login"> </form> </body> </html> ``` 5. 启动服务 ``` func main() { r := gin.Default() r.LoadHTMLGlob("templates/*") r.GET("/login", func(c *gin.Context) { c.HTML(http.StatusOK, "login.html", gin.H{}) }) r.POST("/login", loginHandler) r.Run(":8080") } ``` 这样,当用户提交登录表单时,会先对表单输入进行校验,如果输入不符合要求,则返回错误信息;如果输入符合要求,则继续处理登录逻辑。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值