html5支付成功页面,订单完成页面视图《 微信支付：H5 移动端支付 》

假设用户支付完成以后，查询订单的返回的交易状态是 SUCCESS ，我们可以把用户带到一个完成页面 .. 先去创建一个视图文件 .. 放在 resources .. views .. commerce 里面，名字是 completed.edge

视图里面先用一下 layouts.main 这个布局 .. 然后一组 section 定义一下布局里的 content 这个区域要显示的东西 ..

一组 div .. container .. 里再添加一个 div 上面加上 jumbotron .. 元素的上边再添加点外边距 .. mt-3

里面是个大标题 .. dispay-4 .. 标题文字是 成功啦！

一个段落标签 .. 加上 lead .. 文字是 ，您的订单已经完成了。

下面再用一组段落标签 .. 里面一个链接 .. 上面加上 btn.btn-primary.my-2 .. 地址可以先设置成 /checkout ..链接文字是 返回 ..

再打开 routes.js .. 这里可以添加一条新的路由 .. Route.get .. checkout/completed .. 路由使用 CheckoutController 里的 completed 方法来处理..

然后再去定义这个方法 .. 在 CheckoutController 控制器里面添加一个 completed 方法 .. 方法需要用到 view ... 在方法里面 .. return 的是 view.render() .. 使用的视图是 commerce 里的 completed.edge ..

再去预览一下 ... 打开 checkout/completed .. 现在显示的就是刚才我们设计好的完成页面的视图 .. 按一下 返回 .. 又会打开 checkout 页面 ..