go+js登錄注冊例子(帶郵箱驗證)

1 搭建服務器

package index

import (
    "log"
    "net/http"

    "2021.6.28_WebServer_email.go/lib/utils"
)

const (
    path     = "json/users.json"
    UserName = "UserName" //Cookie{Name: UserName, Value: email}
)

var (
    uti   = utils.NewUtils()                //實用包
    codes = make(map[string]string, 900000) //驗證碼集合 "email": "code", ...
    users = make(map[string]string, 900000) //在線用戶集合 "email": "1", ...
)

//運行服務器
func RunServer() {

    // 啟用靜態文本服務
    http.Handle(
        "/view/",
        http.StripPrefix(
            "/view/",
            http.FileServer(http.Dir("view")),
        ),
    )

    // 設置路由,js的ajax請求地址與HandleFunc第一個參數對應(url)
    http.HandleFunc("/", show)                     //顯示主頁
    http.HandleFunc("/register", register)         //注冊
    http.HandleFunc("/requestEmail", requestEmail) //請求郵件驗證碼
    http.HandleFunc("/login", login)               //登錄
    http.HandleFunc("/isLogin", isLogin)           //檢測用戶是否已經登錄
    http.HandleFunc("/exit", exit)                 //退出登錄

    // 啟動web服務，監聽9090端口(如果沒有遇到錯誤會一直運行下去)
    //瀏覽器訪問 http://localhost:9090
    err := http.ListenAndServe(":9090", nil)
    if err != nil {
        log.Fatal("ListenAndServe: ", err)
    }

}

1.1 當前對 http.HandleFunc("/", show) 的理解

　　 第一個參數是相對於main.go的相對路徑, 例如 http.HandleFunc("/login", login), 在瀏覽器輸入地址 http://localhost:9090/login 就會執行login函數，

　　所以第二個函數應該填當路徑為http://localhost:9090/login時要執行的函數名

 

1.5 http.HandleFunc("/", show)與ajax的用法

　　

"use strict"

import {TUI} from './lib/Utils.js';//視圖包
import {Ajax} from './lib/Ajax.js';//ajax包
import {index} from './index.js';

const ajax = new Ajax();

//ui視圖的數據
const data = [
    {
        title: "qq郵箱",
        valueUrl: ".email",
    },
    {
        title: "密碼",
        ps: "必須6-16位字符",
        valueUrl: ".password",
    },
    {
        valueUrl: ".send",
        buttonValue: "send"
    }
];

var o = {
    type: "請填寫表單",
    email: "",
    password: "",
    send: (e, o)=>{
        ajax.run({
            url: "/login",
            data: "email=" + o.email + "&password=" + o.password,
            success: (d)=>{
                if(d === "1") index.getUser();
                else alert("登錄失敗")
            }
        });
    }
}

//實例化ui
var ui = new TUI(o, data).setTitle("登 錄");

var login = {ui: ui}

export {login}

　　ajax的url值應該與第一個參數相對應

 

 

2 顯示主頁

package index

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

//顯示主頁
// w表示response對象，回復客戶端信息
// r表示客戶端請求對象，包含了請求頭，請求參數等等
func show(w http.ResponseWriter, r *http.Request) {

    // 回復請求后是否關閉連接
    r.Close = true

    //獲得一個與template關聯的模板
    t, err := template.ParseFiles("view/index.html")
    if err != nil {
        fmt.Fprintf(w, "parse template error: %s", err.Error())
        return
    }

    //應用到第二個參數上，並寫入w輸出
    t.Execute(w, nil)

}

2.5

進入http://localhost:9090主頁時首先會執行show函數
路由器http.HandleFunc("/", show)會給show傳遞2個實參: w,  r

服務器語言: golang

前端語言: html5(推薦使用谷歌瀏覽器)

通信: ajax & json

項目: 登錄注冊系統

模擬運行: 運行.exe文件,然后打開谷歌瀏覽器輸入地址: http://localhost:9090

ps: 注冊完成的用戶保存到了json文件里面

ps: 實現了發送smtp郵箱驗證注冊郵箱是否可用

ps: 實現了json與go之間的互相轉換

ps: 實現了操作json文件

作者qq: 3247940050

時間: 2021.6.28
/*---------------------------三八線-------------------------------------*/

目錄介紹:

index: 實現服務器和路由的地方

json: 存放用戶信息的json文件

lib: 一些實用包

view: html, css, js 文件(前端視圖代碼)

 

源碼地址: https://pan.baidu.com/s/1TV1j5BeZ7ZhidCq7aQXePA

提取碼:   0000

壓縮包名: 2021.6.28_WebServer_email.go

















...