电商项目-9-交易

订单交易

1. 组件动态渲染提交订单的页面

获取用户地址信息 /user/Address/auth/findUserAdderessList GET

获取订单交易 api /api/order/auth/trade GET

测试账号 13700000000 111111

获取交易页面用户信息
用户登录才可以进去，没有登录不行。

2. 支付页面

   提交订单，获取订单编号 /api/order/auth/submitOrder?tradeNo={tradeNo} POST 不适用vuex完成，直接发起请求

获取订单支付金额 /api/payment/weixin/createNative/{orderId} GET

生命周期函数中不能使用async

elementUI vue2按需引入

配置文件变更，重启项目
antd(PC)[vue,react]
antd-mobile(移动端)
ElementUI（pc），vant（移动端）

二维码生成qrcode

支付业务

获取订单是否支付成功信息 api/payment/weixin/queryPayStatus/{orderId} GET

二级路由组件

个人中心

用到了 封装的分页器

导航守卫 续

未登录访问： 不能访问 trade（交易相关）| （pay，paysuccess）支付相关 | （center）用户中心

路由独享守卫

已经登录了，不能直接访问 paysuccess(支付成功)等页面

1. 只有从购物车页面（shopcart）才能跳转到交易页面（创建订单）(trade)
2. 只有从交易页面（创建订单）(trade)才能跳转到支付页面(pay)
3. 只有从支付页面(pay)才能跳转到支付成功页面(paysuccess)

   beforeEnter: (to, from,next) => {
     // reject the navigation
     // return false
     if(from.path == '/shopcart'){
       next();
     }
     else next(false);
   },

   next(false);//中断to的路由，停留在from中。