12-乘车二维码的处理及核销原创

Hello，同学们好，我是童颜老师，这一课我们来讲解一下我们订单当中的二维码，以及二维码的核销的问题啊，首先我们先在我们的项目当中进行一个车票的预定先。然后呢，我们这边随便选择一些乘车人，然后呢，上传一个行程码哈，我这边随便找一个图。片来代替。然后点击立即下单。然后这个模拟支付。啊，在支付成功之后呢，我们会看到这里会有一个二维码的行程啊，这个就是我们的待会会用到的一个核销的一个二维码，一个流程哈，然后我们看到我们的项目当中去到我们的这个地方，它二维码是怎么生成的？在我们的订单详情当中。我们在顶部的地方，我们引入一个二维码生成的一个啊。插件啊，就是使用它的方式就是npi。啊，一个APP，然后就是这样安装之后，然后呢，构建。

啊，就我们先安装这个东西，安装之后呢，我们使用什么，我们使用这样个工具，然后这里为什么有个构建N片啊，就可以进行使用了啊，这个流程在我们的项目当中，其实你不需要走这一步的，因为在一开始我们部署小程序的时候，就让你构建N片了啊，结果这个插件已经有的话，只是告诉你，如果你在你项目当中，如果想重新的使用这样的工具的时候，你就得走这个流程，然后呢在啊。开发是。开发。微信开发者工具当中。工具。彩灯。然后选择购剪芯片。OK，然后datas其实是一样的哈，但这边我们已经之前已经说过怎么使用了，然后在这地方我们看一下，我们会在这里面会有一个idd，是通过我们跳转式传递过来的，大家可以看一下这里的页面参数，在里面我们创了个ID的器进来。

然后呢，这里面呢，我们会做个事情，我们会怎么会这里面选择通过这样的方式去得到一个指定的节点啊，对应的节点是哪个节点呢？对应节点就是我们页面当中的这一个carry的节点。啊，我们先通过写代码的形式，在这地方说明有一个ID等一啊用这我们的camera的这样子的方式来画制一个我们的一个二维码，然后这里面有一个ID，然后呢，我们在这个地方就会指定的ID，然后呢使用对应的方式。去生成一个二维码，在一个指定的地方，然后传入的指什么？主要是这个地方基就是呃，二维码其实都会是一个字符串的一个的表现，就最终的扫描出来结果就会得到一个指定的内容啊，这里面什么啊test啊。就是二维码扫码。

扫码之后。的结果啊，这里面我们把什么，我们把我们的这个ID作为最终的结果来进行一个。生成二维码图片的这样的形状啊，就是这样的场景，然后呢，这里面指定的地点啊，代码就在这个区域。从而我们能够在这样子之后呢，扫码之后就得到了我们的这一个订单的ID，从而就能对订单ID进行核销啊，这是在我们客户端的部分要做的事情。啊，接到操作就挺常规的，比包括我们得到这里面，因为要陈列出我们订单的相关信息，以及我们城镇信息，就是我们会这里面去获取订单的详情信息，根据ID来得到，然后呢，格式化车对应的这个乘车人呢，以及乘车人的信息等等。然后呢，我们要先把这个图，我用截图的形式，先把这一个图片保存出来先啊，就说我先用啊。Windows自带的的形式，把这个图片给保存下来。

然后保存之后的图片，就我就放在了我这一个啊，我们放置原来项目的这个目录当中哈，我使用了QQ的截图的形式截这个图。你们看到吗？这时候这里就会有个二维码，就是我们此时此刻的这个图片啊，大家记住它的现在状态为待确定的状态，然后呢，我先把图片关闭先，然后呢回到我们代码当中，然后呢，只是说我们看一下，我们以为要核销这个代码当中，我们需要有一个什么，有一个对应的一个操作流程，就是管理员啊，就是这个票务的管理员，我们要对这个。订单进行核销，比如模拟一个台在乘车的时候，我们要对他这个信息进行核销的场景，然后呢，这时候呢，大家看一下我们的项目当中，会在我的这里面。设置一个管理员入口。啊，在里面已经登录了哈，我们看一下这管理员的入口当中对应的业务逻辑啊，就在我们page里面的check ticket这个地方啊，检测代码这里面首先呢，我们看一下一开始进来lo的地方，我会什么，我会先从本地群众当中拿出一个是否是管理员。

就根据这么，根据这个本地存储的这个来判断。是否是管理员登录了啊，但我这里面因为刚刚调试时候已经是有登录的场景了，所以我要把这个细节去掉线。存好的时候，信息会在这个storage这里面。大家看到这里面有个it me，然后把这个东西给删掉，右键哈d delete，这时候没有了，然后他们这时候再看一下啊，就我的，然后如果你入口。我们会这里面先让它有一个什么简单的一个健全啊，这里面会对它的信息进行健全，这里面就开始看申请，我们以什么以这一个。啊，Source scan是否能够扫描的这个状态管理，大家看到哈，在这个地方我们写了一个source sc。一个else啊，如果它已经是登录状态，我们就让它什么显示这段能量。

啊，如果它的这个SC值为false，上面显示面显示一个登录的钮啊，这里有个登录账号啊，密码以及一个登录的按钮，然后在这个地方我们会给他一个。状态管理来判断这个值啊，进来页面时，因为什么会终是超出，因为我们避免它二次进来的时候还得重新登录一下，所以我们要先把这个登录的状态存到本地群当中，所以每次进来页面都先判断是否有这个内容，再去判断是否显示登录，如果你没有登录，那还登录一次，但是你一旦登录一次之后，因为我会在这，我们想来看一下，我们一旦登录的时候，我们先对你账号，但我这里账号可以看到了，大家看到这里账号明显就是用了一个比较简单的一个铭文，我并没有用接口的形式。啊，因为我们这里更重要的只是模拟一个业务流程，还有模拟一个扫码售后的场景啊，这时候呢，如果说你账号密码都正确的时候呢，我就要你去扫描你的这个啊，检测你的这个账号以及你们用密码。如果两者没有问题了。

同样道理，我就会认为你已经登录成功了，然后就会显示扫码的那一部分的内容，说把这个值的状态改为去，并且在这地方同们哈，我们就在本地群当中存储一命的值为A等于一。然后你让他在下次重新进来时候，就在lo这个地方进来时候就不用再重新登录了。啊，所以这里面呢，我登录一次给大家看一下QF，然后写上Q1234。有事啊，然后点击登录。他登录什么时候就会这个场景，然后呢，我们看一下哈，这次进来。我们看一下，再次进来的时候，大家看到这里面已经出现有个痣了，所以说他下次进来的地方。看了吗？就不用再重新登录了。啊，就是我们做了一个小小的优化，然后呢，我们在下面的地方啊，再点击开始扫描的地方呢，我们就让它调用官方的API接口，就是就是啊。就是调用扫一扫。

啊，这个地方，然后扫一扫的时候，我们允许他选择一张图片啊，就就选择刚才我们保存好的图片来作为测试的效果。啊，这个地方我们点击这里地方选择这个值。然后这就会出现订单的信息，同学们看到吗？这个订单信息变成待确认中啊，点击券通行才让指。但一般而言，其实我们在扫描的过程当中，其实在扫的过程当中，我们一般也会做一些很特别的事情，比如说这里面我们写上一个什么，写上一个to scan。啊，选择好图片之后呢，我们会在里面先去获取信息的时候，这里要一个嘛。一个手楼顶。啊，我稍微往下拉一下哈，拉一下这里内容。啊，这里面一般我们说过了哈，一般最好的方式在这地方来一些代码的提示，提示你呢，就是啊。车票信息获取。OK，然后呢，在结束了之后的地方呢，我们把这个作为一个隐藏啊，这里面就。

隐藏掉这个。点的提示，不然的话，用户在扫码的过程当中就会觉得很突兀了，诶到底有没有结果呢？也会导致他可能会频繁的去扫描这个场景，毕竟这里面加载票务信息是需要一点点时间的。啊，我们重新来测试一下这个代码，然后点击开始扫描，选择刚才我们的那个图片。他们这时候就看到了这样的信息了啊，在这个信息当中，我们点击确认通行时候就执行正常流程，我们为什么会啊，这是大家看到这个函数就是来获取我们的车票信息了，在我们已经拿到了这个车车车乘车信息ID的时候，比如说我这边打印出来有啊。我们这里SC的结果当中呢，就会得到个result，大家看到的result结果什么，是不是就是我们刚才那个。车辆的ID看到吧，就我们订单的ID。啊，我们根据订单的这个ID，然后传递什么can get order info，获取这个订单信息的这个函数啊，在函数中得到信息之后，就会呈现出订单编号啊，以及的状态以及的人数这个东西啊，方便我们到时候在这个啊乘车的时候呢，乘车人可以对这个信息进行核实，然后当他点击确认的时候就可以。

确认这个订单的状态。确认成功，然后这个信息就变成了已乘车的状态。这就是我们实现了一个我们模拟成一个二维码的核销，以及对乘车人信息核实的一个流程啊，当然实际情况上呢，我们这里面可以完善成这里面再把重车人的相关信息，更详细信息给陈列出来的场景。这时候需要你们在实践当中根据你的实际需求来进行业务的拓展了。同学们，这就是我们二维码的核销的部分。