今天完成的任务
1.用Spring配置文件保存七牛云的账号信息
工具类的代码也进行了相应的修改
写了一个测试类,存了一个中文名的图片
测试结果
但是到七牛云的控制台查看图片的外链,却不是中文的:
暂时没想到好的方法,只能先上传英文或拼音命名的图片了。
2.理了一下保存头像的service方法
方案一:前端传过来FilePath和FileName==》用工具类上传图片到七牛云
==》手动组装图片的外链,然后保存到数据库
方案二:前端申请上传凭证,然后用ajax上传到七牛云==》七牛云发回调信息给业务服务器==》从回调信息里拿到图片外链
这个一时半会想不通,先缓缓...(也许是搜索的关键词不对)
3.集成手机验证到注册系统
1)思路:把注册分为两个步骤,先验证手机号再填写用户名、邮箱、密码、头像:
.png)


.png)
2)页面一的实现
页面一的难点在于使用ajax异步请求发送短信验证码。
A.首先是JSP部分
B.然后是ajax:
C.拦截异步请求的方法
就是接收前端传过来的手机号,然后用阿里云发一条6位数的随机验证码,并将这个验证码存在session里。
这里贴一下6位随机验证码的代码:
D.另外,在页面一还设置了1分钟只能获取一条验证码的限制,算是防攻击策略的一种。
但是刷新页面,就可以直接重新发送验证码了,所以真正的防攻击应该是使用图形验证码。图形验证码通过后才能获取短信验证码。
3)页面二的实现
页面二还没有实现...就是刚刚才理清这么一个思路。但是实现起来应该就容易一些了,毕竟ajax发送短信验证码的功能已经实现了,有了成功的例子,做其他事情都简单多了。
这里要注意的是,输入手机号是在页面一,而不是在页面二。所以,为了把手机号也保存到数据库,也要把手机号写到session里。在存数据的时候,从session里取出手机号再存到数据库。
然后又想到,如果采取这种分布注册的方案,还应该在页面一里验证手机号没有注册....
遇到的问题
使用ajax的时候还是出现了问题,没搞清楚在ajax里前后端是怎么交互的,导致在前端输入的手机号没有传到后端,短信发送失败。隔壁的前端大佬帮我解决了。
收获
理解ajax和后端交换数据的方法
明天的计划
实现页面二的功能
进度
步骤2
任务开始时间 2017.9.25
预计提交时间 2017.10.2
已延期
评论