新蜂商城项目总结

今天写完了新蜂商城的这个项目简单的做一下总结 也就是编写的思路 比较简单主要是走接口来操作数据渲染 简单的做了一下 登录 主页 购物车 结算 订单 话不多说 直接开始

登录

先简单说一下登录 登录前我们要先有注册后的帐号才能登录 没有测试帐号 正好我们在一个页面中编写登录和注册两个功能只需要判断一下就好 

布局就不说了 简单写写再使用vant组件 data中好我们需要的数据 正则用户名密码 完成布局的操作

接下来有一个重要的 登录时我们请求的接口密码是需要MD5加密的 这样我们下载md5插件引入使用给我们的绑定的密码数据进行加密处理更加安全 以下是我们登录的接口所需参数

 注册的接口参数和登录不同 不要踩坑

 还有一个是我们的验证码 这个是前端自己写上的不需要接口但是不输入验证码也是登不上去的

验证码是一个canvas组件我们编写好验证码组件后引入到我们的登陆页面就可以使用登录前加上判断如果输入框的内容不是我们验证码返回的内容的话直接retrun拦截并给予提示