### 【GoWeb开发实战Gin框架】微博项目实战\_注册用户信息功能
# 项目实战\_注册功能
## 一、model
首先我们先在创建一个数据库:

我们先创建一个工具包utils,然后创建一个go文件,用于做mysql的工具类,里面提供连接数据库和创建表的功能。
首先提供一个初始化方法:
~~~go
func InitMysql() {
fmt.Println("InitMysql....")
if db == nil {
db, _ = sql.Open("mysql", "root:hanru1314@tcp(127.0.0.1:3306)/blogweb_gin")
CreateTableWithUser()
}
}
~~~
然后设计一下数据表,我们需要用户的id,并且作为主键,用户名username和密码password,还有状态status,这个用于标记该用户是否被删除,0表示正常状态,1表示删除。还要就是注册时间,我们用整型的时间戳来表示即可,所以sql语句如下:可以直接操作数据库创建,也可以通过代码进行创建:
~~~go
//创建用户表
func CreateTableWithUser() {
sql := `CREATE TABLE IF NOT EXISTS users(
id INT(4) PRIMARY KEY AUTO_INCREMENT NOT NULL,
username VARCHAR(64),
password VARCHAR(64),
status INT(4),
createtime INT(10)
);`
ModifyDB(sql)
}
~~~
然后再提供一个方法,用于执行sql语句:
~~~go
//操作数据库
func ModifyDB(sql string, args ...interface{}) (int64, error) {
result, err := db.Exec(sql, args...)
if err != nil {
log.Println(err)
return 0, err
}
count, err := result.RowsAffected()
if err != nil {
log.Println(err)
return 0, err
}
return count, nil
}
~~~
再提供一个方法,用于之后的数据库操作:
~~~go
//查询
func QueryRowDB(sql string) *sql.Row{
return db.QueryRow(sql)
}
~~~
然后再models中创建一个model文件:
~~~go
package models
import (
"fmt"
"blogweb_gin/database"
)
type User struct {
Id int
Username string
Password string
Status int // 0 正常状态, 1删除
Createtime int64
}
//--------------数据库操作-----------------
//插入
func InsertUser(user User) (int64, error) {
return database.ModifyDB("insert into users(username,password,status,createtime) values (?,?,?,?)",
user.Username, user.Password, user.Status, user.Createtime)
}
//按条件查询
func QueryUserWightCon(con string) int {
sql := fmt.Sprintf("select id from users %s", con)
fmt.Println(sql)
row := database.QueryRowDB(sql)
id := 0
row.Scan(&id)
return id
}
//根据用户名查询id
func QueryUserWithUsername(username string) int {
sql := fmt.Sprintf("where username='%s'", username)
return QueryUserWightCon(sql)
}
/*
//根据用户名和密码,查询id
func QueryUserWithParam(username ,password string)int{
sql:=fmt.Sprintf("where username='%s' and password='%s'",username,password)
return QueryUserWightCon(sql)
}
*/
~~~
然后修改mian.go,添加初始化数据库的方法:
~~~go
package main
import (
"blogweb_gin/routers"
"blogweb_gin/database"
)
func main() {
database.InitMysql()
router := routers.InitRouter()
//静态资源
router.Static("/static", "./static")
router.Run(":8081")
}
~~~
此时执行程序:

刷新一下数据库,可以看见已经创建了用户表:

## 二、view
因为之前搭建项目,views目录下,已经有了一个html页面,就是register.html。所以接下来我们通过js脚本,添加表单验证就可以:
我们使用jquery来实现js部分,在js目录下,创建子目录lib,在里面放jquery框架文件,并在页面中引入。
然后重新创建一个js文件:blog.js
首先添加表单验证:
~~~js
$(document).ready(function () {
//注册表单验证
$("register-from").validate({
rules:{
username:{
required:true,
rangelength:[5,10]
},
password:{
required:true,
rangelength:[5,10]
},
repassword:{
required:true,
rangelength:[5,10],
equalTo:"#register-password"
}
},
messages:{
username:{
required:"请输入用户名",
rangelength:"用户名必须是5-10位"
},
password:{
required:"请输入密码",
rangelength:"密码必须是5-10位"
},
repassword:{
required:"请确认密码",
rangelength:"密码必须是5-10位",
equalTo:"两次输入的密码必须相等"
}
},
submitHandler:function (form) {
var urlStr = "/register";
// alert("urlStr:"+urlStr)
$(form).ajaxSubmit({
url:urlStr,
type:"post",
dataType:"json",
success:function (data,status) {
alert("data:"+data.message)
if (data.code == 1){
setTimeout(function () {
window.location.href="/login"
},1000)
}
},
err:function (data,status) {
alert("err:"+data.message+":"+status)
}
})
}
})
})
~~~
当用户点击表单的submit按钮,会跳转到/register路径,而因为设置为post请求,所以我们可以在post中完成表单的注册。如果注册成功,再跳转到/login路径。
## 三、controller
我们在controllers包下创建一个新的controller,用来处理用户的注册:
~~~go
package controllers
import (
"github.com/gin-gonic/gin"
"net/http"
"time"
"fmt"
"blogweb_gin/models"
"blogweb_gin/utils"
)
func RegisterGet(c *gin.Context) {
//返回html
c.HTML(http.StatusOK,"register.html",gin.H{"title":"注册页"})
}
//处理注册
func RegisterPost(c *gin.Context){
//获取表单信息
username := c.PostForm("username")
password := c.PostForm("password")
repassword := c.PostForm("repassword")
fmt.Println(username, password, repassword)
//注册之前先判断该用户名是否已经被注册,如果已经注册,返回错误
id := models.QueryUserWithUsername(username)
fmt.Println("id:",id)
if id > 0 {
c.JSON(http.StatusOK, gin.H{"code":0,"message":"用户名已经存在"})
return
}
//注册用户名和密码
//存储的密码是md5后的数据,那么在登录的验证的时候,也是需要将用户的密码md5之后和数据库里面的密码进行判断
password = utils.MD5(password)
fmt.Println("md5后:",password)
user := models.User{0,username,password,0,time.Now().Unix()}
_,err :=models.InsertUser(user)
if err != nil{
c.JSON(http.StatusOK, gin.H{"code":0,"message":"注册失败"})
}else{
c.JSON(http.StatusOK, gin.H{"code":1,"message":"注册成功"})
}
}
~~~
思路就是先接收表单信息,然后判断数据库中是否已经存在了该用户名,如果已经存在,那么无法进行注册,我们可以通过json返回信息:用户名已经存在,否则再进行注册。
当然此处也可以使用gin框架的类型绑定来实现。
出于对密码安全的考虑,我们可以在数据库中存储密码的md5加密数据。
所以在工具包中,再添加一个工具类:myUtils.go
~~~go
package utils
import (
"fmt"
"crypto/md5"
)
//传入的数据不一样,那么MD5后的32位长度的数据肯定会不一样
func MD5(str string) string{
md5str:=fmt.Sprintf("%x",md5.Sum([]byte(str)))
return md5str
}
~~~
## 四、运行
右键main.go文件,运行程序,然后打开浏览器输入网址:[http://127.0.0.1:8081/register](http://127.0.0.1:8081/register)

返回注册成功,我们可以查询一下数据表,刷新数据库后,可以看见已经在user表中插入了一条数据:

重复注册后,会显示用户名已经存在,无法注册:

因为在js中,我们使用了jquery的表单验证,所以也可以尝试输入以下不满足条件的用户名:

