(uniCloud)uni-app云开发实战---day4---丰富首页原创

哈喽小伙伴大家好，我们上个视频呢，呃，我们整合了这个什么，关于我们对吧，关于我们还有这个修改个人信息，我们也把它调整了对吧，还有这个退出我也写了。这里我已经登录好一个账号了哈。这个收藏关注我们是还没有做的啊，然后我们这个视频讲什么呢？我们把我们的这个首页给完善一下。首先呢。呃，就是我先把我们这个管理端给你打开哈，管理端。也运行到浏览器。把这些东西都给关掉。之前没关掉的。就是我们要的首页加一点东西嘛，想在这里加一个轮播图。

我们在这里加轮播图啊，那个怎么加呢？首先我们看到我们管理系统这里面是什么都没有的，对吧。然后这个时候我们要打开我们这个。或者外部控制控制台，当然你也可以在这里面，可可在base里面就是新建啊，创建什么什么对吧。呃，我们我们可以在在这个控制端里面看一下，我们这里需要什么呢？需要这个班呢？啊，我这里已经创建好了，如果你没有创建的话，在这里选中这个其他几个班呢，这里面这个班的话BB。我们可以就是选中啥。可以看那个表结构对吧，然后我们也可以这个，我们可以点那个。看到吧，我不知道咋读啊，这个完成之后呢。我们点一下这个选择页面码什么都显示对吧，我们导入到这个H的X里面，呃，我们选中这个U可的S码，因为我们要用这个S来管理是吧？然后我们选中它，然后看那个models模式。

哦，那我们就选那个。项目模式哈，我导入到这个X里面。找到我们那个还在买。合并对比一下，然后合并一下。那这个时候呢，可以看到我这个管理层的页面啊，这配里面已经多出来一这个。Open DB班ner对吧，然后看到我们这个page的杰森里面也已经有了，对吧，可以看到我们这个这个底下。我找一下是有的哈，他叫什么。啊对，在这里啊把那啊看到了吧，然后这里呢，我们菜单管理里面啊，我们可以先新创建那一个一级菜单啊叫叫什么叫这个内容管理对吧？内容管理这个看你自己的需求了，标十分可以写一个。

嗯，Co那个我看翻译啊。内容。错了，老是继成快点不是链接啊，这个我们可以选个图标随便选一个。上面是一个设设置页面，我们给它改成黑的片，那不是白的吗？有没有没有填充呢，因为原来我们刘空啊，他是这个露。序号我们写两天好好不写不写啊写写两天吧，写2000，然后这个它是一在那不需要填写啊，就添加一下，可以看到这里已经有了内容管理对吧，和系统管理一样，都是E菜单，我可以给他添加子菜单，添加什么呢？这个叫这个banner是吧，Banner。

管理，然后在这里图标pass里边，我们可以随便选一个。嗯，我这里选选这个吧，随便选一个。然后看看看看这个列表啊，我们把这个列表。这个URL啊，找到这里序号的话，我们写2010，然后提交一下这个。啊，可以看到这个内容管理有有内容管理的，还有班段管理的是吧？好这个图标没改没改动，他这里是什么都没有写的哈，他点击目标讲就是标题排序，那这什么我们都没有写的，对吧？我可以我们新增一下看看，如果你这里的就是新增度文章样的话，在这里不显示。不显示这个选中图标这个这个玩意儿啊，你把这个艾特曼项目给这个。重新跑一下，就重新编一下这里。啊，我们这里可以选中一个图片文件啊，我们是轮播图吧，我在图片里边，我记得之前截过截构的优化。

呃，我们同时都都都用，都用这一个。那么图等一下，还有我们可以不写。标题我们叫轮波图一啊，我们可以写也可以写这个。嗯，春天到了。是吧，怎么能少了轮播图呢？是排序这个，1ID这个写成这个。啊，我我找找找到这个UV啊，UV里边这个轮播图啊，我们找这个轮播图。轮波。看看单词啊，Waper是吧，啊，我们可以写这个N，因为首页嘛，首页S。还复制吧。首页的LA对吧，然后我们备注也就是首页的模图。文波图。我们提交。

然后我们可以再新增一个，还是用这个图片做这个图。然后这个不行，夏天到了。怎么能少了可乐呢？减二这个是这个。对，主要。The首页轮播图。呃，就加里啊，因为现在是刚刚夏天，我们就加俩，加俩之后呢，我们可以看到这个。啊，龙卜头啊，这底下的。使用方法。呃，还有就是看一下，给大家看一下这个。发展他他这个权限啊，发现大家可以开，看到这个读权限是放通的，就是任何人都可以读对吧。那这里我们可以用这个轮播图哈，有两种方法去引用这个数数数据啊，一个就是我们这个。

API一个就是我们可以看到这里有一个什么。这个。呃，UNDB前端组件，嗯，这个当然当然你看我们这个open DB版里边这个list里面，你可以看到这这他用的是就是用你拷的DB组件是吧。那我们这里用API调用一下，看看是什么样子啊。啊，我们看一下这个。他是opentv班的对吧。啊，我们还要就是把那个轮播图引用进来，对吧，我们可以看到人家的轮播图引用啊，嗯，给他复制一下看看。反正我们出啥没有。啊，这是人家的这个轮播图是吧，然后这个轮播图底下可以调很多东西啊，你看这些东西，还有这个是不显示标题底下都有的哈，那我等会可以用一下试试看哈，啊可以可以看到这里我们就发入了一个轮模图对吧。

引用别人呢？我们把如何把数据替换成自己的呢？那我们可以写啊。SW。我解解什么呢？我们可以用那个呃，API调用试试看啊。这个什么呢？表明是这个对吧。然后它表明是这个之后我们可以。我们这里只获取一个手机对吧。我要注册他完成对吧。会让它就是获取，但是前提你要要记住啊，我们回去的时候啊，我们要加个条件对吧，什么条件呢？很明显我们就是要获取首页轮模图对吧，我们来看看看看看看那个数据里面刷新一下。

可以看到这个。那个分类啊，分类里边是NX对吧？啊。啊，复制有问题，然后这里呢，我们肯定是这个。他对吧。还有就是，还有就是你看我们那个这个那个states，就是是否启用啊，我们看到列表里是否启用，肯定他启用的情况下，我们谈那个。哎呀，手写吧。所写的就是其中的情况下我们才能获取是吧，那我们看一下我们的结果。然后我们就是安的时候调用一下。什么的get对吧，这里好了。把我们的手链。

看到这个结果哈。啊，我们需要呃，Is点。叫什么，还需要这个塔对吧，看看塔。好。嗯，可以看到了是吧。可以看到我们这个链接呢，它这个链接在哪里呢？链接在这个对吧，可以看到它，它这个光头的不是是这样的对吧，面积和推，还有就是你也可以。嗯，你也可以就是盯着自己的名字啊，我觉得这个上面是有的。看那个image为图片路径类为这个现象标题。然后这个不一定没面积啊，啊不人性的，所以提供一个内部参数，比如说能存唯一面积，可有一面积，但是我们这个在里哪里面呢？我们可以发现啊，这个数据它在这个版feel里面啊，我们版field里面，那既然这样我们还不如再重新整一遍，对吧，我们需要拿到就是title。

看一下内测和隐面结的路径。那我们可以处理一下数据啊。我们可以处理一下数据。我们另每一个对吧，放一起，然后我们要这个。HEM。这个目标对吧？啊，我们要怎么改到，你看看到我们肯定我们要拿到的是这个。我看看。URL看到吗？就是URL and fail URL对吧，那我们可以就是让这个写一个列表列表。啊，这个。怎么呢，我们只需要这个里面对吧。这个推走一问你就是。

TM点他啊，不好意思没复制到是吧，没复制好呀，他点什么URL对吧。是吧？URL。就是需要什么推。叫什么呢？就很就是这个标题对吧，很明显是文点。是吧，好好这里处理完之后呢，我们让这个点类。这个类型。这里呢，我们可以试一下。把它给删掉，规划一下。啊，他这已经有了是吧，已经成功了，标题我们也拿也也拿到了，对吧，拿到标题之后呢。呃，我们要如果要这显示标题的话，我们就要看那个了。他这里就是推呃，需要显示的文字，然后这个。是否显示这个标题文字啊，我们在这里加哈。

对，就很明显我们要显显示的，你看这里就这里显示的，看什么这个现到什到轮播图呢，是吧，当然我们也可以调这些，就是指指示器的位置啊，是否是开启自动播放，它这里默认的是是的啊，模图的间隔时间是2500毫秒吧，就是2.5秒哈，然后这个切换一张么的时间，就是这个切换过程啊，这是对吧，这个过程。然后这些直示器的模式啊，你也可以调直器模式啊，我们也可以，比如说我们调一个直示器模式，我改成什么呢。再来一个。看到这个number试试看。呃，改成是什么呢？这个model是吧。是按了是吧，我看一下这个是吧？啊，这个怎么调，至于怎么调，你看那些属性，嗯，自己调就可以了啊螺纹图螺纹螺纹图我们引入了对吧？啊，同样的话，我们也可以在这里管理我们的螺播图生肖状态我们修改一下。

不让它生效。这我刷一下页面看看。他就一个了是吧，就一个了对吧，所以我们这里就可以。接下来管理了我们的首页菜单是吧，当然我们也可以管理什么呢？我们也可以管理，比如说我在这里，我在这个里面加入一个。额外的东西，这个就要加一个什么呢。啊，好比说我要加我的收藏啊，我的收藏我们加到这里就是仿淘宝的话。可以在这里加，就是我们也讲过，之前在那个什么专门讲的时候讲过。这有嗯，这里不适合引入啊，如果是那种淘宝小程淘宝的不是淘宝，就是那种购物小程序的话，我们需要是各种订单是吧，所以需要引入。

同样的，同样的例子。那那个那我们点接下来要还要引引入一个东西啊，就是也是为了不让我们视频变得更长，那我们就慢慢的引一个是一个视频的讲啊，我们这个视频讲那个全屏显象卡的引入啊。我这里找到这个有的全屏选项卡，我们直接把它给复制走啊。其实你也可以去想吧，你也可以去找那个官方的那个，我跟大家讲过，如果找官方那个页面可以能够用，对吧？啊这里呢，我们能K一下。我把这个类改成list了那个。然后把它这个一点把给复制一下。嗯，这个Li对吧。这是绿那个绿色啊是吧，然后这个卡上K一下，然后他这个这东西也给他也给拿走直接用啊，我们在他基础上别人写好了下程的，我们为啥不用呢？对吧。

当然你也可以自己慢慢写，自己琢磨一下啊，这里呢，我们可以看到。把这个删掉。然后我们可以看到我们的首页啊，我刷新一下看看，但是告诉我们table boss，为什么呢？因为他这里并没有给你table bos这个数据啊，可以看到它这里引用t boss啊。但是日本并没有table bos，那我们可以给他改，暂时给他改成什么呢？改成那个。你让咋改成类似？撒。然后改成绿色，这里再加一个三，嗯。STEM对吧，那它是只有内容对吧？十年青春是不是乐看到了，刷新一下看看这些错误都没有了是吧，等一下可切切换，其实你如果你在这颜色里的背景这里加个间隔槽啊，加个间隔槽，他说间隔槽我们这里也有啊，可以看到这个。间隔个槽，看看到没有间隔槽。拿走，我们试一下。

嗯，这里先个桃的。有草就是太长了是吧？把那个改成二次。可们它就有了，然后你可以再给他加个边框，你加个边框，把背景颜色再给稍微的变变一点一点颜色是不是就有点不一样，对吧，我试试看让他看了。嗯，选中之后给他改一下颜色浅色调。啊，整体是这样的，这个had是固定的，默认是它是固定的，我们可以不固定，我们变成audio对吧，或者或者对吧，或者给他你也可以固定。演的还是那啥，他真是吧？再变大一点。啊，那是不是可以了，好，我们把这个颜色给去掉。呃，这个。时间也是17分钟啊，我们把这个给讲，讲好之后呢，那这个东西其实我们也可以通过这个方段管理啊，有几个对吧，我们也可以通过他的管理啊，那我们试试看啊，我也没尝试过这个。

这个图片其实我们图片我们随便选一个哈。代表我们这个分类的东西，然后我们标题就写成。这个是这写成一，这个标题写成嗯，这个是什么呢。就是那个。娱乐娱乐吧，娱乐，然后分类ID，这个也首要的首要首要这个这个什么叫叫什么。袜对吧，就是这个吧，然后这个是首页这个吧。然后这是娱乐。嗯，备注的话，备注的话我们也可以这样写吧，他既然是娱乐的话，那不然我们以获取的时候就是让他。

比较那个。先这样写啊，先这样在家洗。这或者怎么写，我再慢慢改造，不然能会迷糊啊，这样写啊，这娱乐啊，给梳理一下。对吧，那这里呢，I table对吧，我们下新的一个也是这个table，排序是二，这题是这个，呃娱乐呃影视所影视娱呃这个。Your。要闻行要闻吧，啊这个我们可以用它。首页。对吧，然后这个是要文对吧，我们可以写一个那一个，然后还是用它这写成首页首页。ABS，然后这里分也是他就写三嘛，要写成什么呢？这这几个写成。啊，学校的事对吧。

啊，我们也可以再写一个，写一个什么呢，写一个。游戏。分一写四对吧，分不是还是写四啊，负页2ABS对吧，我们这样写好，而且写好之后呢，很明显我们也是一样的用法是吧，和它一样的用法，看到了吧。嗯。我们这就改成S对吧。我们可以整体在这里边写，就是给他数句。就是回去耍手机就。呃，试试看啊，我这里边写。一个是这个。玩图对吧。Is。这个叫什么？这个叫tboss。啊，这个肯定要改成这个TBS对吧，大家都是一个数据数据表，就是我们也可以把这个玩意给提取出来，对吧。

这肯定是出的，然后分类是t box，那我们也看一下这个。He was。刷新一下，嗯，和我们这个。把这个删掉，看一下是不是。刷新一下。没有，应该就是这个问题了。嗯，也是没有问题的，这个是。他这里是也是同样的路径啊，大家可以完完全整合起来写一个对吧，写个处理函数。毕竟都是一样的。不是我我我不想打印那个轮播图的了，我是打印那个。The other。

As。然后可以看到这里有那个。呃，分这个描述，还有这个他这个分类ID还有推对吧，我们要的时候就就是这个推对吧。我们可以把它，把它给处理出来，我们也可以不处理，就别这样写，拿到这个数据了，看到了吧。那我们就让这个list。那叫什么呢？那叫这个list塔。然后，然后这个。要的是这里是名字是吧，他这里表明的是名字。让我看一眼。听着啊。他这里就是。需要对方有有内幕出行啊，他告诉我们需要有内幕出行，那其实我们那这里我们还要再处理一下这个数据，对吧，我让这个。

The。等于这个这个玩意儿啊。其实这个玩意儿之后呢。我们再让这个。就是相对来说一点，这里这是可以整合的，我们把这个。提取成对吧，然后再获取，这样我这样写是很麻烦的，包括这个这个这个提取东西啊。我们我们让这个对吧，方处理一下。帮你处理一下，他不是告诉我们需要里有这个内幕属性，对吧，那我们就让这个。对啊，叫name等于这个RTM这样首先呢，这个这个要改成改成下标对吧，毕竟是个数字。等于什么呢？等于这个m.Q。然后这个时候我们再试下看看。

有娱乐要玩他游戏的是吧，然后根据每一个分类呢，啊，就是它这里切换的时候啊，我把这个也给删掉，不让它打印了，拖累吧。那这是切换的时候啊。可以看到这个on。这个是不是它啊，啊，这个A包是氢，当它切换的时候，我们可以可以看一下。看下这个这个色。就它它会的也是也也是这个把这个这个一个ind给复制，复制给他了，对吧，我们就还ing看一下，那我切换的时候下边为零，这下边下边为零的对吧，下边为一的，下边为二，下边为三，那切换的时候我们可以根据这个下标。啊来获取，就是比如说我这里就就类似于淘宝那个啥玩意一样的吧，获取什么东西是吧。那好，这里就这个贴怎么整好看一下时间啊，我们咱们啊超过30分钟了啊，也是我们大家大家疲劳对吧。那这里我先整合到这里啊呃，这下个视频我们大概的可能可能很大可能会整合就是。

这个新闻媒体列表就是给大家看一下这个需要的数据，数据表为什么。就是这个新闻里边的这个文章，文章分类哈。我们会做一个那个呃，副文本编辑器啊，其实我们我们也不用做，是因为它这个UNAPP啊，给我的模，给我们的这个模板APP里面是有的哈，我们可以直接拿来用，只不过商家商家处理一下，因为那个图片它它是本本地的嘛，本地的这个链接我们需要把它。再上传图片的时候，把它给传到服务器啊，啊这个视频我们就讲到这里啊，非常感谢大家的这个观看。