39-尚硅谷-尚医通-前端知识点-Element-ui介绍

各位同学大家好，欢迎继续收看上硅谷视频课程，我们继续来学习前端中的基础知识。之前呢，我们完成了EX6的讲解，包括VE基本指令以及AX iOS的使用，那我们下呢给各位再来讲这么两个内容，一个叫element UI，还有一个叫note JS，因为这两个内容咱们在后面项目中都会使用，那我下面给各位来介绍一下，首先我先说这个东西叫做I的UI。什么是IUI呢？给各位解释一下，IUI是由一个著名的公司开发的，一个就是后台的组件库，用它能方便实现前端页面的构件，而页面构建过程中不需要我们自己编写复杂的HTML和CS样式，它里边把代码给咱们写好了，咱们直接拿去用，就能实现更好的地面效果，这个东西就叫UI。

它是由这个饿了么公司提供的这么一套组件库，那这个东西呢，咱们通过它的官网来看一下，这官网我已经提前打开了，就是element。UI这个官网，然后咱往下看，里边有一个组件，组件中有一个查看详情，然后把它点开，大家看里边呢有很多这款组件。而安培UI要用的的话，首先第一步在在里边咱看一下是不是咱们需要引入它的CSS和JS文件，然后有之后可以用里边的组件，那用的话呢，大家看里边给我们提供了很多的组件，那咱们来快速看一下，比如说咱们找一个八按钮。然后各位看这里边，大家清楚的看到是不是有很多样式按钮，比如说有这个蓝色，绿色，什么红色等等，包括有不同的效果，而这个按钮我们要用的话，咱们直接就可以从它的文档中把这代码复制到我们的页面中，我们就可以使用，包括你看里边代码写的很详细，然后除了这个之外，比如说我们再找一个，比如咱们找一个这么一个。

就是里边这个form表单，比如大家看，在form表单中呢，咱们能输入不同内容，包括下拉列表能选的内容，以及这里边有你的日期组件，包括有这个单选框，复选框等内容，这是他这个报表单，而报表单中也是给咱们提供了相应的代码，咱们用的话，把这代码直接复制到我们的页面中，你就可以使用。然后除了这个之外，大家再看里边还有这个表格，比如里边有不同表格也提供了源码，而除了表格之外，它里边还有各种弹框的效果，比如咱们看一下，假如说里边比如说有一个。弹出一个表格。

或者说我们弹出其他的一些不同的效果，大家看里边这效果应该都有，所以咱们通过IUI就能实现我们这个前端页面效果，而它实验过程中让咱们的效果更加的就是美观，而不需要我们写复杂的HTML，包括C代码，这就是关于MUI这个介绍，咱们后面呢，再写前三页面中，我们就采用MUI来实现咱们的页面效果。也就作为说明，然后具体组件咱们在后面项目中会具体使用，大家对它需要一个基本的了解，而这个代码也不需要各位去记，因为在它的文档中都提供了很详细代码，咱们用的时候把这个代码直接拿到咱们页面中进行使用就可以了。所以这是关于IUI的这么一个基本介绍，各位把这个给他要知道。