ThinkChat2.0新版上线,更智能更精彩,支持会话、画图、视频、阅读、搜索等,送10W Token,即刻开启你的AI之旅 广告
### 【GoWeb开发实战Gin框架】微博项目实战\_注册用户信息功能 # 项目实战\_注册功能 ## 一、model 首先我们先在创建一个数据库: ![gin_db5](http://image.chaindesk.cn/gin_db5.png/mark) 我们先创建一个工具包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") } ~~~ 此时执行程序: ![gin_yunxing47](http://image.chaindesk.cn/gin_yunxing47_2.png/mark) 刷新一下数据库,可以看见已经创建了用户表: ![gin_db6](http://image.chaindesk.cn/gin_db6.png/mark) ## 二、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) ![gin_yunxing48](http://image.chaindesk.cn/gin_yunxing48.png/mark) 返回注册成功,我们可以查询一下数据表,刷新数据库后,可以看见已经在user表中插入了一条数据: ![gin_db7](http://image.chaindesk.cn/gin_db7.png/mark) 重复注册后,会显示用户名已经存在,无法注册: ![gin_yunxing49](http://image.chaindesk.cn/gin_yunxing49.png/mark) 因为在js中,我们使用了jquery的表单验证,所以也可以尝试输入以下不满足条件的用户名: ![gin_yunxing50](http://image.chaindesk.cn/gin_yunxing50.png/mark)