发表于： 2018-02-01 11:35:37
1 591
今天完成的：
1.今天继续向项目中添加发送验证码的功能，首先实现了获取手机号然后发送验证码的功能：
<%@ page language="java" pageEncoding="UTF-8" contentType="text/html; charset=utf-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@page isELIgnored="false" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript" src="${pageContext.request.contextPath}/jquery/jquery-1.8.2.js"></script>
<meta http-equiv ="Content-Type" content="text/html; charset=UTF-8">
<title>欢迎来到注册界面</title>
<script type="text/javascript">
function sendV() {
var data={
tel:$("#tel").val()
}
$.ajax({
type: "POST", //以post方式与后台沟通
url :"/addUser/verify", //与此页面沟通
dataType:JSON,//返回的值以 JSON方式 解释
data: data, //发给的数据
success: function() {//如果调用成功
alert("验证码获取")
}
}
)
}
</script>
</head>
<body>
<h2>请填写注册信息</h2>
<hr>
<form action="${pageContext.request.contextPath}/addUser" method="post" modelAttribute="user">
用户名：<input name="username" type="text" placeholder="请输入英文或数字"/><br/>
密 码：<input name ="password" type="password " placeholder="请输入英文或数字"/><br/>
手机号：<input id="tel" name="tel" type="text" placeholder="必须要填的哦"/><br/>
<input type="button" value="获取验证码" onclick="sendV()"/><br/>
验证码：<input type='text' name='userverify'/><br/>
邮 箱：<input name="mail" type="text" placeholder="找回账号的唯一途径呦"/><br/>
头 像：<input name="img" type="text" placeholder="你的头像，可不写"/><br/>
<%--时 间：<input name ="logtime" type="number" placeholder="请输入任意整数"/><br/>--%>
<br/>
<br/>
<input type="submit" name="tijiao1" value="注册">
<input type="reset" name="chongzhi" value="重置">
<br/>
<p>当前时间</p>
<div id="time"></div>
<script>
function printTime(){
var d = new Date();
var h= d.getHours();
var m= d.getMinutes();
var s= d.getSeconds();
document.getElementById("time").innerHTML= h+":"+m+":"+s;
}
var t = setInterval(printTime,1000);
</script>
<br><br>
</form>
</body>
</html>
这个就是注册界面的jsp，下面是controller的方法：
@RequestMapping(value = "/addUser/verify",method = RequestMethod.POST)
public String getVerify(HttpServletRequest Request,HttpServletResponse Reponse,String tel){
System.out.println("进入了发送验证码的方法哦");
int verify = (int)(Math.random()*9000+1000);
userService.checkSMS(verify,tel);
HttpSession session = Request.getSession();
session.setAttribute("verify",verify);
return null;
}
，然后运行完了控制台的输出：
嗯。。虽然还不理解原理啥的，但是实现了过获取手机号发送验证码的功能了。
在实现的过程中碰到了一个问题，就是点击发送验证码之后没有任何反应，直接F12查看了一波source，发现了问题所在：
Uncaught ReferenceError: $ is not defined 显示这个东西，于是我去百度查了一下：
http://blog.csdn.net/cao199408/article/details/69398550
原来是我的jquery没指定好位置，但是这个也不报错，不F12怕是发现不了。感谢F12.
然后更细致的东西还没做，目前只是发送验证码并且验证验证码，但是更深的还没有，比如再次确认明密码功能，提醒验证码已发送，提示注册成功，判断用户名的重复性啦，这些还没弄，先放着吧，接下来是邮箱
2.准备了一波小课堂，讲了讲jsp，第一次弄这个耗费了不少时间。
3.发现集成到项目中的短信发送又一点点小问题，就是我设置了点击发送验证码之后有一个弹窗的，但是 不知道为啥一直出不来，短信却正常收到了，很难受。
而且搞这个东西搞得迷迷糊糊的，决定好好学学ajax。
今天遇到的问题
弹唱提示一直弹不出来，然后邮箱的第三方api集成到项目中不会整
今天的收获
算是完成了短信验证码的验证吧。。。收获好小
明天计划的事情
继续搞任务七。。甚是疲软
返回列表
评论