用户登录

回到项目 .. 打开 UserAccount 页面 .. 找到提交按钮的事件处理 .. handleClick .. 在这个方法的 switch 里面,添加一种情况.. 如果按的是 register 按钮 .. 可以执行一下 this.userRegister .. 把 this 交给它 ..

下面再 break 一下 ..

找个地方去定义需要的 userRegister 方法 .. 它是一个 async 方法 ..

方法里面,从页面的 state 里面,把 username 还有 password 解构出来 ..

然后去请求注册接口 .. 添加一个 response .. await .. 用一下 Taro.request .. 请求的 method 设置成 POST .. 请求的地址是 API_WS .. users ..

请求里带着 data ... 需要一个 username .. 还有 password ..

下面添加一个 switch ... 检查响应里的状态码 .. 添加一种情况 ... 如果响应的状态码是 201,表示成功创建了资源 .. 这样就可以去执行 this.userLogin .. 请求登录 ..

berak 出来 .. 再添加一种情况 ... 如果状态码是 409 ... 可以使用 Taro.atMessage .. 设置一条要显示的信息 .. type 是 error .. message 是 response 里的 data ..

再 break 出来 ..

回到模拟器,去试一下这个用户注册功能 ..

按一下 注册用户 .. 输入用户名 .. 密码 .. 再按一下 注册用户按钮 .. 成功以后,会让用户登录 .. 并且返回到 UserProfile 这个页面上 .. 在这个页面上会显示用户的用户名 ..

用户注册《 电商小程序案例:注册与登录 》

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点