Golang-Form表单提交

谁借莪１个温暖的怀抱￠ 2022-11-03 15:29 185阅读 0赞

go提供`html/template`用于解析html模板文件，将模板文件提交的输入转换成结构体并用于渲染。

package main
    
    import (
    	"html/template"
    	"net/http"
    )
    
    type ContactDetails struct { 
    	Email   string
    	Subject string
    	Message string
    }
    
    func main() { 
    	tmpl := template.Must(template.ParseFiles("H:\\go\\main\\forms.html"))
    
    	http.HandleFunc("/", func(w http.ResponseWriter, r *http.Request) { 
    		if r.Method != http.MethodPost { 
    			tmpl.Execute(w, nil)
    			return
    		}
    
    		details := ContactDetails{ 
    			Email:   r.FormValue("email"),
    			Subject: r.FormValue("subject"),
    			Message: r.FormValue("message"),
    		}
    
    		// do something with details
    		_ = details
    
    		tmpl.Execute(w, struct { Success bool}{ true})
    	})
    
    	http.ListenAndServe(":8080", nil)
    }

html模板文件内容：

<!DOCTYPE html>
    {
       {if .Success}}
    <h1>Thanks for your message!</h1>
    {
       {else}}
    <h1>Contact</h1>
    <form method="POST">
        <label>Email:</label><br />
        <input type="text" name="email"><br />
        <label>Subject:</label><br />
        <input type="text" name="subject"><br />
        <label>Message:</label><br />
        <textarea name="message"></textarea><br />
        <input type="submit">
    </form>
    {
       {end}}

启动项目，访问`http://8080`端口  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21yeWFuZzEyNQ_size_16_color_FFFFFF_t_70]  
随意输入，点击提交输出显示成功的信息。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21yeWFuZzEyNQ_size_16_color_FFFFFF_t_70 1]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21yeWFuZzEyNQ_size_16_color_FFFFFF_t_70]: /images/20221023/41070bd5d5c6430da3496e95d47ecc78.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21yeWFuZzEyNQ_size_16_color_FFFFFF_t_70 1]: /images/20221023/46da2ab8b66743be8656b32e14bf3975.png