Go 开发实践：手把手教你搭建一个登录功能

本文首发自「慕课网」，想了解更多IT干货内容，程序员圈内热闻，欢迎关注"慕课网"及“慕课网公众号”！

作者：Codey|慕课网讲师

用 Go 语言搭建简易登录功能

如果你最近刚学习Go 语言基础特性，对 Go 语言也有了一定掌握和理解。那么接下来小慕就带你学习如何使用 Go 语言如何搭建一个提供登陆功能的 web 服务。

1. 搭建服务

在 Go 语言中想要搭建一个 http 服务是非常容易的一件事情，一行代码就可以了。

代码示例：

package main

import (
    "net/http"
)

func main() {
    http.ListenAndServe("127.0.0.1:9300", nil) //设置监听的端口
}

运行以上代码可以得到一个服务，在浏览器上输入http://127.0.0.1:9300/，由于没有编写任何路由，所以只会出现 404 的提示：

2. 编写路由

服务已经可以运行了，接下来就是要编写能被外部访问的路由接口，http 请求分为两种，POST 请求和 GET 请求。我们首先想实现的是一个网站登录页面打开的路由 /index，需要编写一个能响应 GET 请求的路由。

代码示例：

package main

import (
    "net/http"
)

func main() {
    //设置访问的路由
    http.HandleFunc("/index", func(w http.ResponseWriter, r *http.Request) {
        if r.Method == "GET" {
            w.Write([]byte("<h1>Hello Codey!<h1>"))
        }
    })
    http.ListenAndServe("127.0.0.1:9300", nil) //设置监听的端口
}

在浏览器中输入127.0.0.1:9300/index：

扫描二维码关注公众号，回复： 15198146 查看本文章

此处可以结合函数式编程的思想，将 index 的处理函数拿出来作为一个变量，代码修改后如下所示

package main

import (
    "net/http"
)

func main() {
    http.HandleFunc("/index", index)           //设置访问的路由
    http.ListenAndServe("127.0.0.1:9300", nil) //设置监听的端口
}

func index(w http.ResponseWriter, r *http.Request) {
    if r.Method == "GET" {
        w.Write([]byte("<h1>Hello Codey!<h1>"))
    }
}

然后修改一下输出字符串，使其输出一个页面，代码修改后如下

package main

import (
    "net/http"
)

func main() {
    http.HandleFunc("/index", index)           //设置访问的路由
    http.ListenAndServe("127.0.0.1:9300", nil) //设置监听的端口
}

func index(w http.ResponseWriter, r *http.Request) {
    if r.Method == "GET" {
        w.Write([]byte(`<!DOCTYPE html>
        <html>
        <head>
            <meta charset="utf-8">
            <title>Go语言实战1</title>
        </head>
        <body>
            <div>
                <h3>登录</h3>
                <form>
                    <div>
                        <div>
                            <input type="text"  id="username" name="username" placeholder="请输入账号">
                        </div>
                    </div>
                    <div>
                        <div>
                            <input type="password" class="form-control" id="password" name="password" placeholder="请输入密码">
                        </div>
                    </div>
                    <div >
                        <div >
                            <button id="loginbtn" type="button" >登录</button>
                        </div>
                    </div>
                </form>
            </div>
        </body>
        </html>`))
    }
}

运行上述代码，然后再次在浏览器中输入127.0.0.1:9300/index。

3. 配置页面到 html

一般写 web 应用，会涉及到很多 html 文件，我们不可能将其全部都放在 Go 文件的字符串里，不方便调试的同时也影响代码维护。所以我们一般会直接加载 html 文件。

代码示例：

package main

import (
    "net/http"
    "text/template"
)

func main() {
    http.HandleFunc("/index", index)           //设置访问的路由
    http.ListenAndServe("127.0.0.1:9300", nil) //设置监听的端口
}

func index(w http.ResponseWriter, r *http.Request) {
    if r.Method == "GET" {
        t, _ := template.ParseFiles("view/index.html")//加载html文件
        t.Execute(w, nil)//将文件输出到浏览器
    }
}

目录结构如下

index.html 的代码如下：

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>Go语言实战1</title>
</head>
<body>
    <div>
        <h3>登录</h3>
        <form>
            <div>
                <div>
                    <input type="text"  id="username" name="username" placeholder="请输入账号">
                </div>
            </div>
            <div>
                <div>
                    <input type="password" id="password" name="password" placeholder="请输入密码">
                </div>
            </div>
            <div >
                <div >
                    <button id="loginbtn" type="button" >登录</button>
                </div>
            </div>
        </form>
    </div>
</body>
</html>

执行上述 Go 语言代码，在浏览器中输入127.0.0.1:9300/index。

4. 数据传输

在 html 页面点击登录暂时没有任何反应，为了提交页面到服务端，我们需要在服务端再编写一个接收数据的路由，这个路由需要能够接收 POST 请求。然后再这个路由中需要能验证账号密码是否正确，若是则跳转到主页，若不是则给出提示后跳转到登录页。

代码示例

package main

import (
    "net/http"
    "text/template"
)

func main() {
    http.HandleFunc("/index", index) //设置访问的路由

    http.HandleFunc("/check", check)
    http.ListenAndServe("127.0.0.1:9300", nil) //设置监听的端口
}

func check(w http.ResponseWriter, r *http.Request) {
    if r.Method == "POST" {
        accountID := r.FormValue("username")//获取账号
        password := r.FormValue("password")//获取密码
        if accountID == "Codey" && password == "12345" {
            //跳转到主页
            t, _ := template.ParseFiles("view/home.html")
            t.Execute(w, nil)
        } else {
            //跳转到登录
            w.Write([]byte("<script>alert('账号或者密码不正确')</script>"))
            t, _ := template.ParseFiles("view/index.html")
            t.Execute(w, nil)
        }

    }
}

func index(w http.ResponseWriter, r *http.Request) {
    if r.Method == "GET" {
        t, _ := template.ParseFiles("view/index.html")
        t.Execute(w, nil)
    }
}

home.html 的代码如下：

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>Go语言实战1</title>
</head>
<body>
    <div>
        <h3>主页</h3>
       这里是主页
    </div>
</body>
</html>

执行上述 Go 语言代码，在浏览器中输入127.0.0.1:9300/index。

输入正确的账号：Codey，密码：12345