使用golang编写Web程序(三)

渣渣曦 · · 1391 次点击 · · 开始浏览    
这是一个创建于 的文章,其中的信息可能已经有所发展或是发生改变。

上一节我们使用go语言加载了一个纯文字的html页面,但是没有实现交互功能,我们改造一下html页面,增加两个页面代码如下:

input.html

<div>
    <form action="/output" method="POST">
        <input name="username" value="">
        <button>发送用户名</button>
    </form>
</div>

output.html

你好:{{.username}}

上面html代码通过form的POST方法发送请求数据到服务端,服务端代码如下:

main.go

package main

import (
    "fmt"
    "html/template"
    "log"
    "net/http"
)

func InputHandler(w http.ResponseWriter, r *http.Request) {
    if r.Method=="GET"{
        t, err := template.ParseFiles("input.html")
        if err != nil {
            log.Println(err)
        }
        err = t.Execute(w,nil)
        if err != nil {
            log.Println(err)
        }
    }
}

func OutputHandler(w http.ResponseWriter,r *http.Request){
    if r.Method=="POST"{
        t, err := template.ParseFiles("output.html")
        if err != nil {
            log.Println(err)
        }
        err = t.Execute(w,map[string]interface{}{"username": r.FormValue("username")})
        if err != nil {
            log.Println(err)
        }
    }
}

func main() {
    http.HandleFunc("/input",InputHandler)
    http.HandleFunc("/output",OutputHandler)
    fmt.Println("服务端口:8000")                 //控制台输出信息
    err := http.ListenAndServe(":8000", nil) //设置监听的端口
    if err != nil {
        log.Fatal("ListenAndServe: ", err)
    }
}

我们通过 http://localhost:8000/input 访问页面如下:

image.png

文本框中随意输入内容后单击“发送用户名”,页面跳转至 http://localhost:8000/output 后如下:

image.png

有疑问加站长微信联系(非本文作者)

本文来自:简书

感谢作者:渣渣曦

查看原文:使用golang编写Web程序(三)

入群交流(和以上内容无关):加入Go大咖交流群,或添加微信:liuxiaoyan-s 备注:入群;或加QQ群:692541889

1391 次点击  
加入收藏 微博
暂无回复
添加一条新回复 (您需要 登录 后才能回复 没有账号 ?)
  • 请尽量让自己的回复能够对别人有帮助
  • 支持 Markdown 格式, **粗体**、~~删除线~~、`单行代码`
  • 支持 @ 本站用户;支持表情(输入 : 提示),见 Emoji cheat sheet
  • 图片支持拖拽、截图粘贴等方式上传