p2p手机绑定

Posted JokerQ-

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了p2p手机绑定相关的知识，希望对你有一定的参考价值。

本文工具类     http://www.cnblogs.com/jokerq/p/8590498.html

 

1.需求分析

2.设计分析

3.前台页面（freemarker）

<script type="text/javascript">
            $(function(){
                if($("#showBindPhoneModal").size()>0){
                    //点击立刻绑定,弹出模式窗口
                    $("#showBindPhoneModal").click(function(){
                        $("#bindPhoneForm")[0].reset(); 
                        $("#bindPhoneModal").modal("show");
                    });
                    //给发送短信按钮添加时间
                    $("#sendVerifyCode").click(function(){
                        var _this=$(this);
                        _this.attr("disabled",true);
                        //1,发送一个Ajax请求;
                        $.ajax({
                            url:"/sendVerifyCode.do",
                            dataType:"json",
                            type:"POST",
                            data:{phoneNumber:$("#phoneNumber").val()},
                            success:function(data){
                                if(data.success){
                                    var sec=90;
                                    var timer=window.setInterval(function(){
                                        sec--;
                                        if(sec>0){
                                            _this.text(sec+"秒重新发送");
                                        }else{
                                            //去掉定时器
                                            window.clearInterval(timer);
                                            _this.text("重新发送验证码");
                                            _this.attr("disabled",false);
                                        }
                                    },1000);
                                }else{
                                    $.messager.popup(data.msg);
                                    _this.attr("disabled",false);
                                }
                            }
                        });
                    });
                    
                    //给提交绑定窗口按钮添加事件
                    $("#bindPhoneForm").ajaxForm(function(data){
                        if(data.success){
                            window.location.reload();
                        }else{
                            $.messager.popup(data.msg);
                        }
                    });
                    $("#bindPhone").click(function(){
                        $("#bindPhoneForm").submit();
                    });
                };
                
               
            })
        </script>
<div class="col-sm-4">
                                        <div class="el-accoun-auth">
                                            <div class="el-accoun-auth-left">
                                                <img src="images/shouji.jpg" />
                                            </div>
                                            <div class="el-accoun-auth-right">
                                                <h5>手机认证</h5>
                                                <#if userinfo.isBindPhone >
                                                <p>
                                                    已认证
                                                    <a href="#">查看</a>
                                                </p>
                                                <#else>
                                                <p>
                                                    未认证
                                                    <a href="javascript:;" id="showBindPhoneModal">立刻绑定</a><!--弹出模态框-->
                                                </p>
                                                </#if>                                                
                                            </div>
                                            <div class="clearfix"></div>
                                            <p class="info">可以收到系统操作信息,并增加使用安全性</p>
                                        </div>
                                    </div>
<#if !userinfo.isBindPhone>
        <div class="modal fade" id="bindPhoneModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
          <div class="modal-dialog" role="document">
            <div class="modal-content">
              <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <h4 class="modal-title" id="exampleModalLabel">绑定手机</h4>
              </div>
              <div class="modal-body">
                <form class="form-horizontal" id="bindPhoneForm" method="post" action="/bindPhone.do">
                    <div class="form-group">
                            <label for="phoneNumber" class="col-sm-2 control-label">手机号:</label>
                            <div class="col-sm-4">
                              <input type="text" class="form-control" id="phoneNumber" name="phoneNumber" />
                              <button id="sendVerifyCode" class="btn btn-primary" type="button" autocomplate="off">发送验证码</button>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="verifyCode" class="col-sm-2 control-label">验证码:</label>
                            <div class="col-sm-4">
                              <input type="text" class="form-control" id="verifyCode" name="verifyCode" />
                            </div>
                        </div>
                </form>
              </div>
              <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary" id="bindPhone">保存</button>
              </div>
            </div>
          </div>
        </div>
        </#if>

4.发送验证码Controller

package com.xmg.p2p.base.controller;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;

import com.xmg.p2p.base.service.IVerifyCodeService;
import com.xmg.p2p.base.service.impl.VerifyCodeServiceImpl;
import com.xmg.p2p.base.util.JSONResult;

/**
 * 验证码相关Controller
 * @author Administrator
 *
 */
@Controller
public class VerifyCodeController {
    
    @Autowired
    private IVerifyCodeService verifyCodeService;
    
    @RequestMapping("/sendVerifyCode")
    @ResponseBody
    public JSONResult sendVerifyCode(String phoneNumber){
        JSONResult json = new JSONResult();
        try {
            verifyCodeService.sendVerifyCode(phoneNumber);
        } catch (RuntimeException e) {
            json.setMsg(e.getMessage());
            json.setSuccess(false);
        }
        return json;
    }
    
}

5.发送验证码ServiceImpl

package com.xmg.p2p.base.service.impl;

import java.util.Date;
import java.util.UUID;

import org.springframework.stereotype.Service;

import com.xmg.p2p.base.service.IVerifyCodeService;
import com.xmg.p2p.base.util.DateUtil;
import com.xmg.p2p.base.util.UserContext;
import com.xmg.p2p.base.vo.VerifyCodeVO;

@Service
public class VerifyCodeServiceImpl implements IVerifyCodeService {
　　　
　　@Value("${sms.username}")
    private String username;
    @Value("${sms.password}")
    private String password;
    @Value("${sms.apikey}")
    private String apiKey;
    @Value("${sms.url}")
    private String url;


    @Override
    public void sendVerifyCode(String phoneNumber) {
        //判断当前是否能够发送短信
        //从Session中获取最后一次发送短信的事件
        VerifyCodeVO vc = UserContext.getCurrentVerifyCode();
        if (vc==null || DateUtil.secondsBetween(new Date(), vc.getLastSendTime()) > 90) {
            //正常发送验证码短信
            //生成一个验证码
            String verifyCode = UUID.randomUUID().toString().substring(0,4);
            //发送短信
            //System.out.println("给手机 "+phoneNumber+"发送验证码："+verifyCode);
　　　　　　




//通过URL 得到一个HTTPURLConnetion连接对象
            try {
                //创建一个URL对象
                URL url = new URL(this.url);
                HttpURLConnection conn = (HttpURLConnection) url.openConnection();
                //拼接POST请求的内容
                StringBuilder content = new StringBuilder(100)
                        .append("username=").append(username)
                        .append("&password=").append(password)
                        .append("&apikey=").append(apiKey)
                        .append("&mobile=").append(phoneNumber)
                        .append("&content=")
                        .append("验证码是：").append(verifyCode).append(",请在5分钟内使用");
                //发送post请求,POST或者GET一定要大写
                conn.setRequestMethod("POST");
                //设置POST请求是有请求体的
                conn.setDoOutput(true);
                //写入post请求体
                conn.getOutputStream().write(content.toString().getBytes());
                //得到响应流（其实就已经发送了）
                String response = StreamUtils.copyToString(conn.getInputStream(), Charset.forName("UTF-8"));
                if (response.startsWith("success:")) {
                    //发送成功
                    //把手机号码 验证码 发送时间  装配到Vo中 并保存到session
                    vc = new VerifyCodeVO();
                    vc.setLastSendTime(new Date());
                    vc.setPhoneNumber(phoneNumber);
                    vc.setVerifyCode(verifyCode);
                    UserContext.putVerifyCode(vc);
                }else {
                    //发送失败
                    throw new RuntimeException();
                }
            } catch (Exception e) {
                e.printStackTrace();
                throw new RuntimeException("短信发送失败");
            }




        }else {
            throw new RuntimeException("发送过于频繁");
        }
        
    }






    @Override
    public boolean verify(String phoneNumber, String verifyCode) {
        VerifyCodeVO vc = UserContext.getCurrentVerifyCode();
        if (vc!=null //发送了验证码
                && vc.getPhoneNumber().equals(phoneNumber)//手机号
                && vc.getVerifyCode().equalsIgnoreCase(verifyCode)//验证码
                && DateUtil.secondsBetween(new Date(), vc.getLastSendTime()) <= BidConst.VERIFYCODE_VAILDATE_SECOND //验证码时间小于5分钟
                ) {
            return true;
        }
        return false;
    }






 



}




（发送短信给短信网关需要写配置文件指定信息）




sms.username=xmg
sms.password=1111
sms.apikey=1111
#模拟短信网关
sms.url=http://localhost:8082/send.do




 


6.存放验证码相关内容的vo




package com.xmg.p2p.base.vo;

import java.util.Date;

import lombok.Getter;
/**
 * 存放验证码相关内容  这个对象时放在Session中的
 * 
 * @author Administrator
 *
 */

public class VerifyCodeVO {
    private String verifyCode;//验证码
    private String phoneNumber;//发送验证码的手机号
    private Date lastSendTime;//最后成功发送验证码的时间
    public String getVerifyCode() {
        return verifyCode;
    }
    public void setVerifyCode(String verifyCode) {
        this.verifyCode = verifyCode;
    }
    public String getPhoneNumber() {
        return phoneNumber;
    }
    public void setPhoneNumber(String phoneNumber) {
        this.phoneNumber = phoneNumber;
    }
    public Date getLastSendTime() {
        return lastSendTime;
    }
    public void setLastSendTime(Date lastSendTime) {
        this.lastSendTime = lastSendTime;
    }
    
}




7.提交绑定窗口Controller




package com.xmg.p2p.base.controller;

import javax.jws.WebParam.Mode;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;

import com.xmg.p2p.base.domain.Logininfo;
import com.xmg.p2p.base.service.IAccountService;
import com.xmg.p2p.base.service.IUserinfoService;
import com.xmg.p2p.base.util.JSONResult;
import com.xmg.p2p.base.util.RequireLogin;
import com.xmg.p2p.base.util.UserContext;

@Controller
public class PersonalController {
    
    @Autowired
    private IUserinfoService userinfoService;

    @RequestMapping("bindPhone")
    @ResponseBody
    public JSONResult bindPhone(String phoneNumber,String verifyCode){
        JSONResult json = new JSONResult();
        try {
            userinfoService.bindPhone(phoneNumber,verifyCode);
        } catch (RuntimeException e) {
            json.setSuccess(false);
            json.setMsg(e.getMessage());
        }
        return json;
    }
}




8.提交绑定窗口serviceImpl




package com.xmg.p2p.base.service.impl;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;

import com.xmg.p2p.base.domain.Userinfo;
import com.xmg.p2p.base.mapper.UserinfoMapper;
import com.xmg.p2p.base.service.IUserinfoService;
import com.xmg.p2p.base.service.IVerifyCodeService;
import com.xmg.p2p.base.util.BitStatesUtils;
import com.xmg.p2p.base.util.UserContext;

@Service
public class UserinfoServiceImpl implements IUserinfoService {
    
    @Autowired
    private UserinfoMapper userinfoMapper;
    
    @Autowired
    private IVerifyCodeService verifyCodeService;
    
    @Override
    public void update(Userinfo userinfo) {
            int ret = userinfoMapper.updateByPrimaryKey(userinfo);
            if (ret == 0) {
                throw new RuntimeException("乐观锁失败，Userinfo:"+userinfo.getId());
            }
    }
    @Override
    public void bindPhone(String phoneNumber, String verifyCode) {
        //如果用户没有绑定验证码
        Userinfo current = get(UserContext.getCurrent().getId());
        if (!current.getIsBindPhone()) {
            //验证验证码合法
            boolean ret = this.verifyCodeService.verify(phoneNumber,verifyCode);//在VerifyCodeServiceImpl中新加方法
            if (ret) {
                //如果合法 给用户绑定手机
                //current.setBitState(BitStatesUtils.addState(current.getBitState(), BitStatesUtils.OP_BIND_PHONE));
                current.addState(BitStatesUtils.OP_BIND_PHONE);//上行过于复杂 在Userinfo中添加方法进行此处简化
                this.update(current);
            }else {
                //否则抛出异常
                throw new RuntimeException("绑定手机失败！");
                
            }
            
            
        }
        
        
    }

}




 （domain   Userinfo类）




package com.xmg.p2p.base.domain;

import com.alibaba.druid.support.logging.Log;
import com.xmg.p2p.base.util.BitStatesUtils;

import lombok.Getter;
import lombok.Setter;

/**
 * 用户相关信息
 * @author Administrator
 *
 */
@Getter
@Setter
public class Userinfo extends BaseDomain {
    /**
     * UserInfo：
        属性名称    属性类型    属性说明
        Version    Int    版本号，用作乐观锁
        bitState    Long    用户状态值
        realName    String    用户实名值（冗余数据）
        idNumber    String    用户身份证号（冗余数据）
        phoneNumber    String    用户电话
        incomeGrade    SystemDictionaryItem    收入
        Marriage    SystemDictionaryItem    婚姻情况
        kidCount    SystemDictionaryItem    子女情况
        educationBackground    SystemDictionaryItem    学历
        houseCondition    SystemDictionaryItem    住房条件
     */
    private int version; //版本号
    private long bitState;//用户状态吗
    private String realName;
    private String idNumber;
    private String phoneNumber;
    private SystemDictionaryItem incomeGrade;//收入
    private SystemDictionaryItem marriage;//
    private SystemDictionaryItem kidCount;//
    private SystemDictionaryItem educationBackground;//
    private SystemDictionaryItem houseCondition;//
    
    public void addState(long state){
        this.setBitState(BitStatesUtils.addState(this.getBitState(),state));
    }
    
    
    以上是关于p2p手机绑定的主要内容，如果未能解决你的问题，请参考以下文章
 

 有没有更聪明的方法将布局绑定到片段？


 实用代码片段将json数据绑定到html元素 （转）


 Kotlin Android Studio - setContenView - 绑定（片段）


 尉蓝色的P2P金融众筹平台手机模板


 使用绑定从片段访问父活动的 UI 元素


 在约束布局中查看片段的绑定不起作用