052-直播间模块-直播带货后台系统4原创

好了，另外咱们啊书接上一回啊，咱们的目的啊，并不是说我在这里啊，写的一个极简版的后台系统，能够增删改查我们的商品货物啊，咱们的目的是为了说我们将来这些商品加到数据库中了，我们在这个地方呀，就像我之前这张图一样，我可以选择给每一个主播啊，咱们进行啊，上架他的商品啊，答案在这里应该是每一个主播有自己的后台系统，他登录进来，他只能给自己上架商品，对不啊，所以咱们在去综合起来就是我在这里会有一个什么呀，我们一个下拉列表，把我们直播间的啊，就是我们到底有多少个用户，把这每一个用户的直播间ID啊，还有他的这个昵称啊，都在这个下拉列表中啊，做好准备，等我选中了杨左，一点击上架商品，就给杨左把底下这个什么啊数据给他推过去，等我点击的是隐兵，一点加上架商品，就把引兵的这个列表。

后去推过去，所有在看引兵直播间的人就会收到一个，诶有新商品上架了，或者商品有更新，请查看我们就能看到，哎哟，商品真的更新了，所以这一块的话呢，咱们就涉及到啊两个小的问题了，我们从哪个地方知道现在整个系统中有多少个直播间呢？啊我们这里的话可以通过我们的之前写过的一个get room就可以拿到，因为咱们现在在小程序端这里，你一进来的之后，列位你是怎么知道有多少个直播间，是不是在这里呢？咱们通过获取的一个接口吗？咱前面这四个数据是假的，咱们到时候不要他们，咱们只要真数据就可以了，诶咱们给他拿回来啊，显示在我们的这个里面来啊，我们可以选择到时候给谁上直播啊，上直播链接后面这个上架商品这个按钮的话呢，它的核心业务功能啊，就是在于咱们呀，在调用即时通讯的一个接口来去做啊，所以在这里这个接口的话，可能已经帮他。

大家找到了，是在这里一个叫做修改群基础资料的这样一个接口，没有想到吧？啊，怎么能是修改群基础资料，跟我上架商品有什么关系呢？嘿，咱们即时通讯的这块，他就是根于我们修改群基础资料之后啊，我们这块会收到一个通知啊，我们一定要用的是这个方法列外，好吧，好了，那接下来咱们就按照我们的流程啊，那是一点点来去做，第一点咱们先把我们的这个小页面的布局给做好啊，然后我们来说为什么得靠这个接口来去做呢？来接下来我们在这里啊，第一步哈，来到我们的app.view中的话呢，可能需要在前面这块写个列表啊，然后的话再写一个小按钮，这个小按钮的话呢，是咱们的一个上架商品这个按钮啊，在这里登这吧，危险的对不对啊，我们的上架商品啊，上架这个商品。

哎，等一会儿点击之后的话呢，我就来一个hand on什么呀，Upload就可以了，对吧？Hand on upload这个方法，咱们要把这个商品的话呢，进行一个上架的一个处理，然后接下来在这里的话，还有一个select的这样一个列表，列表可以啊，再去找一找我们文档中的这个select的这个东西啊，他怎么去用这个小玩意，咱们去找一下搜一下吧，来在这里哈。楼顶中啊，在这里有一个select往上走，Select select select是不是select选择器，这个第一个就可以了啊，特别简单，咱们就选择第一个，第一个我看一下怎么用它EL select好，我给它复制出来，复制出来粘到我们的代码的这个地方来，好好咱们格式化一下，然后还是一样的，它里面需要用的这个就是咱们选中的，诶你最终选的哪一个呀？诶这个里面就会有这个值selected，我们到时候绑定好这个状态好不好啊，然后在下面这一块就是我们的内容了，我们这些options我也认为哈，像他俩的话呢，我也得单独的写个hooks来管理，Use我们的select好不好，Selected啊，在这里的话呢，点GSE.gs好，我们在这里的话写一个function use我们的select呀，SE好。

在这里的话，我们给它来一个啊export default导出我们这个模块啊。SE，它怎么在这里也不给我提示呀，太上火了，我写错单词了呗，好，这样的话，我们新建好我们的selected selected selected ref，它初始值的话呢，是个空字符串，我们导入我们的ref from，我们的view啊，然后记下来的话，还有一个什么options，是不是options ref啊，我们一开始是个空数组，我们把这两个的话呢，给它re return出去，Selected你看哈，写在这里，然后再来一个什么呀，Options，好了，把这两个给导出去，那接下来你use来的时候啊，你就可以把他们俩呀给它一样的解构出来，然后用在这个地方不就行了吗？我们的下拉列表这里是吧？啊，就这样一个状态，还有这样一个状态就可以来用了，那接下来坑就在下面的话也一样的，按照之前的这个方法和规律哈，那么导入我们呦，导一下两个哈，这个的。

话是咱们的膝盖又是select呀，写错了select。上面这一个，然后再就是use select，我们在这里再解构一下，因为我们要用里面的东西啊，所以我们在下面这里的话呢，就还是来吧，解构出来use select里面我们有什么呢？有一个叫做selecteder selected，还有一个options来，我都解构出来给你，所以这样的话呢，在前面这一个select下拉列表中的select selected也有了，Options也有了，一保存之后来看一下我们的页面的效果，已刷新页面之后啊，你别说的不行，对不对，你看这里点完之后啊，没有数据而已嘛，上架上面也行，对吧？那接下来就是咱们要在这里的话呢，把这个open数据啊给取回了列外，那在这里咱们去请求哪个接口呢？就是我之前说的嘛，那个叫做啊get room list的这个接口，但这个接口的话呢，要注意一下，我知道你曾经呀，你已经在这里的话呢，注册好了这个get room list。

了，但是我希望的话呢，你还要再来一遍，那为什么呢？是因为我们在我们这个后台系统中的话，都是以API开头的，所以我们这的话呢，也一样的，再来一个API开头的啊，这样才能反向代理我们这里来，然后咱们再来取这个get room类似行不啊，一保存之后我们就可以在我们的use，我们的select里面，我们也一样的啊mount，哎，生命周期咱们来去注册一个回调函数，它负责在这里面来取我们这个数据，所以我在这里就要导入我们的这个anxious啊，From anxious，然后咱们在这里的话呢，调用这个anxious.get就是咱们这个什么呀，膝盖API膝盖，咱们来看一下当时这个名字叫get room list的这个名字，好，就从这里来点，咱们来获取我们这个列表的这个数据，大家来。

看下这个数据是不是你期望的这个数据啊，Res点来一保存，一测试，刷新页面走，你一进来之后对不对，拿回来了，我们的点儿room子，就是咱们这六个房间，当然这六个房间的话呢，你给那些房间去发也没有用，咱们在这里要用的是什么呀？它那个room statuss是一的才可以，所以客人在这里的话，可能需要做一个小小的过滤，Filter item箭头函数对不对？咱们写一个item.rooms其实我这个就一样的，你看如果是零，咱们也知道filter方法的用法就是如果这个是假的话呢，就表示不过滤出来啊，如果是真的话就过滤出来，所以在这里room等于零咱们就不要的，所以我也不用什么等于零等于一的判断，零就是假，就不要，一的就是真，就要。所以一保存其实最终只有两个注册过的用户。将来我们可以给。

他们分配对吧，说让他们上架新商品，所以可能就把这个值咱们给复制给谁呀，另外就给咱们的这一个options就可以了，options.value咱们给它啊，在这里复制上去，那这样的话options.value咱们知道了哈，它里面这个值的话呢，列微看一眼，它里面有ID mid适合做的是咱们C下框的这个value，而这个什么room适合做这个啊，现在没显示出来，那肯定是咱们select这块写的有点问题呗，那来到这里咱们来检查一下app.view中，我看一下你看IDR这个是什么，咱们那个ID啊，做label的话就是那个room下划线，做这个的话就是那个I'm_ID，另外，所以在这里的你每次选完之后个selected里边就是你选中的那个value值。

你信不信，你不信你就测试一下，咱们在这双大括号测试一下来运行之后，一开始是没的对不对，看我选一个隐兵是不是引兵的这个值啊，杨左是不是杨左呢，这一个直播间呢，ID这一个值呀，哎就他嘛，好了，咱们放在这里啊，列位在这里，咱们之所以要把这个下拉这一块做出来，咱们这个ID实在太重要，我重新刷新一下。

咱们这个ID啊，实在是太重要了，因为将来我们在上架商品的时候，你自己想一想，你也得知道没有这个直播间的ID，我上谁呀啊，我这叫什么话，我没有这个直播间的ID，我知道给哪个直播间上货新商品啊啊所以这一块咱们要获取到咱们选中的这个直播间的这一个group ID，当然现在是这个I'm ID，咱们已经呀同步到了这个selected这里面来了，就用它就完全可以拿到这个ID值的列表，您说呢，好吧，那接下来咱们所有的核心业务就在于写我们的这个上传这个回调函数了，这也是咱们的啊非常重要的一个函数啊，我们的啊，这个跟R'M即时通讯啊，通过发一个rest for的请求啊，所调用的一个方法，另外你需要把这个函数啊，咱们给它写好了，来吧，咱们一起来看一下这里来跟科目，先来看看这个地方来。

看这里啊，我们这个即时通讯I'm这里啊，它有一个群自定义字段啊，我们找到它啊，我们在这个修改群基础资料这个接口中，是因为你能修改你的这个叫做群自定义字段，看这里自定义信息这里啊自定义信息APP DeFine data自定义信息里面的话呢，你可以设置一个K叫and的，然后的话你调用这个接口，把这个and的固这个Y6值，每次给他更新，那这样的话呢，你的小程序端的TRS就会监听到这个and good的一个修改这个自定义字段就算是开放给咱们的一些，你可以认为一些算是消息的一些关键字啊，咱们在这里通过后端来改这个消息关键字，那这样的话，你在小程序端的话呢，就可以监听到这个自定义关键字被修改了，就要想用这个方法就必须的啊，在你。

你的我们的即时通讯的这个这个地方来先配置一个自定义字段，这些东西的话都是从哪来的，只不过坑给大家嚼完了告诉大家啊，所以掰开来如碎的告诉你就是这样的，如果你想实现商品上货的功能，第一步必须在群新自传中加一个and的故字，文档中告诉你加小写的，但可能试过之后不太好用，可能加了一个大写的，好用了就列尾，也可以都试一试，加一个大写的and的下划线固字，大家说你这个地方怎么是这样的啊，我加错了，我一开始加错了我承认了，但同样告诉列位就是加错了之后删不了啊，你看点击新增，我给你演示一下流程，就应该是点击新增一会，你没有的话按的下划线固字，它就是这么一个固定的字段，按的下划线固字，然后一定要选好这个地方哈，Avch的直播群，我当时选的是这个worker好友工作群，点击了确定发现错了，我又新增加了一个A。

Pad直播群，所以列位的话呢，应该上来的情况下的话呢，就应该是直接写and，故然后直接选择一个AV拆room直播群，然后的话点击这个确定就可以了，那在这里他告诉我之前已经already exist的存在了，对不对，就不让我做这个事了，这列位要这么去做好吗？然后你点完了之后，他会告诉你十分钟生效，所以这个小功能你跟客户做完了之后，你有可能一开始不好用，所以你要耐心一点啊，所以你在这里啊，你可以试一下，按good大写的和小写都试一下，我试完了之后是按good大写的是好用的，按good下划线，小写的是不好用的，反正你要等个十分钟，官方是这么建议的，好，咱们在这里，只要在我们这个选中是你当前的，对吧，我现在是选的是蜂巢直播带货，我这个地方加一个群自定义字段叫and good这一个字段，然后加完这个字段之后的话呢，另外你就可以看到来，咱们直接在小程序端这里，我。

我记得咱们之前好像打印过咱们的群这个信息，是不是点进来之后你看到有没有这个词啊，我记得这块81行答然你回头自己查一下，我就不给大家看了，我打印了一个是group in group in，这里面有一个叫group自定义field的，里面出现了一个and goods，还有一个and_goods但是里面这个值是我之前做测试用的，大家可以忽略，你应该看到了，如果你严格按照客流程来，你在你的这个直播间啊，里面加了一个群，自行自段按的故子，还就按的下划线，故子增加完了之后，你等了十分钟，然后你直接来到小程序端这里一编译啊，然后一进来之后，你应该看到的信息的话呢，是点开之后里面group Costa field，这里面应该是case and goods and good子，为什么是两个呢？科文，因为科文在这里当时说了嘛，我新加了两个，然后这个公安里这都是空的，第一次都是空字符串，那是后面我做演示了。

的时候，因为我得之前把提前把我的代码写一写嘛，所以我给加上去了，所以你的一个是空字符串就对了，然后的话呢，这不就等着你来了吗？只要你在这个地方调用这个接口，哪个接口就这个修改群资料接口，你把这个群资料接口整明白了，你传数据的时候传成这个什么APP DeFine data这里面你给它改一下，改成这个K，就写成你要改的那个and value值的话呢，改成你要的那个商品的数据，1122，还是咱们整个gson数组，大家再转换成字符串啊，放过去就好用了，而这一块要求你要给哪个直播间，对吧，改这个自定义的字段。就这样的一个接口，所以最关键的其实是我们得知道改哪个接口，知道在哪个地方踢着一脚，把这个功能给完成，另外这是最核心的了。

啊，我们再通过文档来，因为这东西没人能亲嘴亲口告诉你的，是不是，那看完科的话呢，已经亲嘴告诉你完了，好了好，谢谢大家惨无人道的支持了吧，来吧，继续吧，那咱们就调这个接口呗，在调之前的话，我建议你这样做个测试，你最快速的方式来点一下这个在线调整工具，你可以测一测，用这个工具咱们来测试一下呗，那我在这里来基本配置中，我们复制这个，我复制这里，然后我再在这的话呢，再找到我现在应该是我找这个梅斯traitor管理员，好，我复制一下粘到这个地方来，然后我再利用它的话呢，再生成这个签名，这个工具可已经领着大家用了好几次了，对不对，复制一下，然后来到这里粘过来这个地方选择其他好勾选上来，我看是哪个字段来列外哪个字段教我是这个字段，不是他不好复制一下啊，修改我们群基础资料的这个字段粘过来后面就。

块有个空格删了，剩下的就是我将来要朝这发一个POS的请求，哎，通过这个接口来发啊，修改群基础字料列外啊，修改在群组管理中，修改群基础字料中，哎，找到这个接口，咱们要修改的就是这个自定义字段，诶自定义字段你把这个给复制过来，粘到你这里面来测了，就是你好了，这块的话，这些注释得删了哈，因为这个在线调试工具就不好用啊，他必须要删了这些这些字段哈，删了删了删了。然后的话呢，来列，我看坑在这里啊。咱们刚才诶，我少了一个大括号，刚才啊，好了，咱们也说了哈，你要准确的知道是哪个直播间啊，所以我们刚才在做页面的时候，我让你选择等着好对不对啊，咱们得知道是哪个直播间，那现在咱们就先写死一个直播间，就写死成什么直播间呀，我们现在是杨左嘛，对不对，我们进入的是看了杨祖的直播，那就找到杨祖的直播间ID放过来来粘过来。

好，这样表示朝这个接口发一个POS的请求，然后是这个直播间，把他的那个自定义字段改成这个什么大写的暗的下划线固兹对不对，Y6值，你改成一个什么科好不好，行不行啊，当然将来是放的是咱们的那个啊，我们的数据啊，我们的Jason数组转换成J森字符串的这些商品的数据，咱们现在先写成一个小写的科文字符串，好点击提交列位走，你咱们看一下OK了，好，这个时候的话呢，列外你只需要再次进入咱们这个进来你就看杨左直播间里面来点进来看看杨左直播间这里面这个自定义字段，看看按他裤子这里，哇，我成功了，我这种就是大家在，尤其在第一次就是玩这东西的时候啊，尤其是你自己去探索的时候，你成功的一刻，你会莫名其妙的惊喜，因为你真的会发现，你通过调用一。

Rest for接口按照人家规则调完之后，咱们再次进入直播间，拿到了这个群组的这个信息里面真的就是我们改后的，所以这文档不是白看的，列外啊，大家看这个文档这块调查起来确实很费时间的是吧？啊，我现在告诉你可能用20分钟就说完了啊，但自己去写确实很麻烦的。好，那这样的流程就是第一步，在这里面一定要写好我们的这个自定义字段啊，自定义字段写好之后，就可以在我们群组中拿到这个group custom field的十分钟左右的时间就会看到了，然后用测试工具测了一下，这个技术真好用呀，那行了，那咱们就知道了，以后我要上架新链接，我就直接点完这个按钮就朝这个接口发请求，当然前端发请求是不对的，因为有跨域，咱们再朝我自己的后端发，然后我的后端再朝我们这个接口发这个请求，我们就把哪些信息啊，就把我们这个列表信息都给他这些列表。

没信息，一会客能加几个商品信息都给他，都poose给他，那你说我们是不是再次进来之后就能看到我们按照固这个字段里面真的有这些货，诶对不对，那我们真的要上架了，一点开之后，咔就出现这些东西的多好好的列位来，快跟客人按照这个流程来吧，那下面就是点击上架商品边的客们在这里要写一个poose的这一个请求，所以客人在app.view中，诶，我当时那个上架商品的那个函数名字我起成啥了呀，我得抄过来呀，在这里叫hand到upload，那可就要在这个hand到upload这个方法之后来了，在这里啊的hand到upload的方法中，哎，我们要发一个请求，朝哪里去发呀，朝我们这个斜杠A片我还没写，你别着急啊，Upload，我们这个good，然后在这的话，我们再写一个啊，然后对应的我们在这里再写啊，点回之后咱们拿。

什么？当然我这个要传的信息列位传什么就行了，传一个什么group ID group ID，咱们传这个值，这个值不就在这个select里面吗？Selected中，注意selected是用ref这种绑定数据的方式，所以在点value才能拿得到这个值啊selected.value对吧？好，然后接下来的话，这就是把我们真正的这个我们这些货物的数据啊，我们这个故子这些数据啊，收集的这数据都在table data里面啊，也是点Y6，因为它呢，也是基于ref创建的响应式对象，那个点Y6才是真正的那个Y6值对不对啊，我们把这两个字段直接postose的给我们这个自己写的接口，将来我们这个接口就要模拟刚才那个工具啊，朝那个真正的接口发POS的请求就可以了，另外。

好吧，那这样的话，我们就在这个点震中的话呢，哎，得到这个惊喜发现啊，还回来这个消息了就好了，一保存之后的话呢，来我们去写这个upload的这个啊接口了，在我们的后端中找到那个故字都写在一起啊，所以跟固字相关的都写在一起，可能又得复制一下诶这段代码了，我们这次要写的是这个什么呀，这个upload good这样一个接口上传我们的good，好好，接下来的话，这一块就就不是这么写了吧，列外，哎，这里的写法就不是查咱们的数据库了，咱们应该去想一想，我当时咱们好像在之前啊去注册的时候啊，咱们是不是就调过人家的这种接口，咱们玩过啊，所以客文在这找到之前那个代码借鉴一下呗，对吧，借鉴一下，我看看是不是在这里，你也没看看，看看是不是咱当时注册的时候，也在咱们的后端中调到了我们即时通讯语音的后端，就发了这个请求，那今天。

也一样的，咱们要把这些方法给它复制过来呗，是不是来粘到我们的这个故这个里面来，在这里面来，那这个时候大家说get user算签名，这个签名咱们当时没写死，咱们是动态计算的，就这个名咱们还得去啊复制过来啊，所以我在固执点GS中，哎，我要引入这一块来列位看一眼啊，我们在这里引入了这个签名的核心方法，并且自己写的一个可以基于不同的参数啊，算出来这个签名的这样一个方法，那最终的话，只要有人以upload请求他，我们就会立即调用这个方法来算签名，对不对吧？那ror算出来这个签名，然后再POS到哪个接口来，另外这不就是咱们这里的吗？来这就一样了吗？我们这个文档中写的就是。通过这个接口是不是它是不是我们可以前面都是一样的，从这个V4这里开始删删删删了这些。

我们朝这个接口发postose的请求，这是我们抄的，修改我们的群组基本信息，Base infer，然后这里的话呢，是还是sdkpid写死了，这个是administrator，这个是通过administrator算出来的签名随机数，还有我们的Jason啊好了，再就是我们传什么参数的列外，这不写的吗？让你传这些值，哎，这一次可以直接给它复制过来，来把这一块咱们给它删掉，换成咱们超了这段代码，哎，Group ID知道从哪来吗？啊DeFine key知道写成什么呢？写死呀，写成暗的故字，给他写死就行了，是吧？啊所以我们在这里来看一下，那课们就可以在这里通过，首先咱们把那个呃，IEQ啊我们的呃group牌ID给他解构出来，咱们不是在这里给他传的时候，咱们已经写了吗？IEq.body是咱们post过来的这个值，那Q在这里可以给他解构出来，咱们有一个什么，我记得当时传有个group牌ID对吧，咱们还有一。

个啊，我们的data从这里面给它解构出来group ID，然后接下来在这里面就是咱们的什么group ID，哎，这个字段放在这里，然后这块咱们就写写成an固定的哈，Goods啊，然后这一块的话一定要注意，你拿到了这个data，它是一个数组，你要给它转换成咱们的Jason字符串，因为咱们在传输的时候，它指认字符串形式的。保存之后列外来跟客，最后来来看一遍，是不是这样的，我们只要有调用这个接口，Upload goods这个接口啊，怎么调用的呢？我是在APP这里，我不白写当时那个下拉框，因为我写完下拉框之后，我会找到group ID这个值，而且我在这里也会对于这个data收集了table这个表格，对吧，这个列表啊都在这里，一点完之后朝这发了post的请求，那来到我这里面，我就把group ID和data解构出来，严格的按照之前的那个工具的调试方法，也把这些起码都算好，最后把这些值传过去，Group group ID，还有我们这里的真实的这个数据，大家要转成集成字符串，哎，如果返回的是不等于OK，就是失败了，咱们就给他写一个什么上货商品失败。

上火，有人说我写不出来，我上火对不对？上货商品失败。好了，然后最后在这里的话呢，把这一块给他re推啊send回去OK了就行了，但这个也不需要什么成功的这个正式的数据了啊，只要来一个OK就完事了，那接下来咱们来做一下测试，看看好不好用呢，来来到这里之后来跟客人测一下啊，重新刷新一下整个哈控制台现在很安全。咱们这样流程就是先添加一个商品AAA，哎，商品价格一二三一百二十三块钱，点击确认，好在数据库中有了，接下来我说要给杨佐推，这样我故意先弄错给隐兵推，隐兵上架一个商品，哎呀，我这块我得亏先测试了一下，结果丢丢人了，对不对啊，得亏先故意做了一下这个测试，我是故意的，我怕你们困了，所以在这个，诶在这个接口中我得注册一下哈，我光写好了这个upload，这个我也没注册成我自己的接口，也没导出去呀，对吧？啊，人家直接404了都尴尬不app.gs中，咱们在这里的话来一个什么post啊，然后的话来一个什么up load啊，然后再来一个good.upload good。

好了，诶upload哈，不是up哈，点upload好了，Good好一保存之后列外来咱们来看一下这一次我这个后端接口的已经响应好了，来你前面不用改哈，前面不用改好咱们给隐兵上架，隐兵上架完之后，哎呦怎么这个是500呢，哎呀真是马上摔死英用汉越着急的话呢，还越出错呢，怎么来重新来测试一下吧，怎么回事，重新刷新一下之后，咱们在这里的话呢，选择这个隐兵点击这个上架啊，咱们看一下前端发过去的这个请求没问题吧？啊，前端发过去的pay漏的这些词的话呢，可是这是对的，那咱们看一下这个后端中写的，那问题就在这块，我发请求难道发错了吗？这个位置。

这里的话说是。不能代理这个协议从八零到9000这一块，说这里的话呢，好像出了问题，咱们看一下我们这块报什么错了，我在这里哎个事，哎呀这这尴尬了啊，我们在我们这个后端中啊，在我们的note中，他们没引入安格这个模块啊，其实这都是小问题，但是这个小问题啊，一旦出现的话也导致你啊失败啊科是真的哈，这是这叫什么长镜头对吧？一刀未剪的啊，把这个东西给大家展现出来了，看看我们在这里写代码经常犯这种低级错误，很丢人对吧？保存之后再再再测一遍吧，哎，实在受不了了哈，再测一遍，上架，给隐兵上架这个商品呦，200成功的列外啊，但这会儿是给隐兵上的，所以你运行之后的话呢，你会发现其实并没有这个值，因为咱们在杨组的直播间，你改的是隐兵的，你知道吗？所以最终一星进来之后，你可以发现这里面没有成功，要求成功就出错了，没有成功好这一次看看选择给。

杨左上好了，123上链接，点击上架商品之后，咱们来看一眼，再重新进来一遍哈，当然有人说客户能自动获取吗？能，但不是，现在我们重新进了一遍，咱们看一眼有没有改成功，这个接口就写对了呀，对不对，点开之后哇，对不对啊，我们这个name是a price，价格是123，我成功了，列外对吧？啊，总算成功了。

啊，那这样的话，咱们把整个这个流程的话呢，来一说，就是我们现在在我们这个啊，我们自己的这个后台系统中，我点了一下上货商品对吧？上架商品我们会把我们的group I传到我们的后端，我们的后端接到之后，直接按照当时的这个接口要求，朝我们哪里去请求呀，对吧，朝我们这个即时通讯的啊，我们的rest for接口去请求，把这些值传给他，一定要写好and good这样一个字段啊，然后最终传过去之后，你成功了，返回到你的前端中了，这没有什么问题的，而在小程序端这个我们在技能的时候，因为你刚才那个操作是真的改了即时通讯中的那个群基础资料了，所再进到小程序端就能看到这个资料真的被改成这个值了，对不对，按照good这个值拿到它好做这块的一个布局呀，对不啊，那这样的话呢，就成功了。

最后为了增强体验，咱们可以在这里的话呢，显示一句话啊，就是我真的成功了之后，我显示一个什么呀，上货商品成功这样一句话不就行了吗？好了，咱们在这里来找一下一个小的啊交互的对话框啊，我找一下看哪个吧，啊，咱们可以用这个消息提示吧，看这个行不行啊，Message啊，从这里面来了一个消息，行就用它吧，我们可以在这里看一下这个是怎么用的，是不是点完之后直接调用一个方法就可以了，就这个message，我我要的是这个成功的，所以我要的是这个效果的，所以我看传的是啊message这块我以我一复制之后，只要你成功我就在这里啊，把这块给它写成一个什么。上架商品成功，上架商品成功啊，然后在这里他一定是从咱们element啊plus中给引入过来了，所以Q在这直接给它导入进来就可以了，来列位最终跟Q瑞易保存，咱们来测试一下吧，好重新刷新一遍，看整个这个流程啊，客户在这里要添加一个新的商品bbb，然后这个商品价格222，点击确认好了，这只是往数据库添加成功，咱们再选择给杨组上架商品，点完之后，好上架商品成功了，那咱们可以假如说重新进入到杨组的直播间，咱们可以看到，哎，进来了之后看一下在群组里面是不是真的被改成了这个值，看有没有看有没有这个值啊，我感觉了这个展开吧，展开看一眼，果然是有的，你看在这里鼠标放上之后，内幕等于BB price是222，那内幕等于a price是123，我。

成功了列外是吧？哎，这样来说，咱们这套后台系统的话呢，简易版的啊，就基本上已经实现了，那咱们在下一小节的话呢，就可以来到我们的小程序端，咱们在这里要显示我们的商品数据啊，我们在这里还能够说，只要那边服务端一上货，咱们这边还能够实时的收到通知，这就用到了我们的计时通讯的部分了，下一小节更精彩，列位千万不要错过呀。