GO语言开发天天生鲜项目第三天用户模块开发

项目分析一.项目架构

二.数据库表设计

用户模块

##一.用户注册

用户通过我们的网站购买商品前，必须要登录。如果，该用户在我们的网站上没有账号，那么必须进行注册。下面我们看一下注册的具体实现过程（注意：这里讲解的时候，一定先演示效果，然后分析步骤）

###1.前端处理

从前端设计人员获取注册的前端页面后，我们首先要呈现出来，这样需要在user.go文件中，创建一个方法，负责指定前端的注册页面。这个方法为ShowReg( )，该方法的具体实现如下：

func (this*UserController)ShowReg(){
   this.TplName = "https://blog.csdn.net/fegus/article/details/register.html"
}

下面，我们看一下前端的注册页面内容：

在该注册页面中，包含了用户注册时需要填写的信息，例如：用户名，密码，密码确认，邮箱信息。

在这里，大家需要注意的是，为了保证用户填写信息的准确性，在这里需要对用户填写的信息进行校验。关于表单的校验，这里我们需要用到大家前面学习的Jquery,所以这里需要在标签中引入jquery文件：

关于具体校验的实现，前端人员也已经封装在了一个js文件中了，该文件为：register.js

所以也需要将该文件在标签中引入一下：

下面，我们来看一下，register.js文件的具体实现如下：

$(function(){
    //定义变量，默认值为false。
   var error_name = false;//如果用户名出现了错误，将该变量的值修改为true.
   var error_password = false;//如果密码出现了错误，将该变量的值修改为true.
   var error_check_password = false;//如果密码确认出现了错误，该变量的值修改为true.
   var error_email = false;//如果邮箱出现了错误，该变量的值修改为true.
   var error_check = false;//如果选择同意协议，该变量的值修改为true.
    //根据id的值，找到“user_name”,并且绑定一个blur事件，也就是当该文本框失去焦点后，执行其对应的方法。
   $('#user_name').blur(function() {
      check_user_name();
   });   
    //同上
    $('#pwd').blur(function() {
      check_pwd();
   });
    //同上
   $('#cpwd').blur(function() {
      check_cpwd();
   });
    //同上
   $('#email').blur(function() {
      check_email();
   });
    //根据id找到“allow”,并且绑定一个单击事件，并且判断该元素是否被选中，
    //如果选中了，将变量 error_check变量的值修改为false,并且将其同胞元素隐藏、
    //如果没有选中，将变量error_check变量的值修改为true,并且在其同胞元素上打印“请勾选同意”
    //并且将该标签显示出来。
   $('#allow').click(function() {
      if($(this).is(':checked'))
      {
         error_check = false;
         $(this).siblings('span').hide();
      }
      else
      {
         error_check = true;
         $(this).siblings('span').html('请勾选同意');
         $(this).siblings('span').show();
      }
   });
    //获取用户名的长度，并且进行判断其长度，如果不符合条件，显示出对应的错误提示。
   function check_user_name(){
      var len = $('#user_name').val().length;
      if(len<5||len>20)
      {
         $('#user_name').next().html('请输入5-20个字符的用户名')
         $('#user_name').next().show();
         error_name = true;
      }
      else
      {
         $('#user_name').next().hide();
         error_name = false;
      }
   }
    //获取密码的长度，并且进行长度的判断，如果不符合条件，显示出对应的错误提示
   function check_pwd(){
      var len = $('#pwd').val().length;
      if(len<8||len>20)
      {
         $('#pwd').next().html('密码最少8位，最长20位')
         $('#pwd').next().show();
         error_password = true;
      }
      else
      {
         $('#pwd').next().hide();
         error_password = false;
      }     
   }
    //密码确认判断，获取密码框中输入的内容，同时获取“确认密码框”中输入的内容，进行比较。
    //如果两个值相等，表示两次输入的密码一致，否则给出错误提示。
   function check_cpwd(){
      var pass = $('#pwd').val();
      var cpass = $('#cpwd').val();

      if(pass!=cpass)
      {
         $('#cpwd').next().html('两次输入的密码不一致')
         $('#cpwd').next().show();
         error_check_password = true;
      }
      else
      {
         $('#cpwd').next().hide();
         error_check_password = false;
      } 
      
   }
    //对邮箱格式进行校验，判断其输入的邮箱是否符合对应的格式，如果不符合，给出对应的错误提示。
    //这里对邮箱格式的校验，使用了正则表达式。
   function check_email(){
      var re = /^[a-z0-9][w.-]*@[a-z0-9-]+(.[a-z]{2,5}){1,2}$/;

      if(re.test($('#email').val()))
      {
         $('#email').next().hide();
         error_email = false;
      }
      else
      {
         $('#email').next().html('你输入的邮箱格式不正确')
         $('#email').next().show();
         error_check_password = true;
      }
   }
    //当用户单击“注册”按钮时，在将数据发送服务端之前，会先调用submit方法，
    //在该方法中，会将上面所有校验的方法进行调用，然后判断其对应的变量的值
    //如果所有变量的值为false,表示校验全部通过，那么会将表单中的数据发送到服务端，否则是不会发送到服务端的。
  //注意：reg_from为form标签的id属性的值，当单击“注册”这个submit按钮时，会先执行submit方法。
    //只有该方法最终返回的结果为true,才会将数据发送到服务端。
   $('#reg_form').submit(function() {
       //调用上面校验的方法。
      check_user_name();
      check_pwd();
      check_cpwd();
      check_email();
	//判断其变量的值，如果全部为false,表示校验全部通过，这时submit方法最终会返回true,
      //这时，才会将表单中的数据发送到服务端。如果submit方法最终返回的是false,就不会向服务端提交发送数据。
      if(error_name == false && error_password == false && error_check_password == false && error_email == false && error_check == false)
      {
         return true;
      }
      else
      {
         return false;
      }

   });
})

###2.服务器端处理

如果，客户端校验全部成功了，就会将用户在表单中输入的数据发送到服务端。

那么，接下来我们看一下，服务端是怎样对发送过来的数据进行处理的？

####2.1:关于标签的设置

在前面的课程学习过程中，我们大家都知道，要将前端表单中的数据发送到服务端，必须给标签指定两个很重要的属性，一个是是method,一个是action,这里我们给这两个属性，指定如下两个值。

对应的路由设置如下：

beego.Router("/register",&controllers.UserController{},"get:ShowReg;post:HandleReg")

通过该路由，我们知道，请求的url地址都是“/register”,如果是"get"请求，那么访问的是User控制器中的ShowReg方法（该方法前面我们定义过了），该方法就是指定对应的注册页面的路径。如果是“post"请求，会访问HandleReg方法，该方法的作用就是接收表单提交过来的数据。

那么我们接下来，就看一下HandleReg方法（因为form标签中指定的method属性的值为“post"）.

####2.2:HandleReg方法的处理

2.2.1:接收前端表单发送过来的数据

在这里需要注意的是：一定是根据表单元素的name属性的值来获取用户在表单中输入的数据。

//1.获取数据
userName := this.GetString("user_name")
pwd := this.GetString("pwd")
cpwd := this.GetString("cpwd")
email := this.GetString("email")

2.2.2:服务端校验

虽然在前端已经完成了表单的校验，但是为了安全，我们还需要在服务端进行校验。（因为，用户可以在浏览器端禁用javascript脚本）

服务端具体的校验过程如下：

//对接收到的数据进行非空校验
if userName == "" || pwd == "" || cpwd == "" || email == ""{
   this.Data["errmsg"] = "输入信息不完整,请重新输入！"
   this.TplName = "https://blog.csdn.net/fegus/article/details/register.html"
   return
}
//判断“密码”和”确认密码“是否一致。
if pwd != cpwd{
   this.Data["errmsg"] = "两次输入密码不一致，请重新输入！"
   this.TplName = "https://blog.csdn.net/fegus/article/details/register.html"
   return
}
//对邮箱格式的校验：注意这里使用的是regexp下的Compile方法。
reg,_ := regexp.Compile("^[A-Za-z0-9u4e00-u9fa5]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$")
res := reg.FindString(email)
if res == ""{
	this.Data["errmsg"] = "邮箱格式不正确"
	this.TplName = "https://blog.csdn.net/fegus/article/details/register.html"
	return
}

校验成功后，我们可以将接收到的的数据，赋值给对应的user对象了。

首先，定义一个orm对象，紧接着创建一个user对象，将从表单中接收到的数据赋值给user对象中的属性。

具体实现的代码如下：

o := orm.NewOrm()
user := models.User{}
user.Name = userName
user.PassWord = pwd
user.Email = email

大家接下来，可能会想将该user对象中的数据插入到数据库中去就可以了，但是这里还有一个很重要的工作，就是要校验用户名是否重名。

2.2.3:校验用户名是否重名。

大家都知道，在注册的时候我们是不允许用户名是重名的。所以，这里我们还需要对用户输入的用户名进行校验，看一下是否有重名的情况。具体的校验过程：

根据接收到的用户名，查询一下数据库看一下是否有重名的。

通过orm对象中的Read方法来读取用户的信息，这里需要给Read方法传递上面所创建出的user对象的地址（在user对象中已经存储了用户输入的用户名），同时指定要查询的字段名称为“Name",然后判断一下返回的err信息，如果不是ErrNoRows，表明用户输入的用户名在数据库中已经存在了，那么这里我们需要指定错误信息，

并且让用户重新返回到注册页面，重新进行输入表单中的数据。而且要在注册页面中，展示一下错误的信息。

具体的实现代码如下：

err = o.Read(&user,"Name")
if err != orm.ErrNoRows{
   this.Data["errmsg"] = "用户以存在，请重新注册！"
   this.TplName = "https://blog.csdn.net/fegus/article/details/register.html"
   return
}

在注册页面中展示一下错误信息，如下所示：

    邮箱:
            
            class="error_tip">提示信息
         
         
            
            同意”天天生鲜用户使用协议“
            class="error_tip2">提示信息

如果校验完用户名，发现没有重名的情况，那么可以将用户的信息存储到数据库中，具体实现的代码如下：

将用户的信息，存储到数据库中以后，接下来可以给用户发送一封邮件，并且告诉用户只有去邮箱中激活以后，才能进行登录。

给用户发送邮件一个很重要的好处就是，可以判断用户在注册时输入的邮箱是否正确。

只有正确地用户邮箱，才有意义，例如：当我们的网站上架一款新产品时，可以给注册的用户发送邮件，通知其新上架的产品信息。

这里指定了发件人的邮箱名称，对应的发送密码，对应SMTP服务器，以及对应的端口号。

这里我们使用的是QQ的邮箱，所以SMTP服务器指的是QQ的SMTP服务器地址，如果发件人使用的是163的邮箱，这里需要指定的163的SMTP服务器地址：smtp.163.com

第三：通过EMAIL对象中的属性。指定，发件人邮箱，收件人邮箱，邮件标题，以及邮件的内容。

调用EMAIL对象中的send方法发送邮件，如果邮件发送失败，给用户相应的提示并且重新返回到注册页面，让用户填写相应的信息，如果邮件发送成功，也要给出相应的提示。

在上面的注册模块中，我们已经将邮件发送到用户的邮箱中了，那么用户登录邮箱以后，将url地址拷贝到地址栏中，敲回车键，就会向我们指定的URL地址发送请求，我们只要根据传递过来的用户Id值，找到该用户并且将对应的Active属性设置为true，就可以了。

接收传递过来过来的id值，并且转成对应的整型，当如如果转换失败，给出相应的错误提示。

根据接收到的用户的Id值，查询出对应的用户信息。如果没有找到对应的注册用户，给出相应的错误提示。

如果找到了对应的用户信息，将其对应的Active属性值修改为true.最后跳转到登录页面，用户就可以进行登录了。

大家，还要注意路由的配置,这里是get请求。因为用户是将URL地址拷贝到地址栏中，通过地址栏发送请求的。

前面我们已经完成了用户注册，那么接下来我们要实现的就是用户登录、

但是在展示登录页面之前，我们需要判断一下一个叫username的cookie中是否有值，该cookie中存储的是用户名，如果有值，表明用户不是第一次登录了，以前该用户登录过。那么我们将从cookie中获取的值通过this.data[“username”]的方式传递到https://blog.csdn.net/fegus/article/details/login.html视图中，然后填充到“用户名文本框”中。并且将一个”checked"字符串也传递到视图中。

在https://blog.csdn.net/fegus/article/details/login.html视图中，我们将从服务端传递过来的用户名填充到了用户名这个文本框中。

我们这样做的目的就是，当用户登录了一次后，当下次在来访问登录页面时，可以从cookie中获取该用户名，填充到“用户名文本框”中，不需要在“用户名文本框”中重新输入用户名，方便了用户。

前端登录页面处理完成后，当用户单击“登录”按钮后，会将输入的用户名和密码提交到服务端，那么我们服务端应该怎样进行处理呢？

首先我们看到表单中，method的取值为“post",action的取值为”/login“,对应的路由如下：

通过该路由，我们知道当用户向“/login”发送"get"请求时，会访问我们上面定义的“ShowLogin”方法，如果发送的是“post”请求，那么会访问“HandleLogin”方法，那么接下来我们要做的就是在该方法中，完成对用户名和密码的校验，如果都输入正确，完成用户的登录。如果某一项输入错误，要让用户重新的输入。

接收用户名和密码以及接受“记住用户名”复选框的值，并且判断用户名和密码是否为空，如果为空给出相应的错误提示。

如果用户名和密码不为空，那么接下来我们要判断的就是用户名和密码是否正确。判断的方式，就是根据用户输入的用户名和密码与数据库中存储的用户名和密码进行比较，如果相同那么表示输入正确，否则为输入错误。

根据接收到的用户名，创建一个user对象，然后通过orm框架中Read( )方法查询“Name"这个列，也就是看一下数据库中是否存在用户输入的用户名，如果没有给出错误提示，重新展示”登录“页面。

如果密码不正确，也要给出相应的错误提示，并且重新展示“登录”页面。

前面我们在讲解注册时说过，如果用户不激活，我们是不允许用户登录的，所谓用户激活其实就是将其对应的Active属性设置为true.所以这里我们判断一下Active的属性，如果为true,表示用户已经激活了，否则表示用户没有激活。

我们在前面接收了“check”这个复选框的值，接下来我们可以判断一下该值，如果该值为"on",表示用户选择了“记住用户名”这个复选框，那么接下来我们可以将用户名存储到cookie中，并且设置相应的过期时间，否则，删除cookie.

关于设置“记住用户名”的好处，我们前面也已经提到过了,就是将用户名以cookie的形式存储在浏览器端，当用户下次再来访问的时候，浏览器会将该cookie的值发送过来，我们接收该值，然后将其填充到登录页面中的"用户名文本框"中（关于这块代码我们前面已经实现了），这样用户就不需要在输入用户名了，非常方便。

下面我们实现的就是，将用户名存储到session中。并且完成页面的跳转

用户访问完网站后，可以退出登录。登录的退出非常简单，就是清空session的值。同时完成页面的跳转。

接着要实现的界面就是用户登录之后才能访问的界面，所以需要做登陆校验，这里我们通过过滤器函数实现登陆校验：代码如下：

后面要实现的页面如果是需要登录之后才能访问的，就需要在其对应的路由前加上/goods

当单击“用户中心”链接时，会跳转到用户中心管理页面，如下图所示：

在用户中心管理页面，可以完成用户的基本信息的管理操作。

从session中获取登录用户的用户名，因为我们在前面做登录模块时，最后是将用户名存储到了session中。

既然我们的需求是展示登录用户的地址信息，所以这里需要查询一下Address表，同时关联了User表。

通过前面代码的编写，我们发现首页和用户中心-个人信息页的显示很类似，可以用视图布局减少我们代码的书写。

通过观察我们发现，两个界面的头部和尾部是一样的，所以我们可以把这部分代码抽离出来。创建一个layout.html文件保存这部分代码，layout.html代码如下：

有了layout.html之后，就可以把https://blog.csdn.net/fegus/article/details/index.html和user_center_info.html相同的部分删掉，然后在渲染相应页面的地方加上如下代码：

访问订单页面也是需要登录之后才可以访问，所以我们可以设计他对应的路由如下：

设置完路由之后，接着我们实现ShowCenterOrder 函数，因为我们订单模块还没有实现，所以这里我们先只是先把也买你简单的显示出来，等我们订单模块实现之后再处理。这里的页面和首页的样式也类似，所以我们也套用视图布局，代码如下:

访问地址页面也需要登陆之后才可以，所以我们设计他的路由如下：

所以这个页面分两个部分，一个是显示收货地址，一个是提交新的地址。

我们在前面实现登陆功能的时候是将用户名存储到了session中，所以这里我们获取用户信息可以通过获取session中的用户名，然后查找到用户信息，代码如下：

既然我们的需求是展示登陆用户的地址信息，所以这里需要查询一下Address表。查询Address信息，我们可以根据User表，做一个默认地址的过滤，代码如下：

根据显示的界面，我们能发现，添加地址传递过来了name,address,邮编,电话号码数据，我们第一步先获取这些数据,代码如下：

获取数据之后对数据进行判空操作（想具体点的话也可以对邮编和电话号码做正则匹配判断格式是否正确）

在插入数据库之前，我们要给操作的对象进行赋值。在我们浏览电商网站的时候，一般情况下，一个用户只允许一个默认地址，这里我们把业务设计为每次添加的地址都为默认地址，所以添加的时候需要把原来的默认地址改为非默认地址,代码如下：

赋值之后插入数据库，然后返回当前页面查看插入结果，代码如下：

GO语言开发天天生鲜项目第三天 用户模块开发

Go语言相关栏目本月热门文章

GO语言开发天天生鲜项目第三天用户模块开发