在上一篇教程中，我们讲到了竹子建站系统中关于板块添加和使用的相关知识，而今天我们就可以更进一步，看看网站内容的真正承载者——组件，是如何使用的。

如果把网站比作一本书，那么我们可以把网站的一个页面理解成一页纸，而板块就是一页纸上的一个段落，而组件则是构成实际内容的文字。

我们竹子建站的系统里有27个组件，我们可以用组件在网站上面添加修改各种内容，文本、图片、导航、按钮、表单……

具体各个组件的教程在此就不再赘述，今天我们要讲的是组件的一些通用特点，了解这些知识可以帮助我们加快网站搭建的效率。

当我们在编辑器用鼠标滑过一个组件时，系统会自己判断当前鼠标所处的组件并给出灰线进行标识。

比如在上图中，红色箭头所指的灰色线框就是一个提示，这里的灰色线框所里就是一个文本组件占据的位置。

当我们将鼠标移到下面的灰色线框中时，我们会看到一个蓝色的加号，再点击我们就可以在当前组件下面添加一个新的组件了。

在添加一个组件时我们可以看到组件有四种分类：常用组件、应用组件、容器组件、复制组件。

应用组件：应用组件是使用在应用市场里面的一个组件，在搭建正常单页面时使用不到，本身使用频率也较少，我们下次再做详细说明。

容器组件：容器组件是我们排版中经常用到的一个组件，可以把网页的横向空间分割成几块，我们会在下一篇教程中对这方面的排版功能进行说明。

复制组件：所有的组件都有复制功能，我们可以把一个组件复制以后粘贴到其他位置去，而这里的复制组件分类就包含了所有已经复制过的组件。

点击一个组件，我们就可以看到会出现一个黑色的编辑栏，这里有5个设置项分别为：

设置：可以对组件进行一些非样式的设置，一般包括动画、交互、代码……

样式：样式即对组件外形的设置，所有的组件外观设置，包括颜色、间距、背景、字体设置……

数据：可以在这里进行数据绑定，绑定数据以后当前组件就会显示绑定的数据源的内容

复制：点击复制按钮就可以对组件进行复制，复制以后就可以在新增组件时找到这个被复制的组件进行粘贴。

删除：可以对组件进行删除。

而像是图文组件这类一个组件中有多个小分块内容的组件，我们可以通过点击其中的某个小分块，就可以看到右上角会出现一个白底的设置栏，这里就可以针对单个小分块的内容进行设置了。

以上就是本次小教程的全部内容了，下周会有一篇关于页面排版的基本教程，各位朋友不要错过哦，我们下周再见吧！