Day12-项目中整合阿里云短信服务-p182，2024年最新web前端面试必问的问题

先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7

深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年最新Web前端全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

如果你需要这些资料，可以添加V获取：vip1024c （备注前端）

正文

com.alibaba

fastjson

1.2.28

com.aliyun

aliyun-java-sdk-core

4.3.3

2.2、编写后端controller类代码

---

package com.nonglin.msmservice.controller;

import com.nonglin.commonutils.R;

import com.nonglin.commonutils.RandomUtil;

import com.nonglin.msmservice.service.MsmService;

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

import org.springframework.data.redis.core.RedisTemplate;

import org.springframework.stereotype.Controller;

import org.springframework.util.StringUtils;

import org.springframework.web.bind.annotation.*;

import java.util.HashMap;

import java.util.Map;

import java.util.Random;

import java.util.concurrent.TimeUnit;

/**

• @Description :

• @Author :lenovo

• @Date :2021/3/26 15:39

*/

@RestController

@RequestMapping(“/edumsm/msm”)

@CrossOrigin

public class MsmController {

@Autowired

private MsmService msmService;

@Autowired

private RedisTemplate<String,String> redisTemplate;

//发送短信的方法

@GetMapping(“send/{phone}”)

public R sendMsm(@PathVariable String phone) {

//1 从redis获取验证码，如果获取到直接返回

String code = redisTemplate.opsForValue().get(phone);

if (!StringUtils.isEmpty(code)) {

return R.ok();

}

//2 如果redis获取 不到，进行阿里云发送

//生成随机值，传递阿里云进行发送

code = RandomUtil.getFourBitRandom();

Map<String, Object> param = new HashMap<>();

param.put(“code”, code);

//调用service发送短信的方法

boolean isSend = msmService.send(param, phone);

if (isSend) {

//发送成功，把发送成功验证码放到redis里面

//设置有效时间

redisTemplate.opsForValue().set(phone, code, 5, TimeUnit.MINUTES);

return R.ok();

} else {

return R.error().message(“短信发送失败”);

}

}

}

2.3、编写后端service类代码

---

service接口

package com.nonglin.msmservice.service;

import java.util.Map;

/**

• @Description :

• @Author :lenovo

• @Date :2021/3/26 15:38

*/

public interface MsmService {

//发送短信的方法

boolean send(Map<String, Object> param, String phone);

}

service实现类

package com.nonglin.msmservice.service.impl;

import com.alibaba.fastjson.JSONObject;

import com.aliyuncs.CommonRequest;

import com.aliyuncs.CommonResponse;

import com.aliyuncs.DefaultAcsClient;

import com.aliyuncs.IAcsClient;

import com.aliyuncs.http.MethodType;

import com.aliyuncs.profile.DefaultProfile;

import com.nonglin.msmservice.service.MsmService;

import org.springframework.stereotype.Service;

import org.springframework.util.StringUtils;

import java.util.Map;

/**

• @Description :

• @Author :lenovo

• @Date :2021/3/26 15:38

*/

@Service

public class MsmServiceImpl implements MsmService {

//发送短信的方法

@Override

public boolean send(Map<String, Object> param, String phone) {

if(StringUtils.isEmpty(phone)) return false;

DefaultProfile profile =

DefaultProfile.getProfile(“default”, “改成自己的accessKeyId”, “改成自己的secret”);

IAcsClient client = new DefaultAcsClient(profile);

//设置相关固定的参数

CommonRequest request = new CommonRequest();

//request.setProtocol(ProtocolType.HTTPS);

request.setMethod(MethodType.POST);

request.setDomain(“dysmsapi.aliyuncs.com”);

request.setVersion(“2017-05-25”);

request.setAction(“SendSms”);

//设置发送相关的参数

request.putQueryParameter(“PhoneNumbers”,phone); //手机号

request.putQueryParameter(“SignName”,“改成自己的阿里云短信服务签名名称”); //申请阿里云 签名名称

request.putQueryParameter(“TemplateCode”,“改成自己的阿里云短信服务模板code”); //申请阿里云 模板code

request.putQueryParameter(“TemplateParam”, JSONObject.toJSONString(param)); //验证码数据，转换json数据传递

try {

文末

js前端的重头戏，值得花大部分时间学习。

推荐通过书籍学习，《 JavaScript 高级程序设计（第 4 版）》你值得拥有。整本书内容质量都很高，尤其是前十章语言基础部分，建议多读几遍。

另外，大推一个网上教程 现代 JavaScript 教程 ，文章深入浅出，很容易理解，上面的内容几乎都是重点，而且充分发挥了网上教程的时效性和资料链接。

学习资料在精不在多，二者结合，定能构建你的 JavaScript 知识体系。

面试本质也是考试，面试题就起到很好的考纲作用。想要取得优秀的面试成绩，刷面试题是必须的，除非你样样精通。

这是288页的前端面试题

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

题是必须的，除非你样样精通。

这是288页的前端面试题

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）
[外链图片转存中…(img-gAToBpUz-1713658957476)]

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！