使用golang编写Web程序(三)

上一节我们使用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 访问页面如下:

223338_CaSu_2891344.png

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

223502_bAnt_2891344.png

转载于:https://my.oschina.net/zhizhisoft/blog/741737

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值