随笔分类 - 前端后端结合
摘要:继上一篇文章,实现了登陆功能,但是缺少一个验证码校验环节,今天和大家一起把图片验证码功能完善起来。 实现功能截图: 验证码校验,若验证码错误,返回错误信息,验证码正确,提示登录成功: ·验证码生成插件: svg-captcha 一、前端部分 前端采用 Vue + Vant 模式,验证码用 <van-
阅读全文
摘要:前面的文章介绍了 Vue + Vant + koa2 + MongoDB 实现用户注册,今天我们来讲解一下用户登陆的实现。 主要实现: 1、前端通过 axios 向后端发送 username、password 2、后端检查用户名是否已注册、比对 password 是否正确。 3、后端生成 JWT 令
阅读全文
摘要:今天我们来继续完善上一篇的 注册教程,在现实注册过程中,手机短信验证码是必不可少的。那么怎么实现呢? 首先我们需要在短信平台开通短信服务功能,大的平台主要有阿里云、腾讯云、聚合数据等( 一般需要拿到短信模板 ID、APPID、发送链接即可 ),一般费用在每条 0.04 元左右,比较大的平台每天需要发
阅读全文
摘要:今天我们来实现一个用户注册的页面,在上一篇入门教程的基础上新增代码(当前的项目目录结构请参考上一篇教程),我们将原先 Vue 生成的默认页面中 About 页面替换为 注册页面 (效果图如下) 。我们从零开始,从最初的新建前端表单,到数据的后端验证存储,检测数据库中是否已经存在注册用户,若存在则提示
阅读全文