day10---uni-admin搭建后台管理系统[uni-app云开发入门到实战]原创

Hello，小伙伴们大家好，我是代码哈士奇，这个视频呢，我们来讲一下UN德玛。就是用这个，用那艾特曼快速的搭建我们的后台管理系统，就这个。啊，我们直接讲哈，为了就是让我们这个。呃，演示哈，就是变得好看一些，就是不是只有后台啊，我们首先呢，先就是搭一个简单的客户端，好，那我们在这里呢，新建一个新建一个那个空间哈，今天是5月12号，那就那就写成5月22号吧。呃，00500512。创建一下。啊，这个时候我们创建好了，首先呢，我们在这里找到云数据库，找到云数据库里面我们新建数据表哈，在这里呢，我们把这个unit ID和这个open DB，呃，还有以及这个其他里边这个。

这个什么呃B呃也也给选中啊，这个应用应用版本和应用列表，我们会在下一个视频讲那个升级中心的时候再去讲。那我们先先搭好了，就选中这些表哈，好，那我们就创建选中的表。可能最近这个天气变化比较快，小伙伴们也要注意这个衣服的这个更换，不要因为这个觉得天热就更换太快了，会冻感冒的。比如说像我一样就感冒了，然后我们在这个在他创建表的时候呢，我们在这里啊，同时也要新建一个项目啊。

叫嗯，叫00512吧，APP05125月22号嘛，我们创建一个默认的模板就可以了，默认模板就可以了，我们启用这个cloud阿里云。那这里呢，我们可以在这里绑定我们的这个服务空间啊这个。0512对吧，关联一下好了。呃，为了好看一些哈，我们这里引入UV。有爱。有没有有爱？大家可以搜这个，搜这个卡就是UV。这个地方看到了吧，就这几个，我这里直接进来啊，我们找到这个啊，先讲一下有没有啊，它非常好看啊，他可以看一下这个。呃。你看它里面有模板，有个组件，还有工具，呃，对吧，看包括这个MD5加密随机设置去空格，还有这个表单校验啊，加他的组件，还有这个模板。

你用的时候在这边也可以看到，就像我们学这个用APP一样，直接复制粘贴，然后再修改就可以了，当然你也要比如说我举个例子啊，Input。他这里有用法简介是吧，还有这些它这个属性啊，你也会写哈。那我们引用引用哈，我们先看安装，它安装呢有两种方式啊，一种是NPM方式安装的配置，配置一种下载方式安装下载方式就是。你下载他这个UV啊，这个文这个文件文件夹里边包括什么东西都有，那我们我们通过NPM安装哈，我们通过NPM安装。那。比如我们这个APP0512，然后我们这个使用命令行窗口打开首页目录，我们先试一下进行这个会有什么效果啊，看一下啊。

他告诉我们没有三七菲尔all，那个没有pack杰son是吧，对吧？那我们怎么办呢？NPMNT先给生成一个，然后一路回标就可以了，然后同时我们再去看这地方已经多了这个对吧，那我们在。个。NPM进行一下这个安装，有没有UI。啊，可以看到哈，这个这里我们这个no models里边已经多了个u view UI对吧，说明这里我们已经啊改好了，太好，如何引引入呢？我们继续看它首先要引入这个主要的JS库是吧。然后我们在这里。呃，我们把这个给给关掉哈，暂时用不到，用到我们打开。还有在这个慢点GS里面啊，引入对吧，那我们引入，然后在这个。

SS这个文件引入此文引入它这个啊，是不是在这里引入就可以了，那引入UVI基础样式，那这里我们复制一下，由于我们是一个新项目啊，这里什么都没有的。我们按复制过来就可以了，如果你是有的话，是注意这里要用加上这个这个这个属性，还有就是引用这句话就可以了，就他写的第一行。好，那我们这里还不算已经完成啊，继续看他要引用这个1COM组件，就是我们写写完之后就可以直接啊这个。我们也包藏那那种组件正常写法就可以了，那我们引入一下。K是可发代码，我们这里已经录好了，这就已经算安装完成了，那这个时候我们。

呃，运行到这个浏览器啊。所以我们不需要获取这些什么信息啥的。就是我们不需要，就是。呃，APP或这个。小程序的这些东西啊，我们只是演示一下。啊，那这里呢，我们应该是引入成功了啊，此时呢，我。给它改一下养生啊，我们我们只需要一个页面一个页面演生就可以了啊，首先呢，我们找到这个UN呃，APP，它它这个框架里面的。排基斯泰。我们把这个什么，把它的导航栏样式啊，默认导航栏样式给它取消掉，那这这里我们要要在这里写一个。注意这个global是取消，呃，取消的话会取消所有的。

看一眼，它这里面是没有这个导航栏的，对吧，那这里我们引入这个，我们可以引入官方导航栏哈。不是导导航是这个有没有UI导航呢？让我找一下。啊，自定义导航栏啊，就是这个啊，它这里。你可以我我们随便引入一个太太好了。在这个把那些都关掉，我们配置完了对吧，关闭所有已保存标签卡，我们找到这个。这个什么。里面把这些都都给删掉就可以了。可以看到它已经有个简单的样式了，是吧是吧。那。我们就这个条。呃，先先这样啊，先不管了，导航条就先这样，嗯，我们主要演示博士导航条，因为为了结合我们那个嗯，Unit，我们需要一个轮播图一个那个。

宫格宫格。我找这个轮播图啊，轮播图我们找到轮播图了啊。首先呢，我们直接把这个给复制过来哈，看一下看一下效果。然后把这个list给复制过来，有个数据，先先先看一下它什么样子的，对吧，看它什么样子的。那好。啊，如果如果如果没有成功的话，等会我会重新重新编译一下啊，把这删掉啊，然后。他需要一个。就拍定你说实话加不加无所谓了，他是他是写在这里面的吗。这里已经有这个轮光图了，刚才因为那个样式没改啊，那就已经有有轮光图了，对吧，但是这个螺纹图的数据是死的，有说它不是静态的，我们肯定要给它变成动态的，对吧？那现在我们先不管哈，我们先不管。

我们再引入一个什么呢？引入一个。我找一下叫宫格。宫格布局就是这样，我们可以写个菜单对吧，啊，也是给它把它给给复制过来哈，把它给复制过来，很明显这里有三个对吧。好了。嗯，然后我们看一下这里，这里已经有三个了，对吧，那我们可以把它改成比如说。我的。政策这个是什么，这个是锁头就改成。嗯，密码啊，我不想改成啥了啥了，就改成那计时。

那就这样随便改吧哈。很明显这些都是死数据是吧，那我们如何就是改成那个不是死数据呢？那我们在下一个页面啊，在新建一个页面。呃，叫我叫我的相册啊。呃，叫加不加无所谓，反正从那个默认的导航条已经取消了嘛，我们创建一个就可以了。这有有有创加好了对吧。那好，我们先不管哈，我们去先写到这里，我们去建我们的后台管理系统。那怎么搭建呢，新建。项目。呃，UNAPP今天不是5月12号嘛，那就五月050512，然后这里选中那个UNOA这个，呃，就是模板模模模板哈，我们选中它。

他。这里呢，我们要关联一下服务空间对吧。当然我们可以运行那个初始化，嗯，关联一下零五页，它和这个APP05页是一样的，对吧，首先看看这个可乐的方式里面。他的公模的话是这这些对吧。还有这个配置，他也这里也有一个默认的配置文件。那我们就先不管那个配置文件，那和我们上一上一次那个配置中心那个了解配置中心讲到那个，你看人家也写好，也是这样写的是吧。那好，那我们怎怎么运行起来这个项目呢？啊，点开APP下微微即可运行到那个浏览器。这这里可以用那个云端云云函数哈，连接云函数。把两个两个项目都连接云函数。

不是本地的哈，就是轮转云函数。云端云函数。等待它那个跑通，跑通之后，你看是这样，他告诉我们是什么都不存在是吧？啊是不是确定上升有空间，那这样这个时候我们怎么办呢？这个时候我们。要这个把这些东西上传哈，看好了上传所有云行上公共模块action。我们等待他慢慢的上传。那此时我们来看，先看一下我们这个APP啊，它是一个轮播图对吧，一个这个什么。啊，就就当他是菜单哈，那我们需要。呃，给魔图就是给图片加一个点点下的那个跳转的，还有还有给这个。呃，相册加一个跳转的，那到时候看看怎么完成的哈。嗯。

我们这里只是演示啊，只是演示有问题，你可以大家可以提出来，他我们这已经上传完毕了，应该是上传完毕了，那我们刷新一下这个项目。啊，已经有了，我们没有发号，我们首首先要创建一个对吧。那么，呃，Ad。他这个密码还短啊，他不让你创建哈，那我们加个一么一我们创建。告诉我们创建完成了。呃，我们弄一下。他告诉我们没有这个数据，那也很简单哈，因为我们已经充进过数据表了，所以我们在这里呢。是吧，也说句酷。嗯，点点那个就可以了。点那个菜单表吧。Re。

分刷完成了，那我们再刷新一下看看。我们这里这个系统管理已经出来了，对吧，出来之后呢，我们点一下这个菜单管理。可以看到菜单管理里面就是我们一个。用它默认的啊，你看pages里面那个层目看就是这些对吧，他管理啊，用户管理啊，自然管理啊，权限管理对吧，那我们先不管，那我们打好这个之后，可以看到运营管理有我们的这个。呃，超级管理员对吧，角色管理也有这个管理员角色。呃，光有这些很明显是不够的，对吧，因为一个项目如果只管理用户这些，肯那那那些那个轮播图看，像我们说的那些图片还是静态的，没有屌用是吧，那这个时候我们首先呢。找这个N配置啊，配置切层文件，呃，因为这个静态的功能展示啊，我们不想看对吧，那我就把它给删掉哈。

肯定他这个静态资源就没有了，你也可以写静态资源哈，啊，那这里我们要引入。刚才那个对吧。应该是班长，我也不大会组，然后还有就是啊，就就就引入它哈，就引入它，我们点了这个表结构哈，就是举个例子，如果你自己的数取表，你也是可以引入的哈。记，如果你引入的话，注意这些字段一定要严格的写。为什么严格严格的写呢，如果你不写的话，他比如说他没有他你不你不告诉他类型啊。它是没有那个，比如说你文件的话，它没有那个上传按钮，然后输入框的话，它没有输入框对吧。嗯，点那个。就是点那个地方，找到这个数据表，点表结构，点那个地方，然后找到UN cloud I，然后这个项目模式嘛，这些东西我们。都选中了对吧。好，那我们。

导入。如果有些字段你不想要，那就。不选，我们这里全部字段都要都要用啊。我确定。合并对比啊，选择合并对比，然后合并一下。然后可以看到我们这个时候，他这个配点监测里面多了一个那个关于班纳的那个管理是吧，那这个时候呢。我们要这个我们的菜单是吧。我们有了系统管理，我们可以加一个什么内容管理，对吧，内容管理，比如说内容叫什么，嗯，反翻译一下啊。记错了，怕怕怕写错了。啊是这个平时我们写一个，比如说我们叫内容。内容管理好多东西按快了它就会啊，用大写的。

内容管理，我们这个这个很多标识对吧，写什么标识呢，我随便写一个写这个。写这个标识吧，随便写一个嘛。啊，页面UIO留空哦，我们是用一个一级一级菜单那序号我们写2000。然后这个。就完事了哈，我提交一下。可以看到这里多了个内容管理对吧，它也是这个一级菜单，那我们给他加一个子菜单。加个子菜单标识写，二按标识写，因为我们是这个班的对吧，看可能是这个班的对吧。我们给他来个标识。然后显示名字叫什么，就叫班长管理。然后图标，这个图标我们选一个随便选图标，其实也可以引用这个第三方的，比如说饿了么UI。啊，这个你大家可以，如果有需的话，可以看这个自定义图标啊。

啊，这里不再讲，不再讲，后边有需求我们再讲。找不到啥合适的图标，就嗯。嗯。这个随便随便写一个，不再找了，浪费浪费时间对吧，他这个就没URL啊。把那个给复制过来。在这里加一个斜杠，把它复制过来就可以了，它写成2010。那个时候我们总算添加完成了，我们要一下。可以看到我们内容管理里已经有这个班的管理了。看没有更多数据，因为我没有数据新增，你看这里图片文件啊，点击目标跳目标地址啊，标题排序啊什么的，对吧。那好，那我们。这里这里这个管理系统这个版本已经搭建好了，那我们如何让我们这个APP具有动态的这些。啊，这玩意儿，这玩意儿呢。不好意思，我把这个声音给点岔劈了。

选一个小的吧，就它啊，我们继续讲。首先呢，我们把这个，我们在这里新增一个。图片找什么呢？昨天我截了个图哈，昨天我们。下截张图，呃，点击目标跳转地址，我我们全部给他。它它是点击膜调染镜的，如果是外部在使用内置外部这里我记得这里好像有注释的哈。如果是本地页面，就再选择本地页面，如果是这种什么式打开这个APP啊。那我们这里。需要跳转到。我的相册对吧，我我的相册，我找一下我的相册啊，等一下。找一下这个相册，这个相册叫什么，你可以在这个拍S里面找到这个相册的路径，对吧。那我们可以复制进来，我试一下啊，我也没试过这个。

标题。经济目标的无效。看一下他这个什么。如果是本地页面，再跳转本地页面。啊，我说那我先不写了，那就不写了，那个标题我们写一个是什么。图一轮播图轮播图一排序成一吧，分为ID，因为我们是，因为我们是轮播图啊，因为我们是轮播图的话。女魔头是啥呀？Swa，我我要看一下这个单词啊。啊，S。因为是那个第一首页的嘛。我给它写成这个样，这个这样就可以区分了嘛，排序一备注就是轮播图一写成首页。

首页轮播图。然后这个关掉，但是我们提交一下。然后我们再新增一个，还是同样的，还是写这个，我们叫轮波图二。标题间才改成放飞。自我。就可以排序，我们写成二吧，那个ID和那个一样的。备注，首页轮播图，那我们要要两个轮播图就不要多了啊。啊，这这里我们就。写好了，看它生生效了，他状态它也是生效的，对吧。那我们把这轮廓图呃，给那个。动态的哈。这里呢，我们先留着啊，没必要。我们可以写一个get什么？W。

Wi p。那我们这样写啊。Me的，因为我们要获取我们的轮播图是吧，怎么获取呢？呃，你可以通过这个数据库获取啊，数据你数据库获取我可以这样写啊用那。Database第二。Collection。可以找到这个数据表哈。你看啊，它测试这个收据表，人家在模板里面也是放松这个读的权限的，那这个我们就不用不用管了。这是我们的数据。数据表表明。然后我们。给他去，呃，还有一个叫加加个条件，因为它首页轮播图是吧，因为它因为它首页轮播图我们给它区分了对吧。找到列表里边我们分了ID，已经找到这个了。分类ID的标志符是什么呢？我们可以看一下分类ID啊。分成ID是这个对吧，我们我们先不管，我们先把这个给复制过来。

分ID。我要分给ID是这个。好的，呃，那生效状态也得生效了，对吧，如果他不生效的话，那我们也不能给他展示。那就给他来个数。那好，那这样的话我们就写好了，对吧，那我们后边我们可以用then的方式，也可以用这个。让他等待，肯定完成吧。嗯，我们打印一下这个结果。呃，这个写成按漏的时候，按漏的时候这个调用这个函数。那好，我们来看一下这个效果啊。刷新一下，因为刚才已经出来了，呃，刷新一下好看，Result对吧，叫data，很明显我们拿到的是is，叫result。

加塔。看到这个对了吧，那好。我刷新一下，可以看到我们拿到这个数据了，这个数据。呃，有两个是吧，就是一个是龙墨图一一个是轮墨图二，龙墨图二我们名字标题没有写成轮墨图，图二我们写成放飞自我。然后这个时候我们可以啊，嗯，你看这个better啊，我们可以把better feel里边这个pass给提出来，嗯，怎么怎么弄呢，我们可以。我们让这个我们的数据等，就是T等于这个数组啊，然后我们我们把这个数组给提取一下。啊，好，比如。看一下这个时这个结构啊，这边没有pass，有没有src。啊，有没有image是吧，他这个面，呃，这个轮廓图说一下轮廓图这个没标签是面，当然你可以改，你可以在这里写的内等于等于。

I'mg也是都可以改的，这个你们要自行去看着魔图里边API。那我们继续讲。我们一下我们的数组啊。编辑数组，我们要数组的每一项里面加一个字段，就加一个什么，加一个image对吧，加image。对，他点。你卖几等于什么呢？很明显啊，我们找啊。找这个班费对吧，费。里面的那个什么，里面这个。Pass，看到了pass。还有这个URL啊，UR也可以，他俩应该是一样的吧，个人觉得应该是一样的。应该是一样的，我们解pass就可以了。

那这个时候呢，我们。这个list是吧，我们要这个list，这个赋值对吧，赋值。呃，看到我们这里模图已经完成了啊，是两个轮模图，它是一样的图片啊，这个时候它已经你可以，你已经可以通过这个后台啊来管理了，比如说我们把生效状态给。还不能点是吧。什么的给关掉。那这个时候我们再看一下这个螺图。就一张了是吧，就一张了，刚才那个他会默认展示这个，我们可以给他删掉哈。我说可是代码格式化这个时候。告诉我们ER and，嗯，这个这这个不用理它啊。像刚才我那个改了改了改了之后，你看我们就就一个图了，是吧，就只有一个图了。我们同样的可以给它改成生肖。

两个图。呃，我们看这这里已经完成了是吧？啊这至于这个，呃，相册密码管理计时我们也可以写啊，这个不叫宫格吗？宫格我们可以写成菜单嘛。那这个我们我们同样新增，呃，等一下。在这新增。图片文件这个你可以随便选一个嘛。就是你可以用，你可以用它的图标，图标文件，我我随便选一个，当然你也可以自定义一个这个。这个这个数据表去展示这个，点击它我们就不写，我们写写什么呢？看我们看到我们这个宫格菜单哈，它需要一个文相册，它也需要一个这个。这个得图标是吧，这个图标好，我们可以相册标题。比如那像这。标题嗯，写成一，你们这个顺序，你可以它让它为一嘛，就就第一个。

分类ID我们写成这个宫格哈，加ID是吧。E me nu，而且就可以了的话。嗯，利用描述我们可以写成，比如说这是我的图片，我我我的相册。那可就已经。呃，加好一个了，对吧，我们再加一个。Menu。然后这个是什么，这个是密码管理啊，密码管理。密码管理，密码管理它的图标是这个。具体是这个玩意儿，那我们就排序给他写成二等一下，我还要刚才看一下，刚才那个好像有问题啊。这个修改一下我的相册啊，我把这个改成。嗯，然后还有一个什么，还有一个计时是吧，我再加个计时。

加个计时那个标题。这个是写成三是吧，嗯，那个写成计时啊，这里面写计时。ID，不好意思。那好，我们这里已经新增了三个哈，同样的我们也可以也可以这样写，也可以和这和这一样写啊，但是get外是吧，他严格来说他他他俩其实可以复用一个生的，因为。前面都是固定的是吧，就只有这后边这个玩意儿不一样，你你要考虑考虑的话，可以考虑到这点，你可以自己写问题该。嗯，什么这样写。然后写写什么呢？把这个复制过来啊，他俩基本上只需要改动那个Y的条件，对吧，那它是什么呢？它是。The menu。

同样也也也是需要生效钟才可以对吧，那这样写也就可以了。那我们看一下这个。同样我们直接直接打印的什么，我们直接打印这个一段哈，什么意思，它数据都在这里边对吧。那我们就谈一下。嗯，好，可以看到这个已经拿到了，拿到这三个了，我的相册啊，给他门钮对吧，它的这个长度是三对吧。哎，我那我们怎么写呢。好，我们可以看到。我们要新增一个什么？Windows它也是数组对吧，那我们将这个值付给付给。等于这等于等于这一块啊。复制。那好，我我复制之后会发现我们这个东西是吧，也需要删掉哈，因为我们没有把它改成通态的哈。

删掉了，可以看到它它是都没有的哈，我们现在就可以来用了哈。首先这个这玩意儿不是三吗。这个东西我们要复用是吧，很明显的三个结构是一样的是吧。这个三五要改成，改成这个叫。要根据它这个长度决定的，它有几个呃，几个菜单项，那我们就给它给它长度是几个对吧，那这个也需要删掉了。我在这里要加个什么呢？加个v for是吧？V for等于什么呢？Menu。就是这里，我习惯了用。这样写啊，我们要加个K。嗯，那这个，然后可以看一下。

还是空，因为我们啥都没有是吧，这个内幕我看到这里面内幕是对应我们的什么呢？对应我们这个。推是吧，看到他是我推头。然后这个是ITM的推头对吧，还有我的相册，我的相册是这个描述啊。描述。可以看到这个三个就已经完成了，是吧，这是明很明显这是我们那个呃动态完成了对吧？啊包括包括图标啊对吧，包括图标这个东西，然后这个呃，我可以我们比如说我们把这个一或者或者二或三，呃改一吧，我把这个改成一，我相册给。呃，这个生肖大概给给提交一下啊，我们重新刷新一下。看我们就只有两个了是吧，而且它它这个也是均匀的分布的，为什么呢？因为我们这里是通过它的长度，嗯，这个客户的，那至于这个客户为什么是这样呢？你们可以看下宫格布局里面这个介绍哈。

这边这边共格的列数啊啊，看到了吧，共格列数默认值三，呃，我们有十几个，还有十，它有它就十几个啊，那这里呢，呃，我们这个。很明显这个管理已经已经完成了，是吧，这个管理系统也好了，同样我们可以在系统管理，管理我们的用户。呃，如果我们这个。你在这个APP052里边写的用户啊，这里也是可以看到的哈，因为他俩共用一个云服务空间啊，就创建的时候，他俩是一定是一个云服务空间，它可以管理啊，不然你找谁的底吧，你不知道他是谁，然后我们这个那个什么UN这个。后端管理系统就已经搭好了哈。刚才那个暂停了很暂停了很久啊，我看了一下他这个open l啊。我看看这个要求是什么。呃，HTTP这个HTTPS或者这个斜杠开头的，我我刚才用斜杠开头了，但是我我但是我不知道为啥我不我我不知道为啥那个没成功啊，就是我用型号开头是无效的，你看那用HTTP1只按那个格式开格式切号它就回来，我怀疑是这个URL啊，我再看一下，如果那个。

如果这这次视频搞不定的话，那我们就下一次和升级中心一起讲来讲这个东西。呃，我又看了一下啊，就是我找到问题了，它就是这个地方URL啊URL，因为我们内部的这个它不一定是URL啊，所以我们可以把这个UR urll给删掉，相应的你要找到这个。呃，我们看见这个艾曼模板这个应用找到我们这个什么呢。看这个GSSDK这个，呃，为什么开头这玩意里边的这个open DB班呢，这这个东西我们把这个URL也给删掉啊，就它这个缩减规则，不让它URL也可以，那这个时候呢，我们再设一下。

我们把这我们那个刚才页面我们已经加好这个了是吧。我在竞争里面，或者我们改改刚才那个，刚才我是用那个TP给写的哈。那我们可以看一下哈，就是在我们这个页面里边，如果我跳转啊，它会应什么，是点点杠这个这个玩意儿是吧，他告诉我是点杠那玩意。那我们这样试试看呢。这个杠第杠是不行，那我们就直接写配再减啊。啊，我看一下这个。对，从这开始删。这样就可以了是吧，这样刚配是嗯。On the portal bottom port。那我再试一下哈。我设置一下啊，大概间隔间隔一分钟啊，是完全可以的啊，就是我改成这个形式了，干喷一次干坡头坡头啊看看看看这里啊。

看那个open URL的第一个啊，我们只改了第一个啊，看看URL。然后这样也是可以的，我们点一下这个我的相册，可以看到他已经跳转到我相册，具体要怎么写呢。具体你看我们写了个go配比那个。对，这个什么宫格图，也就是我们这个菜单哈，这个东西加了一个加了个点击事件，当点击的时候啊，传入这个open UR l，因因为open UR l是我们页面的路径，对吧，Open UR l，那我看一下open URL就是很简单一个跳转啊，看到没有。如果你是那个什么，跳转到那个。这个页面哈，就不能用这个内图了，呃，这个你要看这个这里面那些东西啊，再看到非推页面啊，还有这个跳table页面。这里我们就演示一下，可以看到我们这个演示已经成功了啊，可以看到大家这样写就可，大家这样写就可以了，只要是这个这个PG4点监测里面。

他已经注册完了这个东西啊，注册完这个这个路径都可以这样写哈，我们就可以看到已经完成了啊，这个这这个我们把这个代码也那个发给发给发给大家一份哈，就是。呃，把这个APP0512和这个特曼，大家注意用的时候一定要用同一个这个服务空间啊，同一个服务空间，然后这个。对吧，还有创建那些数据表，大家大家也都要知道那些数据表哈，那这里我就呃把这里关掉，然后给大家那个嗯，下下代码，这就结束了啊。