1 前端配置请求后端的地址
2 meida的配置
-media_url
3 前端登录功能
-判断用户名密码是否为空,message的提示
-发送axios请求(post)
4 前端存储(三个位置)
5 前端用户名的显示与不显示
6 发送短信(腾讯云)
-api和sdk
-发送短信的2.0的sdk
-封装了一层(单独做成一个模块,以后可以顺利的移到任何其他项目中)
7 校验手机号是否存在的接口
8 限制短信发送频率的频率类
1 手机号登录接口
1 只需要手机号和验证码,post
views.py
@action(methods=['POST'], detail=False)
def login_phone(self, request, *args, **kwargs):
serializer.py
from django.core.cache import cache
from django.conf import settings
class UserPhoneModelSerializer(serializers.ModelSerializer):
2 前端获取验证码,手机号登录,前端注册功能
Register.vue
<template>
<div class="register">
<div class="box">
<i class="el-icon-close" @click="close_register"></i>
<div class="content">
<div class="nav">
<span class="active">新用户注册</span>
</div>
<el-form>
<el-input
placeholder="手机号"
prefix-icon="el-icon-phone-outline"
v-model="mobile"
clearable
@blur="check_mobile">
</el-input>
<el-input
placeholder="密码"
prefix-icon="el-icon-key"
v-model="password"
clearable
show-password>
</el-input>
<el-input
placeholder="验证码"
prefix-icon="el-icon-chat-line-round"
v-model="sms"
clearable>
<template slot="append">
<span class="sms" @click="send_sms">{{ sms_interval }}</span>
</template>
</el-input>
<el-button type="primary" @click="register">注册</el-button>
</el-form>
<div class="foot">
<span @click="go_login">立即登录</span>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
name: "Register",
data() {