day04【项目前端相关基础知识二】/04-尚硅谷-谷粒学院-前端技术-element-ui介绍

第二个咱讲element UI，那我首先介绍一下element UI这个到底是个什么东西啊，咱们看一下我的课件中，就是在voe进阶中的定部分，就是第六个我这里写到啊。Element UI是这个公司叫饿了么，它的前端处理的一个基于voe的一个后台组件库，它可以方便程序员进行页面的快速布局和构建，这叫n nu，说的简单点啊，它可以用在咱voe中，能够快速写页面的各种效果，你不需要写塞材的样式，他把样式给咱们都做了封装，这个叫安UI，而安慰UI我这里虽然写个例子，这例子不需要各位去写啊，因为它有一个官方文档，咱后面写代码，通过它的官方文档这些东西都能找到，这是它前端的组件库，这代码不需要我们写，咱通过文档去找，会用这个就可以了。

那这个文档咱打开看一下啊，这个文档。就是这里面啊，我先打开了，然后你打开之后呢，是这个界面，在界面中怎么看，咱往下滑动滚动条找到这个位置，就这个。叫做组件，在组件中咱点这个叫查看详情，把这个点开进入了它的组件位置里边，你看啊，在这个目录中有很多新闻组件都是用于咱们构建页面中，而咱们后面写页面的时候就从里边去找，然后复制它的代码，把咱效果快速整合可以，因为它里边给咱都封装好了很多东西。那比如说咱找几个，就是我们看的最直观的东西，我们找几个啊，比如说第一个咱找这个。叫做八臀按钮这个东西啊，大家往下看啊，你发现啊。在这个MUI中，它是不是提供了不同效果的按钮？不管你是大的小的，圆的还是什么各种按钮都听出来了，就是咱们根据它能整合到页面中做不同效果，那怎么整合，咱往下看看这个位置。

它清楚的标注是不是叫显示代码啊，咱把这个点开你看啊，里边的源码是不是全有，那咱用的话，把这代码复制改成咱效果就可以了，这不需要我们写，因为这是IUI中那种特别代码，跟it还不一样啊，咱用它就能改出来，比如你用不同效果按钮，里边代码大家发现全有，这是它的一个用法啊，这是一个按钮的一个事例。那比如说咱再找一个啊，找个什么呢？比如找一个也是比较常见的，咱往下找啊，呃，比如说这个东西叫阿lo的上传，那是什么呢？你看啊，里边就是有各种上传的组件，咱就实现上传文件，它里面可以上传，而这个组件中同样给咱们把这个你看啊，代码都提出来了，另外他提供过程中你发现。

Java所有代码是不是也都有啊，所以它会特别方便，咱把它整合可以了，它就提供了各种上传的方式，这里都有啊，全都有各种方式，这是一个，比如说咱再找一个这个东西叫table表格，你看啊，表格里边它也提供了各种样式的表格啊，里边都给我们带了各种样式，而它里边也是带了这个源码部分，咱用的时候把这拿过来一整盒也就可以了啊。咱后面都是这么来用，包括它有各种效果啊，比如说咱再找最后一个啊这个东西。呃，有一个叫消息提示，什么叫消息提示呢？比如说咱们做很多功能的时候，比如你是成功是失败还是怎么样，会有一些提示，它里边有不同状态的提示，比如咱试一个啊，第一个成功。所你能看到它上面一个提示，然后现在我来一个叫警告，是这个，然后这个隔一段时间会自动消失，包有一个消息，这个有一个叫错误，你发现啊，每个都有不同的效果，不同的样式，它都给我们自带的这种效果来用，它就能整合到我们项目中，包括它的源码下面都听出来了啊，就这么一些基本代码。

这是关于MUI，用它才能做到，就是我们页面中的各种样式效果，而它不需要我们就是自己去写什么样式部分。也就是说呢，在实际的那种工作开发中啊，在很多公司里边一个角色叫做美工。啊，就是美工。这个角色各位应该都知道啊，它主要就是做页面的样式，比如说贴图写样式，把页面做成各种效果，但是我们用这个之后，其实咱们不需要美工，因为他美工的东西，咱用这个组件里边大部分都听出来了，咱就能做到这个基本效果，也是为了我们快速开发，比如我们作为后端人员，咱不懂美工，这些都能做到。啊，所以这个就叫I的UI，就是一个快速作为页面效果的一个组件，它由沃尔么公司提供，咱后面在我们的这个前端页面中用它来做我们的效果啊，这大家给他知道一下啊，不需要你记里面这个代码，后面咱用的话从里边直接找到，咱也发现里边源代码都听出来了，咱直接复制整合就可以了。

啊，这叫UI啊，这一个快速开发一个工具，就省去了美工写样式的一个过程。啊，给各位给到知道一下啊，后面再在项目中会用到。