做一个营销型网站多少钱,icp备案需要什么材料,wordpress 页面是什么意思,小型网站制作目录
1、注册发送短信账号一个账号
2、打开虚拟机#xff0c;将redis服务端打开
3、创建springboot工程#xff0c;导入相关依赖
4、写yml配置
5、创建controller层#xff0c;并创建controller类
6、创建service层#xff0c;并创建service类
7、创建工具类#x…目录
1、注册发送短信账号一个账号
2、打开虚拟机将redis服务端打开
3、创建springboot工程导入相关依赖
4、写yml配置
5、创建controller层并创建controller类
6、创建service层并创建service类
7、创建工具类将发送短信的代码放入工具类
8、返回值工具类
9、写前端代码验证 结合第三方API和redis实现以下功能
1手机短信验证每条验证码有效期为5分钟
2五分钟内如果该手机号再次获取验证码则提示短信已发送请XX分钟后(剩余过期时间)重新
获取
3每个手机号每天最多只能发送3次24小时后可发送次数重置
1、注册发送短信账号一个账号
网址https://www.ihuyi.com/
注册送10条免费短信 发送短信需要对接相关资源
2、打开虚拟机将redis服务端打开 3、创建springboot工程导入相关依赖
工程结构 dependencygroupIdcom.alibaba/groupIdartifactIdfastjson/artifactIdversion1.2.76/version/dependencydependencygroupIdorg.springframework.boot/groupIdartifactIdspring-boot-starter-thymeleaf/artifactId/dependencydependencygroupIdorg.springframework.boot/groupIdartifactIdspring-boot-starter-data-redis-reactive/artifactId/dependencydependencygroupIdorg.springframework.boot/groupIdartifactIdspring-boot-starter-web/artifactId/dependencydependencygroupIdorg.projectlombok/groupIdartifactIdlombok/artifactIdoptionaltrue/optional/dependencydependencygroupIdorg.springframework.boot/groupIdartifactIdspring-boot-starter-test/artifactIdscopetest/scope/dependencydependencygroupIdio.projectreactor/groupIdartifactIdreactor-test/artifactIdscopetest/scope/dependency
4、写yml配置
spring:redis:port: 6379 #端口号host: 192.168.138.129 #虚拟机IP地址password: 123456 #密码database: 0 #redis默认数据库timeout: 5000mvc:static-path-pattern: /** #加载静态资源thymeleaf:cache: false #关闭页面缓存mode: HTML #模板模式suffix: .html #构建URL时附加到查看名称的后缀
5、创建controller层并创建controller类
Controller
public class CodeController {Autowiredprivate CodeService codeService;//访问8080直接进入index页面GetMapping(/)public String index(){return index;}/*** description 获取验证码* author * date 2023-02-13 15:25:02* param phone* return {link String}*/PostMapping(/getPhone)ResponseBodypublic String phone(String phone){//调用方法发送手机验证码String result codeService.getCode(phone);if (result ! null){return result;}return JSON.toJSONString(new R(0,验证码发送失败请重试,null));}/*** description 登录验证* author * date 2023-02-13 15:25:18* param phone* param code* return {link String}*/GetMapping(/login.do)public String login(String phone,String code){boolean flag codeService.checkCode(phone, code);// 判断是否相同if (flag){// 相同通过跳转页面return login;}else {// 不同不通过返回原页面return index;}}
}
6、创建service层并创建service类
Service
public class CodeService {/*** description 获取验证码* author * date 2023-02-13 14:10:27* param* return {link String}*/public String phoneCode(){return (int)((Math.random()*91)*100000);}/*** description 根据手机号获取验证码并设置有效期* author * date 2023-02-13 14:11:42* param* return {link String}*/public String getCode(String phone){//手机号对应的次数keyString countKey phone _count;//手机验证码的keyString codeKey phone _code;//获取手机号次数String phoneCount RedisTools.get(countKey);if (phoneCount null || .equals(phoneCount)){//第一次获取验证码存入redisRedisTools.setEx(countKey,1,1, TimeUnit.DAYS);}else if (Integer.parseInt(phoneCount) 2){//获取验证码剩余时间Long timeRemaining RedisTools.getExpire(codeKey);if (timeRemaining 0){//转换为分钟long m timeRemaining / 60;//转换为秒long s timeRemaining % 60;return JSON.toJSONString(new R(0,短信已成功发送请m分钟s秒后重新获取,null));}//获取验证码次数加一RedisTools.incrBy(countKey,1);}else {return JSON.toJSONString(new R(0,今日发送验证码的次数已达上限,null));}//获取验证码String phoneCode this.phoneCode();//发送验证码获取返回结果String result CodeTools.getCode(phone, code);//String result {\code\:2,\msg\:\account或password不正确\,\smsid\:\0\};//如果结果为空则发送验证码失败if (result null){return JSON.toJSONString(new R(0,验证码获取失败,null));}else {//将验证码存入redisRedisTools.setEx(codeKey,phoneCode,5,TimeUnit.MINUTES);}// 将字符串类型的json数据转换为json对象JSONObject jsonObject JSONObject.parseObject(result);// 从json对象中拿取code code为2时返回为正常String code jsonObject.get(code).toString();if (code.equals(2)){return JSON.toJSONString(new R(1,验证码已发送请注意查看,null));}else {return JSON.toJSONString(new R(0,验证码发送失败请重试,null));}}/*** description 登录验证* author * date 2023-02-13 14:38:15* param phone* param code* return {link boolean}*/public boolean checkCode(String phone,String code){String phoneCode ;try {phoneCode RedisTools.get(phone _code);}catch (Exception e){e.printStackTrace();}//判断验证码是否正确boolean flag phoneCode.equals(code);return flag;}
}
7、创建工具类将发送短信的代码放入工具类
发送短信工具类
String account ---查看用户名是登录用户中心-验证码短信-产品总览-APIID
String passwor ---- //查看密码请登录用户中心-验证码短信-产品总览-APIKEY
public class CodeTools {/*** description 发送验证码* author * date 2023-02-13 16:04:08* param phone* param mobile_code* return {link String}*/public static String getCode(String phone,String mobile_code){String postUrl http://106.ihuyi.cn/webservice/sms.php?methodSubmit;//int mobile_code (int)((Math.random()*91)*100000); //获取随机数//查看用户名是登录用户中心-验证码短信-产品总览-APIIDString account ;//查看密码请登录用户中心-验证码短信-产品总览-APIKEYString password ;// 设置短信内容String content new String(您的验证码是 mobile_code 。请不要把验证码泄露给其他人。);String line, result ;try {// 创建URL对象URL url new URL(postUrl);// 创建连接对象HttpURLConnection connection (HttpURLConnection) url.openConnection();// 同意输出//允许连接提交信息connection.setDoOutput(true);//网页提交方式“GET”、“POST”connection.setRequestMethod(POST);// 设置字符编码connection.setRequestProperty(Content-Type, application/x-www-form-urlencoded);connection.setRequestProperty(Connection, Keep-Alive);StringBuffer sb new StringBuffer();sb.append(accountaccount);sb.append(passwordpassword);sb.append(mobilephone);sb.append(contentcontent);// 设置返回数据的数据格式为JSONsb.append(formatjson);// 以各种流的转换请求数据java.io.OutputStream os connection.getOutputStream();os.write(sb.toString().getBytes());os.close();// 读取请求数据的结果BufferedReader in new BufferedReader(new InputStreamReader(connection.getInputStream(), utf-8));while ((line in.readLine()) ! null) {// 对数据进行拼接result line \n;}in.close();System.out.println(result);} catch (IOException e) {e.printStackTrace(System.out);return null;}// 返回API的返回结果为JSON有的可能为XML注意自己的设置return JSON.toJSONString(new R(1,验证码已发送请注意查看,null));}
}
8、返回值工具类
Data
public class RT{private String code;private String msg;private T data;public R() {}public R(String code, String msg, T data) {this.code code;this.msg msg;this.data data;}Overridepublic String toString() {return R{ code code \ , msg msg \ , data data };}
}
deris工具类提连接
链接https://pan.baidu.com/s/1CCDD496oIGdRfqAIx8OQ2Q?pwdtewx 提取码tewx
9、写前端代码验证
登录页面代码
!DOCTYPE html
html langen
headmeta charsetUTF-8titleTitle/titlescript src/js/jquery-1.12.4.js/scriptscript src/js/phone.js/script
/head
bodyform actionlogin.do methodget电话input typetext idphone namephonespan idsub获取验证码/spanspan idmsg/spanbr获取验证码:input typetext idcode namecodeinput typesubmit value登录/form/body
/html
js代码
$(function (){$(#sub).click(function () {let phone $(#phone).val();$.ajax({url: getPhone,type: post,data: phone phone,dataType: json,success: function (result) {//调用方法var code result.codevar msg result.msgif (code0){$(#msg).html(msg);}else if (code1){$(#msg).html(msg);}},error: function () {alert(校验失败00)}});})
})
