服务端相关 / 46 使用 Go 语言搭建简易登录功能

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

在这篇文章之前,已经学完了 Go 语言所有基础特性,对 Go 语言也有了一定掌握和理解。本文就来学习如何使用 Go 语言如何搭建一个 web 服务。这个 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

图片描述

此处可以结合函数式编程的思想,将 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

图片描述

然后点击登录,会跳转到主页

图片描述

若输入错误的账号密码,则不跳转

图片描述

随后跳转回登录页面

图片描述

一个简易的登录功能就搭建完成了。

5. 小结

本文主要介绍了 Go 语言官方提供的 http 服务,以及如何使用这个包来搭建一个 web 应用。其中需要注意区分前端发送过来的请求类型,POST 和 GET 两个请求各自有各自的处理。