注册前端整合(2)| 学习笔记

简介: 快速学习 注册前端整合(2)

开发者学堂课程【微服务+全栈在线教育实战项目演练(SpringCloud Alibaba+SpringBoot)注册前端整合(2)学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址https://developer.aliyun.com/learning/course/667/detail/11453


注册前端整合(2)


内容介绍:

一、整合注册功能步骤

二、相关问题解决


一、整合注册功能步骤

1.在 api 创建r egister.js,定义注册接口的方法

2.页面中实现倒计时效果,使用 js 定时器的方法实现

<script>

//js 定时器的方法

/每隔一段时间执行一次 js 方法

setinterval ( "alert ( 'test') ",3000);

< / script>

3.检查 nginx,路径匹配规则

打开 nginx 配置文件做检查,检查地址号和地址名称。

location ~ / educenter/ {

proxy_pass http: // localhost:8006;

}

location ~ / edumsm/{

proxy_pass http:// localhost:8005;

}

4. 重启 nginx,启动需要的服务:发短信接口和注册接口,在前端页面进行注册测试。

5.注册测试,输入昵称、手机号,点击“获取验证码”时,手机收到了验证码提醒,但注册页面不显示倒计时。


二、相关问题解决

问题:

前端注册页面点击获取验证码时,不显示倒计时。

点击“获取验证码”超连接时,“获取验证码”部分为固定值导致错误,倒计时方法中每减一个值会将这个值放入codetest 中,故将这个错误位置改成插值表达式{{codetest}},否则这个值取不到,修改后便会出现倒计时效果。

相关文章
|
2月前
|
前端开发 JavaScript 数据安全/隐私保护
web前端----------注册界面设计
web前端----------注册界面设计
31 0
|
8月前
|
开发框架 前端开发 JavaScript
前端框架Layui的使用讲解(Layui搭建登录注册页面)(一)
前端框架Layui的使用讲解(Layui搭建登录注册页面)
455 0
|
9月前
|
Web App开发 前端开发 JavaScript
前端学习笔记202307学习笔记第五十七天-模拟面试笔记react-fiber解决了什么问题
前端学习笔记202307学习笔记第五十七天-模拟面试笔记react-fiber解决了什么问题
98 0
|
9月前
|
前端开发 定位技术
前端学习笔记202305学习笔记第二十三天-地图单线程配置
前端学习笔记202305学习笔记第二十三天-地图单线程配置
68 0
前端学习笔记202305学习笔记第二十三天-地图单线程配置
|
5月前
|
前端开发 JavaScript
《Webpack5 核心原理与应用实践》学习笔记-> 构建微前端应用
《Webpack5 核心原理与应用实践》学习笔记-> 构建微前端应用
41 1
|
6月前
|
JavaScript 前端开发 Java
在Vue中通过ElementUI构建前端页面【登录,注册】,在IEDA构建后端实现前后端分离
在Vue中通过ElementUI构建前端页面【登录,注册】,在IEDA构建后端实现前后端分离
187 0
|
8月前
|
XML 前端开发 Java
前端框架Layui的使用讲解(Layui搭建登录注册页面)(二)
前端框架Layui的使用讲解(Layui搭建登录注册页面)(二)
76 0
|
8月前
|
前端开发 JavaScript Java
前端LayUI框架快速上手实现登入注册
前端LayUI框架快速上手实现登入注册
152 0
|
9月前
|
JavaScript 前端开发 调度
前端学习笔记202307学习笔记第五十七天-模拟面试笔记react-fiber和虚拟dom关系
前端学习笔记202307学习笔记第五十七天-模拟面试笔记react-fiber和虚拟dom关系
60 0
|
9月前
|
域名解析 缓存 网络协议
前端学习笔记202307学习笔记第五十七天-模拟面试笔记http-DNs解析ip地址
前端学习笔记202307学习笔记第五十七天-模拟面试笔记http-DNs解析ip地址
73 1