00:00
大家好,这节课我们来看一下啊,And pro里面的这个区块。啊,那什么是区块呢?其实在我们讲五米GS的时候,已经把区块给大家讲过了,它是研发资产的一种,嗯,就是快速去构建页面以及一些代码片段。在这个ad这个pro中,也是使用五米UI进行区块的一个管理。那下面呢,他给出了呃区块和模板的一个介绍,就是说呃资产被分两种,区块和模板,呃区块呢。我们我们可以列为一个一个的小组件,而这个模板的话呢,就是呃,一个一个的页面。啊,接着我们看啊,怎么去用啊,其实和五米GS的,呃,那在那个五米GS使用区块的用法是一样的。我快速过一下,然后呃,如果大家自己去看文档的话,你翻到最后啊,可能说想要更详细的去了解,呃,这里会看到,呃可以在这里面去查看完整的内容,你可能会点这个链接对吧,但是这个链接呢。
01:07
点了之后呢,你会发现。他还是来到了这个首页,没有直接给我们到这个文档。嗯。我们自己还要去。在这里面去找到它这里面的这个五米以外找到这里面才对啊,这是一种方式,再一个方式就是。他这个呃,文档可能没有更新啊,然后现在是V4的版本,你要是切到这个V5的一个版本,比如说啊,这个V5的一个版本。然后在V5的这个文档里面,它那个链接是对的。等会给大家看一下啊。那如果大家自己去找的话呢,你就在这个五米GS里面去找到它这个使用,呃,五米Y啊,就是它这里区块想要跳过去的地方啊,因为呃,在这个nt pro里面就是使用的五米UI进行区块的管理。
02:05
那这个是V5的一个版本啊,刚才给大家点过来的,大家可以看到V5的版本我们找到。找一下他这个。资产啊,这边它叫资产。然后下面的这个链接就是对的。啊,这是一种方式啊。它也是来到了这里,对吧,把它给调成中文啊,那我们自己呢,去手动在这个呃,五米GS里面去找到这块的内容也可以啊,那这个相关了啊,因为之前给大家就讲过ND的符号,它的呃底层就是使用的五米GS嘛,所以我们也需要看一些文档的时候,也会经常会看到五米GS的文档,那我们这节课来在这个n TD pro里面来去使用一下我们的这个区块。安装的话呢,是呃,还是看这个五米以外的一个安装在下面有代码啊,我们来先安装一下这个,找到我们的项目。
03:00
打开终端。嗯,确保你的终端的路径是在当前的这个项目下啊,然后我们来执行这个命令来复制一下。等他安装完成。好的已经安装完成了啊,那这个时候。我们直接启动我们的项目。项目已经启动,我们来看一下啊8000端口。大家可以看到,呃,这边就多了一个这样的一个小球,之前还没有的对吧,但我们装完这个五米外之后,就会多了一个这个啊,和我们之前讲那个五米G4的时候用法都是一样的啊。然后我们可以快速的去呃插入区块和插入模板。然后还可以在这儿进入完整版。嗯,是这样的一个。一个东西啊。嗯,这里是就是我们所在的一个项目。大家可以发现它这个五米Y里面就是说的是要加上这个五米UY等于一,然后就是配上这个环境变量再去启动,我们之前也确实是这么做的吧,但是在这个nt pro不用nt pro中,一旦我们安装完这个五米I之后,我们用正常的。
04:14
啊,这个他的命令启动就可以了啊,正常的命令启动就可以。呃,启动之后呢,它就会有这么一个东西,我们就可以使用它的这个区块和模板。区块呢,就是类似于这个代码块啊,可以呃,在我们这个布局页面来使用,那比如我们在这个欢迎页去。添加一个。找一个按钮吧。看一下啊好,添加一个这个模态框也行,那我们添加个项目。他让你选择位置,我们就加到这里。嗯,加到。这吧。变量的名字。好。确定。
05:03
嗯,在这个nt pro中去使用这个区块呢,还是比较方便的,呃,因为之前我们在五米中使用的时候,它只能在这个配地下面的这个页面去加这些东西,对吧,但是。呃,在这个里面呢,那这个是因为样式的问题,我们刷新一下就好了。在这个里面呢,我们就可以很方便的去把它呃添加到呃。就是哪怕我们嵌套一层的这个页面也是可以的啊。好,接下来我们再去添加一个模板。添加一个这个吧,工作台我把它给。添加做项目。这个就不选了,默认就好。
06:00
重新来一下,有时候比较卡的时候呢,我们就双音重新来一下。你这个他要去get up去下载资源,有时候确实会嗯比较慢。安装完成之后。刷新一下页面。这边就多了一个工作台。然后我们点进来就可以看到诶这样的一个页面。嗯,只不过他这里有些数据呢,它需要去加载,就没有加载的数据,然后他用的是一个骨架屏来做一个漏定的这么一个效果。所以你要呃,用它安装的这个,就是用它这个模板之后,很多东西我们还要自己去改,那比如说这些数据我们要自己去写我们的请求啊,他只是简单的帮我们啊。
07:04
快速的去呃,生成了一个布局好的一个页面,这样我们就不用费时间去布局,那这个就是区块的一个使用,在我们开发后端的项目的时候,真的是呃,特别的好用。然后。呃,由于这个网络的原因,确实有的它刷新不出来啊,这个大家。有时候就得多等一下啊。啊,那这个就是关于区块的一个使用啊,区块就是一个一个的我们的代码块,然后模板就是一个一个的完整的一个页面,可以选择一些布局好的页面啊,然后如果页面中还需要其他的一些元素的话,我们可以在呃区块中去选择我们需要的,比如说表格。然后是这个按钮,表单等等。啊,那这节课这个区块和模板就说到这里啊。呃,最后再强调一点,如果大家要看区块的文档呢?
08:01
是在这个五米GS里面的五米Y里面去看啊。就是包括他安装的命令都是在这儿。好,那这小段先到这里。
我来说两句