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

本文首发自「慕课网」（www.imooc.com），想了解更多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：

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

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

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

随后跳转回登录页面

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

你学废（hui）了吗！

欢迎关注「慕课网」官方帐号，我们会一直坚持提供IT圈优质内容，分享干货知识，大家一起共同成长吧！

本文原创发布于慕课网，转载请注明出处，谢谢合作

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

1. 搭建服务

2. 编写路由

3. 配置页面到 html

4. 数据传输

%s 个评论

最新文章