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

















...