044-直播间模块-公告业务原创

好了，另外那咱们已经做完了我们用户卡的这一个功能了，那接下来呢，咱们来看一下我们的用户公告啊，其实在这个地方点击这个直播间ID这一串数字啊，还有这个直播间ID反这文字这地方吧，啊，你点一下之后呀，它就能弹出来一个用户公告啊，或者是用户简介啊这样一个界面来啊，其实我想说啊，这个用户公告啊，咱们在一开始编译进来之后呀。他就已经告诉我们这个用户公告呀，是什么，那位可以看一下，请大家文明发言啊，所以在这里啊，课文一开始设计的话呢，这一块想点完之后呀，弹出来的话呢，是一个用户简介啊这样一个功能，大家说公告和简介不一样吗？啊，咱们在当时创建直播间的时候，大家记得吗？啊，在直播间创建的时候，我当时把那个简介的话呢，写成了大家好啊，我是谁谁谁就是当时这个群主嘛，而那个公告让客户给写成了，请大家文明发言，大家可以回过头来看看咱们的后端代码，当时咱们在注册的时候，那在这里，另外可以检查一下，当时创建成功之后，我们在这个地方啊，创建群组的时候吧，在这里。

Introduction的话呢，是我们的简介群简介啊，一般一个群的简介，这个是公告，请大家文明发言这一块啊，所以咱们文明发言啊，就已经显示在这个位置来了啊，所以点完这个之后，我想显示的话呢，是这个群解禁啊，但是我后来又改成群公告了，为什么呢？是因为这个功能呀，如果咱们只是为了显示一下，这就好做了，对吧？点完之后把那个字传进去，弹出来一个半屏组件来显示出来就完事了，但我期望的是后期咱们可以通过一个接口调用啊，就是比如说我有一个修改群资料的功能啊，可能是我们的管理员有这个权限啊，他在这修改群资料，他改完了这个简介之后呢，我们所有的看直播间的人都能够收到一个通知，会告诉你说群资料有修改，这个时候你再去点一下这个位置，他弹出来的话就是咱们的简介啊，最新的简介放在这里了。

但这个功能的话呢，这个腾讯的这个接口呀，稍微有点问题，它不好用啊，所以大家可以跟着客户一起来试一下，因为咱们从几店改成公告的话，就改两个字就行了啊，那公告就好用，就是我从我们的管理员端，咱们直接改一下公告，你会发现这块就能收到那个通知说诶有人修改公告了，诶咱们就在这接干新生最新的公告就可以了。啊，可能有人还不太明白这个意思，或者说怎么就不好用，我试一试呗，啊咱们跟客户一起来看一下这个功能啊，其实这块的话也属于对于咱们即时通讯的一个摸索嘛，来吧，另外咱们下面来点一下这个位置哈，点它出现这个半屏，这个半屏里面咱们默认的先按照我们之前的想法做成这种简介功能来做的啊，直播间简介啊，所以这个直播间简介应该不是大家文明发言了，他就应该是当时课文说的哈，是应该是大家好，我是谁谁谁这样一个群的一个，而这个信息咱们早就在我们类务GS的group中列位在哪呀，在你group这里，咱们第一次获取到我们group infer的位置，第一次获取到group in在这里加入我们的状用group这里，咱们这个group INF里面，它已经有这个群的一个信息了，你看看有没有了，另外咱们应该一进来之后就有这个哈，加入群聊，在这打印的这个log，这里咱们找一下。

应该是在这个地方啊，里面有一个notification是咱们的公告，还有一个introduction的话呢，就是咱们的这个什么信息啊，来艺术大给审啊，请大家文明发言诶怎么两个都是请大家文明发言啊，让科们好像给改了后期啊，我们当时的话呢，让我给改成了，都改成了这个，请大家不用发言了啊，咱们可以看一下这里，看一下这个位置，来我们的腾讯云控制台啊，群解切让我给修改了，重新刷新一下哈。

我重新来一遍哈，我在这给他改一下啊，这一块是咱家的这个群的这个简介信息，那QQ在这给他改成这个什么，大家好啊，这个我是杨祖啊，好了，点击确定之后的话，今天修改了是不是咱们再来重新的编译一下，你看一下来我们的公告的话呢，是大家文明发言，告诉大家文明发言，我们的姐介这一块的introduction的话呢，你看大家好，我是养佐，这里没有问题哈，好了，那接下来的话来跟着客来来开发啊，就是我们拿到这个introduction信息给他传过去啊，所以接下来我们在我们的live w SM，如果下面这个信息的话，就是我们的群简介这一个信息，好在这里的话，我用了一个组件introduction induction，我们把这个introduction组件的话给它写好，然后接下来的话呢，我们往它里面传入的是我们这个，比如说有人说我们传这个text的信息。

啊，我们在这里传这一个什么呀，就是我们这个 groupin.introduction是把它给传进去就可以了呀，咱们这接收introduction，好，那这样的话呢，我在这个introduction组件，咱们也一样的创建的components文件夹下introduction这个组件，在这里面新建一个component introction，然后咱们再在我们的啊live Jason中啊，再把这个组件给它引入进来，是不是上一期上一级components introduction introduction找到它了就对吧，给他成功的引入进来了就好，这样的话，咱们一测试这个组件是至少现在已经能够在咱们这里面显示出来了，又又来了，又来了，又是这个问题，重新的再编译一遍啊，老找不到这个组件，这个编译缓存呀，有时候经常出问题，咱们重新编译一遍呀，再进来就可以了啊，我希望这次别再出现那个什么问题，又来了，又是那个错误。

问题，但这样咱们先看一下这个引出大概现在是没有问题的啊，好了，接下来的话呢，我再开始在引出大开这个组件中啊，咱们在接收这个属性，因为我在这里传的时候，我已经说了嘛，我传过来这个属性的名字叫这个一块大神啊，咱们把那个信息给它传过来，所以我在这里非常轻松的就能获取到这个信息，它是一个string类型的，然后我在这里就改成这个信息，那至少咱们先看一眼这个数据拿真好拿呀，一运行之后就拿到这个信息的，再重新编译一遍，再重新进来才能拿啊，咱们重新呢进来点击编译啊，然后的话呢，点击养进来，你看是不是拿到了这个，大家好，我是杨组的这一个信息的呀，那没问题的，其实是好吧，那接下来的话再跟客们继续来看，那就是我们在我们的代码中的话呢，应该是在一出大神这个组件中，我还得引入那个半屏组件啊，我再抄一下这个啊。

啊，半屏这一个啊，Half screen dialogue啊，半屏对话框组件在我的G中，我要use这个组件，然后我看一下当时用的话是怎么用的哈，在这个地方用的是应该是把这个半屏组件给拿过来，来抄在我们这个WXML中，哎，我知道你行了啊，那拿过来之后放在这里，咱们在这里就可以写成什么呀，例外啊这个title值的话呢，就写成我们这个谁的直播间的一个简介啊，就是直播间简简介，好这是咱们的直播间简介这一个纸，然后把它给闭合标签好闭合标签，闭合标签之后，然后再就是里面的内容的话，咱们放在咱们现在已经很熟悉了哈，就是把它放在这里，咱们这个introduction啊，然后咱们这个料的插槽的话呢，是DEC，好，咱们先测试一下，就到在。

这个功能好用不来重新的编译一遍好不好用呀？诶重新再编一遍，每到这个时候啊，怎么这个小翠花这个图标就拿不回来，让我很难受啊，大家可以看一下是吧？直播间简介啊，大家好，我是杨祖啊，这个信息挺好嘛，直播客们这不就行吗？诶这这一块的话呢，这杨总的直播间啊，那你就可以再把那个信息，那个信息再传过来呗，这都无所谓哈，咱们这块儿都能拿得到，嗯。这个谁的直播间信息咱们就不说了，就这块我是杨组，但然这块就是一开始咱们不要显示出来，是后面的才创建出来的啊，点完之后才显示出来，所以我就可以按照之前的思路，咱们这个也不用说什么wx if来控制的，就一开始通过一个普通状态就可以了，我们在这个地方在打live GS中，咱们提前的定义好一个什么呀，状态值，这个是咱们的什么is introductionduction show，然后在这里默认值是个false，它不显示呀，啊，然后咱们把它给套在这个地方给它传过去，这个值默认值是一个false，它不显示，但是也不能永远是false呀，那什么时候变成true了呢？这个值什么时候变成true了呢？是不是等着咱们点room header中这个位置的时候，给它改成true呀，所以我们就可以在这里，哎，准备好自定义事件，我们棒的，我们的这个什么呀，这个音二打神受，哎，给他回掉hand到受我们的音音啊初儿。

Duction，然后在这里咱们准备好了哈，到时候你吹个疑问的，触发这个事件在哪去触发啊，是不是在咱们的这个header中啊，所以我应该是在我的room header这里给这块吧，绑定好事件hand到这一个，好，到时候我们在这里面的话来列外，在room head的对应的GS中，咱们就可以对应的在这里的话触发这个事件了啊，一点击那一块，咱们就进行子传夫的一个调用trier event，哎，触发这个introduction show这一个自定义事件，这样一触发之后，我们在我们live wxm这定义的这个自定事件就会被触发了，而这个事件里面可做的这个事情就是将这个状态咱们给它改成这一个true就可以了，所以接下来我就在这里，哎，写好，我们通过this.s控制is introdu。

就给它改成这个处，这样的话它变成true了之后我们再来附传子啊，传给咱们这个introduction这一个组件，对吧，传过去了，还咱们这个组件的话呢，就在咱们这里面来接收了，对吧，我们这一个introduction这个组件来找到它在这里接收，它是一个布玩类型的啊，在这里它是一个玻璃类型的，然后我们把它给应用在我们这个地方来好了，这样一保存之后列外，你看这一次啊，就万事俱备了，一保存一编译，哎，咱们点一下这个养祖啊。

走你好，进来之后的话呢，咱们点一下这个位置，这不就出来了嘛，诶关掉点一下这个位置它就出来了吗？是不就这样的呀啊所以其实做这个功能来说的话呢，是非常非常的简单的啊这块啊，咱们这个都是之前做过的，无非就是咱们所熟悉的父子通信呗，啊那坑们这种组件化的设例中，那肯定涉及到这种父传子，子传父的来回调用，那没有办法呀，那只能这么来玩呀啊所以子传父传过来之后啊，咱们在对应的另另物GS中来进行处理，改成处啊，再次啊，通知另一个组件来进行显示，这样的话呢，咱们这个in出大师组件就能完全的啊，受控于我们的副组件啊，咱们这个功能的话呢，也完成啊，那接下来了才是咱们的重点内容啊，就是我们要监听咱们这个直播间啊，被修改公告的这样一个，一个是修改简介的这样一个资。

事件做好监听之后，有人万一修改了，那我得到最新的修改的值，我可以再次传给我们的intro大ction这一个组件，那这样的话，它就应该有计时的一个更新了，是不是啊，好了，咱们在下一小节来看一下，我们是如何啊触发群节键的修改，而这个群姐姐的修改好像还接听不到啊，就是很头疼的一件事了，咱们在下一小节来看一下，怎么这会出现这样一个事情呢？