023-直播广场-获取列表原创

好了，列位，上一节咱们已经用户验证啊，授权通过是吧，那他可以留在我们的直播广场页面，那接下来就是直播广场页面，再把我们所有啊能够显示的啊，这些用户啊，都在这里做一个列表啊，将来咱们可以随意的点进谁去看他们的直播啊，这叫直播广场，大家也应该也见过啊，一些直播广场啊，可以随便的看人家的这个头像，头像中点进去就可以看他的直播了啊，咱们在这里啊，跟这个抖音不太一样，在来回划啊，咱们在这里就是把所有啊，我们已经授权过的用户的头像呀，咱们给他列在这个地方来，哎，等咱们喜欢看谁呀，咱们就可以点进这个头像去，就可以跳转到咱们的直播这一个界面来，这个时候你就能看他在这里直播，你作为观众可以给他啊发火箭啊，刷弹幕了等等的啊，而我们自己呢，也可以具备什么条件下发起直播，但要注意哈。

我们在写这个直播列表的时候呢，直播列表中不能有我自己啊，这句话大家应该明白客文的意思，因为咱们一会儿去查数据库中那个room这张表中会把自己给查回来，但我觉得没必要把自己显示的这个广场中啊，咱们自己的话就在这有个按钮，说我要直播这样一个按钮就可以了，对不啊，所以说在直播广场中的数据要排掉自己这条数据啊，那接下来咱们的流程来看一下，咱们怎么来实现这样一个布局呢？哎，我们在这个设置完user data之后呢，下一步其实就应该去获取我们的room list啊，我们room list的直播的这个房间的列表，Room list的很明显我们要自己进行定义，而这一块的话还是老规矩，咱们是不是应该发一次请求，然后在这个请求中，咱们跟后端啊，让他去查这个数据库，把数据库的所有列表先给我返回来，那至于再怎么去过滤。

处理那是我前端的事儿了，好，那接下来咱们再写URL，咱们写这个什么get room list啊，对应的methods，哎，咱们这一次的话用get和post都行啊，反正我们这块不需要传参数哈，Get也可以，其实对吧，然后咱们在最后这一块再点Z啊，最后拿到我们的这个结果，咱们可以打印一下我们这个结果，好接下来我们把这个get room类似来让我们的后端赶紧给我们写好，我们的后端是谁啊，还是我们自己的啊，我们来到我们的这个Vs code中，因为大家知道cover的Vs code是专门写后端的，这里咱们首先在新建我们的room list这样一个小接口，Get room list，那这一次的话咱们参考谁就可以了呀，咱们是不是也把之前的这个get user代码给它拖过来，Ctrl a ctrl c拿过来，也就是说我不想重新去写，我就基于我之前写的改造还不行吗？另外啊，在这里的话，咱们这个就是get。

List这个方法前面四还有我的MY，咱们先暂时留着啊，导出去的话呢，也是咱们的get room类似的这个模块，那对应的这块咱不需要通过这块来获取信息的呀，这就没有用了，然后在这一个地方我们就是还是正常的哈，获取数据库的配置，还要在这里创建我们的数据连接池，然我们在等啊查询，诶这一次这个查询是不是就比较简单了呀，我们只需要在这个写个星号from我们的rooms啊rooms，另外rooms是咱们这张表啊，在这里rooms啊，咱们这张表把它里面所有的信息给我查出来，第二个参数也不用传了，因为这块我不需要传参数了，那最后拿到这个user色的中括号零这一个数据啊，而在这里咱们如果判断这个中括号零这个数据，它里面有东西的话呢，哎，就给它返回，如果这个长度的话呢，不等于零，还是。

是一样的啊，咱们看一下，如果等于零的情况下，返回扣的是一个负二，就是里面没数据啊，我们的room还是空着呢，咱们就在写这个什么room is empty啊，空着的啊，在这咱们把这个给它删了好了，然后如果大于零的情况下，咱们这次返回的是啥呀？咱返回的就是这个user字，哎，这些信息把所有，诶错了，应该是rooms这些信息，咱们把所有的rooms给返回出去，可能我这块变量起的名字让大家可能有点误会，咱们这样尽量的改成一下啊，因为咱们现在确实粘贴复制的啊，咱们在这改，改完之后咱们再来捋捋这个思路来列位，好，咱们来看一下，此时在这里我们将来前端一发get请求，咱们在这个模块中响应，咱们直接去查这个所有的room字啊，从这个表中查出来这个数组，这个数组里面啊，只要是大，查出来它的长度是大等于零的话呢，我们就说啊，给前端返回room是空的。

如果大于零的话，咱们这次返回的action c是OK，这个rooms这块啊，咱们传的一定是rooms中块零，咱们把整个数组都返回给他啊，这个数组的话里面可能有十条20条数据，咱们就把这些人都显示在咱们的直播广场中，说明这些人都可以进行直播，对不对啊，那这样来说就没有问题的，那咱们在这简单的把这个变量名一换啊，这样的话呢啊，更加的规矩一点，好吧，来一保存之后，哎，来到我们的app.gs中，千万别忘了哈，可能有人觉得说我们赶紧的啊，来进行测试了啊，着急了不啊，咱们在这里要进行一个什么呀，注册吗？还是一样的，Get room list，把这个模块给它导进来啊，导进来这一个模块之后，我们通过post，诶这块咱们还是post吗？咱说了哈，改成这个get请求了。那这样我们的后端它已经在这里注册好了一个get room类似的这样一个路由，准备响应我们前端的room啊get请求啊，咱们来看一下前端能不能拿回来这个数据呢？啊在这里咱们等着呢，是吧，OK，咱们来重新的进入这个页面来看一下，来重新编译一下，我回来了，大家可以看一下科文成功的在这里的话呢，诶拿到了我们这个room的这个字段里面的话呢，有一条信息，也就是咱们所现在所创建的这唯一一个啊直播间了，对吧？啊，我们在这里所取的就是res DR room资这个信息啊，就是咱们的现在唯一的这一个直播间啊，但是要把这个直播间咱们还说了呢，我要把我自己给排掉，其实就是我自己，我刚刚注册进来，那只有我自己啊，所以你在排掉我，那这个广场中将没有任何可看的直播间了啊，所以在这里咱们现在有点小小的这。

这个问题的咱们应该怎么样呀，应该再弄几个用户进来啊，所以在这里就是说明大家，要不然就弄多弄几个微信账号啊，进行扫码登录啊，然后的话，这样的话都会插到咱们的rooms表中，然后这会儿就能显示在这里啊，但现在啊，咱们可以先简单的就自己往rooms中和他们写死几个数据啊，就是我们弄几个机器人数据放进据啊，这几个机器人的话呢，不会直播啊，但是能把他们显示在这个列表中啊就可以了啊，所以哥们在这儿的话呢，意思就是咱们弄的伪造啊几个假数据啊，咱们弄几个小机器人啊，显得咱们这个小程序还挺热门的啊，有好多人啊已经注册进来了啊，但实际上点进去的话呢，谁的直播呀，也看不了啊好吧，那将来的话为了啊，为了也是防止以防万一啊，你说我到时候弄几个假数据都扔在这里，都显示出来了之后，他跟真数据混着呢，对吧，那我到时候点进去，你说我万一是点的假数据也没法直播。

可以啊啊，所以坑在这个room这张表中加一个字段啊，这张表的话，这个字段是标识的，这个直播间是不是可用的啊，是不是可用状态的一个直播间啊，叫room status，我加一个字段，我所有伪造的数据的话呢，我都把那个字段弄成零，而所有的这种注册进来的数据的话呢，咱们就让他动态呢，设置成一啊就可以了啊是这样一个想法啊，当然你要说我要看谁在不在线这个问题，那咱们后面要处理的对吧，咱们现在只是说我要新加一个字段啊，来指定当前直播间是不是可用状态啊，因为有些然是真正的软件，其实人家在做的时候也是不是所有人都默认有直播状态的，你得申请直播，开通直播功能的啊，所以这个room特S啊，我加进去啊，在编辑表结构中啊，我给他加一下啊，在这里的话，我新增一个什么呀字段，这个字段叫room啊，Status ts，咱们在这里给它来一个什么in的，反正就俩值嘛，一个。

零一个一嘛，哎，不可控的对吧，在这里的话呢，我们默认是咱们给他一个零好不好，零就表示无直播能力啊，就是咱们伪造了假数据啊，那这样的话呢，我点击这个提交好了，咱们在这里点击这个确定插入一条新的数据了，而在这咱们可以测一下哈，咱们来到这里，我这不之前有一条数据了嘛，我先把这条数据咱们给它删掉啊，提交了删掉啊，咱们对应的就是让我的代码重新再走一遍，这个意思来在这里重新的，因为我为什么要删这些数据，因为不删这些数据啊，会造成主键冲突的，所以我把这些数据先删一删啊，包括我们在这个地方所添加的群组啊，因为你每次重新走一遍的话，都需要把这一块的话给他删一下啊，解散这个群组好了，那这样来说，我们的所有的数据都空了，那另外要注意的啊，客们所说的，我们将来希望的是啊，只要是我们亲自的这种注册进来的用户的话呢，他这个入目。

Status的话应该是个一啊，所以我在这个注册的时候，另外我还真的把这个再考虑进去是吧？啊在这个地方加入的时候，诶是在我们的create group这一块的时候，是不是，哎这么多字段，嗯，Room，哎，再来一个字段叫什么呀，就叫我们的room status4啊，咱们在这里Y6的值，咱们给他一个什么呀，一啊，当然这个问号也比较少啊，少一个问号，那这样来说，列位可以看一下，那么这块相当于九个字段了，哎，在这里对应的我们有九个啊，这个问号占位符啊，然对应的我们最后一个值，咱们就给它写释成这个一啊，凡是通过我代码就是真正的授权通过的话呢，我就给他一个一的这样一个状态了，行不？哎，保存之后咱们来看一下，那这样重新编译之后，现在没有用户的呀，所以引导我们来进行登录授权了，那这个时候点击登录啊，点击这个允许啊，允许授权登录成功之后，列位咱们可以简。

查一下来，咱们来检查一下咱们这个room这个数据应该没问题对吧？哎哦，这个I'm直播间的ID啊，名字啊描述，还有我们的owner是谁，还有我们的这个图像push link play link都是空的，诶rooms咱们给了他一个一这样一个值啊，这样的话就跟咱们假的数据啊，就给区分开来了好不啊，科文在这里的话，就赶紧的再创建几条假的数据啊，因为咱们想的这个流程还是为了说什么呀，我们在这个小程序中啊，能看到那些广场的那些直播的那些人嘛，啊可人围绕了四条数据就好了，哎，在这里咱们就开始写了，哎，这个ID咱们是自增长的啊，这个就不用管了，咱们在这里写这个r m midd啊坑，在这里把这个R'MD，随便写嘛，AAA行不行呀，AAA，然后对应的这个的话呢，是bbb，然后这个的话呢，是CCC啊，反正将来不会跟我这几个冲突呗，永远不会冲突啊。

没事啊，然后入目的这个名字的话呢，其实就是咱们此这个人的名字叫什么啊，咱们在这里给他说这一个叫什么呀，叫铁锤啊，我们写在这里啊，我们这个叫做什么钢弹啊，放在这里啊，这都是一些非常文雅的一些名字啊，诸葛山珍啊，好山珍，没想到没想到坑了，这个名字的话起的还挺好听的，对吧？好，接下来的话呢，我们在在这里写一个轩辕翠花，诶翠花好了，你看看这几个响亮的名字啊，一打出来好了，在我们这个什么描述这块，描述这块咱们就随便写一写就行了，AAA还是AA行了，这一块的话呢，也是一个bbb啊，这一块的话是一个CCCC。

哎，就是这么几条数据啊，伪造这个数据这一块，大家也可以用这个语句去插啊，咱们在这里直接就这个写在这了，后面反正有几个咱们就不填了，很快了哈，Owner这一块的话也是AAA对不对，哎，这里的话也是AA，这个是bbb啊，这个是bbb，然后这个是CDC这个头像呀，我还真找了几张小图片啊，一会我给他都粘过来啊，因为咱们没有头像的话，咱们看了个寂寞就是啊，所以我在这里的话呢，我弄了几个这个就头像的一个地址啊，然后客户直接呢，把他们给粘过来就行了，我在这里拿过来粘过来就行了啊好了，这是一个头像的一个地址啊，是咱们的这个，呃，房间的这个cover啊，就是我们的地址啊，所以我们在这里把这个啊也拿过来。

好了，这一个拿过来了，然后再来一个地址，咱们也给他拿过来啊。就在这里呀，拿过来好了，妥了，都放进来了，然后我还有最后一张图片啊，都拿过来，我这图片好像有的，这个还挺长的啊，咱们点击这个确定之后，行了，你也可以自己随便找啊，你别说哎坑们，你这个图片地址给我一份，你自己随便就往上扒拉几张这个图标啊图片啊，头像图片啊就可以了嘛，好了，那这样的话呢，我们这个数据啊就伪造完事了，后面这块大家说都是零没问题嘛，咱们说了嘛，ROOM4就是希望它是零，而真正数据是一的啊，有直播状态的好吧，那这样的话没有问题的，之后咱们就点击提交，咱把这四条数据啊都给它插进去，最终的话呢，咱们这四条数据啊都出来了，来看看这个数据应该没有什么问题吧，好了，咱们在这里的话呢，把这几个数据信息的话呢，取回来在咱们这个页面中看一眼呗，来重新编译一遍，是不是这次回来的话呢，有五条信息的，哎，这样来说的话呢，我再把我自己给排掉，因为这五条里面有我当前。

登录了自己啊拍掉之后对吧，应该有四条显示在这个地方，而将来我自己点的话呢，我是点这直播就可以了，这是咱们的这个设计图是吧，所以我们应该要排掉它，那对应的就是我们当前的这一个，我们再弄两个这个对应的状态哈，第一个就是我们这个所有的这些啊，需要渲在广场中的room，类似的还有我们当前的这个人自己的房间，大家说为什么他自己要给他存出来呢？因为将来自己这个你直播的时候，你不是里面有直播流还有播放流嘛啊，所以咱们要给他单独呢，弄一个数组，弄一个对象啊，给他们都分别了存好啊，所以在这里的话，这个是咱们广场的直播间啊，广场的直播间这个是自己直播间啊，自己直播间，自己直播间好了，诶这样两个东西创建完之后，咱们就可以来在咱们的这个地方来，是不是我们就是典型的一个什么处理就可以了，你。

会做过滤处理吗？啊，你能够把你的数据进行过滤处理一下吗？他家说当然可以了呀，所以我就可以在这个地方进行一个什么z.set data来，咱们在这里把我们的room类似的设置一下，Room类似中咱们应该是res.room兹，哎，这个五个元素的数组，咱们进行一个过滤就可以了，有人说我要用放循环那也行，咱们在过滤的这个条件就是it。

It里面的那个room那个什么呀，Owner就是我们这个房间的拥有者，哎，它不等于列外，你记不记得大家要注意哈，这个room owner的话呢，就是咱们此时的这个群主，咱们当时把我们的open ID作为了群主，我们的open ID还作为了我们user这张表中的主件，所以咱们在当前登录用户这个信息，我是不是之前已经存在了user data这里面了，咱们直接拿出来进行对比就可以了，你记得吗？咱们还通过这个z.data.user data.id咱们在判断应不应该再一次走O呢，因为我这个O成功了之后，我会把当前的这个用户信息存在这个user data里面，诶那里面有个字段是ID，就是当前登录用户的那个ID嘛，那个open ID咱们拿过来，那这样表示就是我们获取房间列表中，我们会往这个room，类似的就是直播广场中放上的是不等于的就不等于的给它放进来。

对吧，过滤掉嘛，过滤掉不等于的，那剩下的就是都是我们的这个想要的啊，把这条数据咱们给它过滤出来，所以这边应该有四条数据对吧？哎，所以咱们在这里是啊，房间每一拿出来这里面每一条数据啊，找出那个群主跟当前登录了这个open ID进行匹配啊如果不等于的话，放在room类似的room，那那接下来就是什么，如果等于的话呢，咱们就怎么样，对不对，如果等于的话，咱们就给它放在这个current这个room里面来，所以这样的话就把它给拿过来一放就可以了，诶这个就变成了什么等于就行了，对吧，让它等于判断，而这一块过滤出来的是一个数组，你列位还得加一个中括号零这里啊，所以像这一块答是能够处理的，来看看这里，我们只要get room类似的成功之后啊，科文在这个地方啊，会通过啊，我们这个set data啊，往room类似中放的是除了自己过滤出来，剩下的放在这里。

这个是把自己给过滤出来，然后取的是地零个元素啊就这样的，那最终咱们可以在这里啊，做一个简简单单的一个测试，我们可以在这是成功之后是吧？好，我们在这里来打印我们的这点data.room list，你看room list，然后在这一次点data，点我们来current room来列外，咱们来判断两个字段已运行之后看看对不对，来运行完之后我看一眼啊，我看一眼现在在这个地方，诶你看第八十五行就是咱们这个地方打印出来的啊啊这边是那四条啊，不是我啊，就是我们放在直播广场中好显示的，然后对应的在下面这一块的话呢，就是谁呀，这就是我嘛，啊我这个直播间的这个人啊，大家说我们这几个字段的信息一定要弄明白了哈，User data是我们授权登录之后，当。

目前登录用户的信息啊，里面有我们的ID字段，就是咱们当时获取验证的open ID这个字段，还有他的头像呀，还有等等的信息啊，而room类似的是我们广场直播间的啊，就是其他人的这个直播信息，这是在rooms这个表中存取出来的，因为里面有咱们的推流地址和咱们的播放地址，而这个是咱们自己的直播间啊，这个自己直播间中啊，除了有咱们正常的群主信息之外啊，这个群主信息正好是跟咱们user data中那个ID是一样的，对吧？咱们是故意这么设计的，而里面也有咱们的推流地址，还有咱们的什么地址啊，播放地址啊，所以这些信息啊，都是放在我们这几个字段中的啊，所以这样来说，我们这个流程的话呢，哎，这差不多了吧，啊一保存整个流程运行，奥啊奥认证通过之后，我们就赶紧的去取我们的房间信息全了，房间信息要分别分配给我们的room类似的。

和current room这一块，那获取房间这一块咱们就结束了啊，咱们在下一小节中啊，就利用我们获取的这个room类似的这个列表，咱们把这个页面的话给他布局一下啊，然后咱们再把我们我要直播这一块，咱们做一下这个布局啊，将来咱们在进入到直播模块中，还再去做具体的直播的相关内容介绍，好吧，行，关于这一小节的话，另外咱们就先到这儿了。