【畅购商城】校验用户名、手机号以及前置技术Redis和阿里大鱼短信验证码

1. 搭建环境
  1. 后端web服务：changgou4-service-web
修改pom.xml文档

<?xml version="1.0" encoding="UTF-8"?>

<project xmlns="http://maven.apache.org/POM/4.0.0"

xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"

xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">

<artifactId>changgou4-parent-ali</artifactId>

<groupId>com.czxy.changgou</groupId>

<version>1.0-SNAPSHOT</version>

</parent>

<artifactId>changgou4_service_web</artifactId>

<groupId>com.czxy.changgou</groupId>

<artifactId>changgou4_common_db</artifactId>

</dependency>

<groupId>com.czxy.changgou</groupId>

<artifactId>changgou4_pojo</artifactId>

</dependency>

<groupId>org.springframework.boot</groupId>

<artifactId>spring-boot-starter-web</artifactId>

</dependency>

<groupId>com.alibaba.nacos</groupId>

<artifactId>nacos-client</artifactId>

</dependency>

<groupId>com.alibaba.cloud</groupId>

<artifactId>spring-cloud-starter-alibaba-nacos-discovery</artifactId>

</dependency>

<groupId>org.springframework.boot</groupId>

<artifactId>spring-boot-starter-data-redis</artifactId>

</dependency>

<groupId>redis.clients</groupId>

<artifactId>jedis</artifactId>

</dependency>

<groupId>io.springfox</groupId>

<artifactId>springfox-swagger2</artifactId>

</dependency>

<groupId>io.springfox</groupId>

<artifactId>springfox-swagger-ui</artifactId>

</dependency>

</dependencies>

</project>

创建application.yml文档

#端口号

server:

port: 8081

spring:

application:

name: web-service #服务名

datasource:

driverClassName: com.mysql.jdbc.Driver

url: jdbc:mysql://127.0.0.1:3306/changgou_db?useUnicode=true&characterEncoding=utf8

username: root

password: 1234

druid: #druid 连接池配置

initial-size: 1 #初始化连接池大小

min-idle: 1 #最小连接数

max-active: 20 #最大连接数

test-on-borrow: true #获取连接时候验证，会影响性能

redis:

database: 0

host: 127.0.0.1

port: 6379

cloud:

nacos:

discovery:

server-addr: 127.0.0.1:8848 #nacos服务地址

sentinel:

transport:

dashboard: 127.0.0.1:8080

创建启动类

package com.czxy.changgou4;

import org.springframework.boot.SpringApplication;

import org.springframework.boot.autoconfigure.SpringBootApplication;

import org.springframework.cloud.client.discovery.EnableDiscoveryClient;

/**

* @author 桐叔

* @email liangtong@itcast.cn

@SpringBootApplication

@EnableDiscoveryClient

public class Web-serviceApplication {

public static void main(String[] args) {

SpringApplication.run( Web-serviceApplication.class , args );

}

1. 后端创建JavaBean：User
在changgou4-pojo项目中添加User对象

package com.czxy.changgou4.pojo;

import com.baomidou.mybatisplus.annotation.IdType;

import com.baomidou.mybatisplus.annotation.TableField;

import com.baomidou.mybatisplus.annotation.TableId;

import com.baomidou.mybatisplus.annotation.TableName;

import lombok.AllArgsConstructor;

import lombok.Data;

import lombok.NoArgsConstructor;

import lombok.ToString;

import java.beans.Transient;

import java.util.Date;

/** 与数据库对应JavaBean

* Created by liangtong.

@TableName("tb_user")

@Data

@NoArgsConstructor

@AllArgsConstructor

public class User {

CREATE TABLE `tb_user` (

`id` int(10) unsigned NOT NULL AUTO_INCREMENT,

`created_at` timestamp NULL DEFAULT NULL,

`updated_at` timestamp NULL DEFAULT NULL,

`email` varchar(255) COLLATE utf8_unicode_ci DEFAULT NULL COMMENT 'Email',

`mobile` varchar(20) COLLATE utf8_unicode_ci NOT NULL COMMENT '手机号码',

`username` varchar(255) COLLATE utf8_unicode_ci NOT NULL COMMENT '昵称',

`password` char(60) COLLATE utf8_unicode_ci NOT NULL COMMENT '密码',

`face` varchar(255) COLLATE utf8_unicode_ci DEFAULT NULL COMMENT '头像',

`expriece` int(10) unsigned DEFAULT '0' COMMENT '经验值',

PRIMARY KEY (`id`),

UNIQUE KEY `users_mobile_unique` (`mobile`),

UNIQUE KEY `users_name_unique` (`name`),

UNIQUE KEY `users_email_unique` (`email`)

) ENGINE=InnoDB AUTO_INCREMENT=27 DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci

@TableId(value="id",type = IdType.AUTO)

private Long id;

@TableField(value="username")

private String username;

@TableField(value="password")

private String password;

@TableField(value="face")

private String face;

@TableField(value="expriece")

private Integer expriece;

@TableField(value="email")

private String email;

@TableField(value="mobile")

private String mobile;

@TableField(value="created_at")

private Date createdAt;

@TableField(value="updated_at")

private Date updatedAt;

@TableField(exist = false)

private String code;

@TableField(exist = false)

private String password_confirm;

}

1. 前端页面：创建公共组件
1）删除components目录下所有内容，并创建3个新组件

2）创建 TopNav.vue组件，用于配置“顶部导航”

</div>

<ul>

<li>您好，欢迎来到畅购！[<a href="login.html">登录</a>] [<a href="register.html">免费注册</a>] </li>

</ul>

</div>

</template>

export default {

}

</script>

<style>

</style>

3）创建 HeaderLogo.vue组件，用于配置“页面头部，仅有LOGO”

</div>

</template>

export default {

}

</script>

<style>

</style>

4）创建 Footer.vue组件，用于配置“底部版权”

<a href="">关于我们</a> |

<a href="">联系我们</a> |

<a href="">人才招聘</a> |

<a href="">商家入驻</a> |

<a href="">千寻网</a> |

<a href="">奢侈品网</a> |

<a href="">广告服务</a> |

<a href="">移动终端</a> |

<a href="">友情链接</a> |

<a href="">销售联盟</a> |

</p>

</p>

</p>

</div>

</template>

export default {

}

</script>

<style>

</style>

用户注册：用户名占用

接口

http://localhost:10010/web-service/user/checkusername

{

"username":"jack1"

}

1. 后端
创建三层需要的接口或类

步骤一：创建UserMapper，编写findByUsername()完成“通过用户名查询用户”

package com.czxy.changgou4.mapper;

import com.baomidou.mybatisplus.core.mapper.BaseMapper;

import com.czxy.changgou4.pojo.User;

import org.apache.ibatis.annotations.Param;

import org.apache.ibatis.annotations.Select;

/**

* Created by liangtong.

@org.apache.ibatis.annotations.Mapper

public interface UserMapper extends BaseMapper<User> {

/**

* 通过用户名查询

* @param username

* @return

@Select("select * from tb_user where username = #{username}")

User findByUsername(@Param("username") String username);

}

步骤二：创建UserService接口，查询功能

package com.czxy.changgou4.service;

import com.baomidou.mybatisplus.extension.service.IService;

import com.czxy.changgou4.pojo.User;

/**

* @author 桐叔

* @email liangtong@itcast.cn

public interface UserService extends IService<User> {

/**

* 通过用户名查询

* @param username

* @return

public User findByUsername(String username);

}

步骤三：创建UserServiceImpl实现类，查询功能

package com.czxy.changgou4.service.impl;

import com.baomidou.mybatisplus.extension.service.impl.ServiceImpl;

import com.czxy.changgou4.mapper.UserMapper;

import com.czxy.changgou4.pojo.User;

import com.czxy.changgou4.service.UserService;

import org.springframework.stereotype.Service;

import org.springframework.transaction.annotation.Transactional;

/**

* @author 桐叔

* @email liangtong@itcast.cn

@Service

@Transactional

public class UserServiceImpl extends ServiceImpl<UserMapper, User> implements UserService {

@Override

public User findByUsername(String username) {

return baseMapper.findByUsername(username);

}

步骤四：创建UserController，完成用户名检查

package com.czxy.changgou4.controller;

import com.czxy.changgou4.pojo.User;

import com.czxy.changgou4.service.UserService;

import com.czxy.changgou4.vo.BaseResult;

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

import javax.annotation.Resource;

/**

* Created by liangtong.

@RestController

@RequestMapping("/user")

public class UserController {

@Resource

private UserService userService;

@PostMapping("/checkusername")

public BaseResult checkUsername(@RequestBody User user){

//查询用户

User findUser = userService.findByUsername( user.getUsername() );

//判断

if(findUser != null){

return BaseResult.error("用户名已经存在");

} else {

return BaseResult.ok("用户名可用");

}

1. 前端
步骤一：创建Register.vue

步骤二：添加公共组件

<div>

</div>

</template>

import TopNav from '../components/TopNav'

import HeaderLogo from '../components/HeaderLogo'

import Footer from '../components/Footer'

export default {

head: {

title: '用户注册'

components : {

TopNav,

HeaderLogo,

Footer

}

</script>

<style>

</style>

步骤三：编写注册表单，并导入独有样式

<div>

<b></b>

</div>

<ul>

<li>

<p>3-20位字符，可由中文、字母、数字和下划线组成</p>

<p class="error">用户名已存在</p>

</li>

<li>

<p>6-20位字符，可使用字母、数字和符号的组合，不建议使用纯数字、纯字母、纯符号</p>

</li>

<li>

<p>请再次输入密码</p>

</li>

<li>

<p>请输入手机号码</p>

</li>

发送验证码<span>5秒</span>

</button>

</li>

<li>

<input type="checkbox" class="chb" checked="checked" /> 我已阅读并同意《用户注册协议》

</li>

<li>

</li>

</ul>

</form>

</div>

<h3>手机快速注册</h3>

<p>中国大陆手机用户，编辑短信 “<strong>XX</strong>”发送到：</p>

</div>

</div>

</template>

import TopNav from '../components/TopNav'

import HeaderLogo from '../components/HeaderLogo'

import Footer from '../components/Footer'

export default {

head: {

title: '用户注册',

link: [

{rel:'stylesheet',href:'style/login.css'}

script: [

{ type: 'text/javascript', src: 'js/header.js' },

{ type: 'text/javascript', src: 'js/index.js' },

]

components : {

TopNav,

HeaderLogo,

Footer

}

</script>

<style>

</style>

步骤四：修改api.js，编写检查用户名的ajax函数

const request = {

test : ()=> {

return axios.get('/test')

//检查用户名

checkUsername : ( username )=> {

return axios.post('/web-service/user/checkusername', { username })

}

步骤五：修改Register.vue页面，完成检查功能
1. 发送ajax进行用户名是否可用检查
2. 如果可用，显示对应信息，并使用success样式显示
3. 如果不可用，显示对应信息，并使用error样式提示

<div>

<b></b>

</div>

<ul>

<li>

<p>3-20位字符，可由中文、字母、数字和下划线组成</p>

<p :class="userMsg.usernameData.code == 20000 ? 'success' : 'error'">{{userMsg.usernameData.message}} </p>

</li>

<li>

<p>6-20位字符，可使用字母、数字和符号的组合，不建议使用纯数字、纯字母、纯符号</p>

</li>

<li>

<p>请再次输入密码</p>

</li>

<li>

<p>请输入手机号码</p>

</li>

发送验证码<span>5秒</span>

</button>

</li>

<li>

<input type="checkbox" class="chb" checked="checked" /> 我已阅读并同意《用户注册协议》

</li>

<li>

</li>

</ul>

</form>

</div>

<h3>手机快速注册</h3>

<p>中国大陆手机用户，编辑短信 “<strong>XX</strong>”发送到：</p>

</div>

</div>

</template>

import TopNav from '../components/TopNav'

import HeaderLogo from '../components/HeaderLogo'

import Footer from '../components/Footer'

export default {

head: {

title: '用户注册',

link: [

{rel:'stylesheet',href:'style/login.css'}

script: [

{ type: 'text/javascript', src: 'js/header.js' },

{ type: 'text/javascript', src: 'js/index.js' },

]

components : {

TopNav,

HeaderLogo,

Footer

data() {

return {

user : { //表单绑定对象

username : ""

userMsg : { //错误信息

usernameData : ""

}

methods: {

async checkUsernameFn() {

let {data} = await this.$request.checkUsername( this.user.username )

this.userMsg.usernameData = data

}

</script>

<style>

</style>

用户注册：手机号检查
1. 接口

http://localhost:10010/web-service/user/checkmobile

{

"mobile":"13344445555"

}

后端

步骤一：修改UserService，添加 findByMobile() 方法，进行电话号码的查询

/**

* 通过手机号查询

* @param mobile

* @return

User findByMobile(String mobile);

步骤二：编写UserServiceImpl，实现findByMobile() 方法

@Override

public User findByMobile(String mobile) {

// 拼凑条件

QueryWrapper queryWrapper = new QueryWrapper();

queryWrapper.eq("mobile", mobile);

// 查询一个

List<User> list = baseMapper.selectList(queryWrapper);

if(list.size() == 1) {

return list.get(0);

}

return null;

}

步骤三：修改UserController，添加checkMobile() 方法

/**

* 通过手机号查询

* @param user

* @return

@PostMapping("/checkmobile")

public BaseResult checkMobile(@RequestBody User user){

//查询用户

User findUser = userService.findByMobile( user.getMobile() );

//判断

if(findUser != null){

return BaseResult.error("电话号码已经注册");

} else {

return BaseResult.ok("电话号码可用");

}

1. 前端
步骤一：修改api.js，添加 checkMobile() 函数

const request = {

test : ()=> {

return axios.get('/test')

//检查用户名

checkUsername : ( username )=> {

return axios.post('/web-service/user/checkusername', { username })

//检查电话号码

checkMobile : ( mobile )=> {

return axios.post('/web-service/user/checkmobile', { mobile })

}

步骤二：修改Register.vue，添加 checkMobileFn() 进行手机号检查

methods: {

async checkUsernameFn() {

//检查用户名

let {data} = await this.$request.checkUsername( this.user.username )

this.userMsg.usernameData = data

async checkMobileFn() {

//检查电话

let {data} = await this.$request.checkMobile( this.user.mobile )

this.userMsg.mobileData = data

}

步骤三：编写需要的2个变量

data() {

return {

user : { //表单封装数据

username : "",

mobile : ""

userMsg : { //错误提示数据

usernameData : "",

mobileData : ""

}

步骤四：处理页面

<li>

<p>请输入手机号码</p>

<p :class="userMsg.mobileData.code == 1 ? 'success' : 'error'">{{userMsg.mobileData.message}} </p>

</li>

完整版

<div>

<b></b>

</div>

<ul>

<li>

<p>3-20位字符，可由中文、字母、数字和下划线组成</p>

<p :class="userMsg.usernameData.code == 1 ? 'success' : 'error'">{{userMsg.usernameData.message}} </p>

</li>

<li>

<p>6-20位字符，可使用字母、数字和符号的组合，不建议使用纯数字、纯字母、纯符号</p>

</li>

<li>

<p>请再次输入密码</p>

</li>

<li>

<p>请输入手机号码</p>

<p :class="userMsg.mobileData.code == 1 ? 'success' : 'error'">{{userMsg.mobileData.message}} </p>

</li>

发送验证码<span>5秒</span>

</button>

</li>

<li>

<input type="checkbox" class="chb" checked="checked" /> 我已阅读并同意《用户注册协议》

</li>

<li>

</li>

</ul>

</form>

</div>

<h3>手机快速注册</h3>

<p>中国大陆手机用户，编辑短信 “<strong>XX</strong>”发送到：</p>

</div>

</div>

</template>

import TopNav from '../components/TopNav'

import HeaderLogo from '../components/HeaderLogo'

import Footer from '../components/Footer'

export default {

head: {

title: '用户注册',

link: [

{rel:'stylesheet',href:'style/login.css'}

script: [

{ type: 'text/javascript', src: 'js/header.js' },

{ type: 'text/javascript', src: 'js/index.js' },

]

components : {

TopNav,

HeaderLogo,

Footer

data() {

return {

user : { //表单封装数据

username : "",

mobile : "",

password : "",

code : ""

userMsg : { //错误提示数据

usernameData : "",

mobileData : ""

}

methods: {

async checkUsernameFn() {

//检查用户名

let {data} = await this.$request.checkUsername( this.user.username )

this.userMsg.usernameData = data

async checkMobileFn() {

//检查电话

let {data} = await this.$request.checkMobile( this.user.mobile )

this.userMsg.mobileData = data

}

</script>

<style>

</style>

1. 用户注册：前置技术--Redis
  1. 安装redis
linux版
window

可访问

图形化工具

1. 基本使用
yml配置

spring:

application:

name: test-service #服务名

redis:

database: 0

host: 127.0.0.1

port: 6379

配置类

package com.czxy.config;

import org.springframework.context.annotation.Bean;

import org.springframework.context.annotation.Configuration;

import org.springframework.data.redis.connection.RedisConnectionFactory;

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

/**

* @author 桐叔

* @email liangtong@itcast.cn

@Configuration

public class RedisConfiguration {

@Bean

public StringRedisTemplate stringRedisTemplate(RedisConnectionFactory redisConnectionFactory) {

return new StringRedisTemplate(redisConnectionFactory);

}

测试

package com.czxy;

import org.junit.Test;

import org.junit.runner.RunWith;

import org.springframework.boot.test.context.SpringBootTest;

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

import org.springframework.test.context.junit4.SpringRunner;

import javax.annotation.Resource;

/**

* @author 桐叔

* @email liangtong@itcast.cn

@RunWith(SpringRunner.class)

@SpringBootTest(classes = TestApplication.class)

public class RedisTest {

@Resource

private StringRedisTemplate stringRedisTemplate;

@Test

public void testDemo() {

stringRedisTemplate.opsForValue().set("username","下课");

}

用户注册：前置技术--阿里大鱼
1. 用户注册：短信验证码
  1. 分析

接口

POST http://localhost:10010/web-service/sms

{

"mobile":"13344445555",

"username": "jack"

}

1. 后端
创建 SmsController类，调用阿里大鱼工具类，发送短信。

package com.czxy.changgou4.controller;

import com.aliyuncs.dysmsapi.model.v20170525.SendSmsResponse;

import com.czxy.changgou4.pojo.User;

import com.czxy.changgou4.utils.SmsUtil;

import com.czxy.changgou4.vo.BaseResult;

import org.apache.commons.lang.RandomStringUtils;

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

import org.springframework.http.ResponseEntity;

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

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

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

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

import javax.annotation.Resource;

import java.util.concurrent.TimeUnit;

/**

* Created by liangtong.

@RestController

@RequestMapping("/sms")

public class SmsController {

@Resource

private StringRedisTemplate redisTemplate;

@PostMapping

public BaseResult sendSms(@RequestBody User user){

long start = System.currentTimeMillis();

try {

//发送短信

//1 生产验证码

String code = RandomStringUtils.randomNumeric(4);

System.out.println("验证码：" + code);

//2 并存放到reids中 , key: "sms_register" + 手机号， value：验证码 , 1小时

redisTemplate.opsForValue().set( "sms_register" + user.getMobile() , code , 1 , TimeUnit.HOURS);

/**/

//3 发送短信

SendSmsResponse smsResponse = SmsUtil.sendSms(user.getMobile(), user.getUsername() , code, "", "");

//https://help.aliyun.com/document_detail/55284.html?spm=5176.doc55322.6.557.KvvIJx

if("OK".equalsIgnoreCase(smsResponse.getCode())){

return BaseResult.ok("发送成功");

} else {

return BaseResult.error(smsResponse.getMessage());

}

//模拟数据

System.out.println("验证码：" + code);

return BaseResult.ok("发送成功");

} catch (Exception e) {

long end = System.currentTimeMillis();

System.out.println( end - start);

return BaseResult.error("发送失败" );

}

1. 前端
步骤一：修改apiclient.js，发送短信ajax操作

//发短信

sendSms : ( user )=> {

return axios.post('/web-service/sms', user )

}

步骤二：修改Register.vue页面，给“发送验证码”绑定点击事件 sendSmsFn

发送验证码<span>5秒</span>

</button>

步骤三：修改Register.vue页面，编写sendSmsFn函数，建议采用 ajax..then()..catch 可以处理异常

sendSmsFn () {

this.$request.sendSms( this.user )

.then(( response )=>{

//发送短信的提示信息

this.userMsg.smsData = response.data

})

.catch(( error )=>{

//错误提示信息

alert( error.message )

})

}

步骤四：修改Register.vue页面，提供变量smsData

userMsg : { //错误提示数据

usernameData : "",

mobileData : "",

smsData : ""

}

步骤五：修改Register.vue页面，显示 smsData提示信息

<p :class="userMsg.smsData.code == 1 ? 'success' : 'error'">{{userMsg.smsData.message}} </p>

1. 倒计时
步骤一：提供3个变量，用于控制倒计时

btnDisabled : false, //倒计时控制变量

seconds : 5, //默认倒计时秒数

timer : null, //接收定时器，清除定时器

步骤二：在标签上面控制倒计时的显示

发送验证码<span v-show="btnDisabled">{{seconds}}秒</span>

</button>

步骤三：发送短信后，开启倒计时控制

sendSmsFn () {

this.$request.sendSms( this.user )

.then(( response )=>{

//发送短信的提示信息

this.userMsg.smsData = response.data

//按钮不可用

this.btnDisabled = true;

//倒计时

this.timer = setInterval( ()=>{

if(this.seconds <= 1){

//结束

// 重置秒数

this.seconds = 5;

// 按钮可用

this.btnDisabled = false;

// 停止定时器

clearInterval(this.timer);

} else {

this.seconds --;

}

} , 1000);

})

.catch(( error )=>{

//错误提示信息

alert( error.message )

})

}

【畅购商城】校验用户名、手机号以及前置技术Redis和阿里大鱼短信验证码相关推荐

美多商城之短信验证码
美多商城之短信验证码 1.短信验证码逻辑分析 2.容联云通讯短信平台 3.短信验证码后端逻辑 4.短信验证码前端逻辑 5.补充注册时短信验证逻辑 6.避免频繁发送短信验证码 7.pipeline操作R ...
基于阿里云的手机短信验证码和注册校验逻辑
基于阿里云的手机短信验证码demo实现 1. 环境依赖 2. 页面表单 html 3. 校验与短信 js 4. 工具类 SmsUtils 5. 资源调用 Servlet 阿里云的短信平台:http:/ ...
畅购商城六：微服务网关与jwt令牌
微服务网关基本概念对于微服务的各个服务一般会有不同的地址,外部客户端的一个服务可能要调用诸多的接口,这会带来以下的问题客户端会多次请求不同的微服务,地址复杂存在跨域请求,处理复杂认证复杂难 ...
畅购商城_第11章_ 订单
畅购商城_第11章_ 订单文章目录畅购商城_第11章_ 订单第11章订单课程内容 1 订单结算页 1.1 收件地址分析 1.2 实现用户收件地址查询 1.2.1 代码实现 1.2.2 测试 ...
畅购商城-添加订单实现（一）
观前提示: 详细资料观看黑马程序员的畅购商城. 该博客尝试用解题思路说明代码实现. 笔者当前水平有限,因此该博客质量不高. 已知: Idworke:一个分布式的ID生成工具. 可以理解为帮助生成数据库 ...
Java毕业设计项目【畅购商城】
为了帮助更多的铁汁们,快速进步,完成毕业设计,挺近大厂,我前面已经分享了很多项目但是有铁汁们觉得实战项目不够,为了给支持我的朋友吧此次分享的是商城项目,里面包含视频和代码,涉及到SSM.Sprin ...
畅购商城4.0 微信支付
畅购商城4.0 1.微信支付 1.1流程分析 1.2微信支付概述 1.2.1账号申请 步骤一:注册公众号,根据自身主体类型注册对应的公众号 只能申请服务号,订阅号没有办法申请支付 https:// ...
畅购商城(十三)：秒杀系统「上」
好好学习,天天向上本文已收录至我的Github仓库DayDayUP:github.com/RobodLee/DayDayUP,欢迎Star 畅购商城(一):环境搭建畅购商城(二):分布式文件系统F ...
畅购商城(三)：商品管理
好好学习,天天向上本文已收录至我的Github仓库DayDayUP:github.com/RobodLee/DayDayUP,欢迎Star,更多文章请前往:目录导航畅购商城(一):环境搭建畅购商 ...

【畅购商城】校验用户名、手机号以及前置技术Redis和阿里大鱼短信验证码

【畅购商城】校验用户名、手机号以及前置技术Redis和阿里大鱼短信验证码相关推荐

最新文章

热门文章