概念

我们在开发网站的时候，往往会遇到这样的问题，通常一个网站内的所有网页，它们的页眉和页脚的设计是相同的，如果在设计每个网页的时候，页眉和页脚都要重新开发制作，势必要做大量重复性的工作，况且由于手工设计，难免造成每一页的页眉和页脚大小不一致。

组合构件功能的推出就是针对于此，用户可以自行利用现有的构件资源，重新将它们组成一个新的构件，以备在网站设计时公用部分的反复调用。

分类

组合构件按照作用范围，可以分为项目内组合构件和公用组合构件两种类型。

项目内组合构件：顾名思义，它的作用范围仅限于项目文件本身，只对一个项目有效。

公用组合构件：它可以共同作用于多个项目。因此网页中的页眉和页脚一般都可以设计成公用组合构件。公共组合构件的实质就是一个单独的IPE项目文件。

组合构件的建立

组合构件的建立的方法：

1．新建项目，例如新项目的名称为“搭建组合.IPE”。

2．选择主控窗口【管理】→【增加组合构件】菜单项。如图1所示。

此主题相关图片如下：

图1

当执行了“增加组合构件”后，系统会新建一个“组合构件”类型窗口，同时在构件板中，新增【组合件】页，在其下新增“组合构件1”。如图2所示。

此主题相关图片如下：

图2

3．构建组合件。可以把其它构件拖放到组合构件窗口中，进行组合构件的设计。例如，拖放图像文件、选项条构件于组合构件窗口中。如图3所示。

此主题相关图片如下：

图3

然后，设置图像文件的“图像—文件”属性为“.\Files\BuilderStar.gif”；选项条的“项目列表”属性为“{首页┌学习入门┌实例下载}”。这样，由“图像文件、选项条”两个构件就组合成一个新的构件。

项目内组合构件的应用

现在，我们转到页面1。从构件板的“组合件”页中拖放“组合构件1”到“页面1”窗口。如图1所示。

此主题相关图片如下：

图1

公用组合构件与项目内组合构件的区别，仅体现在作用域不同，它们的实质同是组合构件，因此它们的建立过程是相同的，可以互相转换。

仍以“搭建组合.IPE”项目为例。在生成组合构件后，我们在页面1和页面2中分别进行了调用。那么如何使它成为公用组合构件，使其它项目也能调用该组合构件呢？

具体建立方法是：主控窗口的【设置】菜单→【公用组合构件】项。

单击“增加”按钮，弹出“选择文件对话窗口”，选择“搭建组合.IPE”文件。如图2.14所示。

此主题相关图片如下：

公用组合构件的调用

设置了公用组合构件，下一步就是要调用它。启动“网站搭建者”，细心的读者会发现，在构件板中新增了一页，而页名称正是“搭建组合”。如图1所示。

此主题相关图片如下：

调用“公用组合构件”中的页面

在设计公用组合构件时，“页面”窗口显然是没意义的，因为其它页面文件只需要，而且也只能使用组合构件。并且在组合构件中进行事件设置时，也不能操作“页面”窗口。如图1所示。在一个“公用组合构件”页面文件中，如果含有“页面”窗口，那么在其它页面调用公用组合构件时，“页面”窗口始终处于隐藏状态。

那么为什么不允许在“组合构件”窗口中，操作“页面”窗口呢？我们知道在“页面”窗口中是要调用组合构件的。如果允许“组合构件”也能调用“页面”窗口，那么就会出现无限循环调用状态，导致项目陷入死循环。

但是细心的读者可能会发现，在“组合构件”窗口中是允许操作“数据模块”页面的。那么为什么允许在“组合构件”窗口中，操作“数据模块”窗口呢？这是因为“数据模块”窗口是不能放可视构件的，而组合构件是可视的，因此它根本不可能放置在数据模块中。

此主题相关图片如下：

由此我们知道，在“组合构件”窗口可以操作“数据模块”窗口，而“数据模块”窗口，则可以操作“页面”窗口，那么我们可以变通操作方式，利用“公用事件”构件间接达到“组合构件”窗口操作“页面”窗口的目的。

在网站设计时，页脚往往包含了设计公司的介绍信息，如公司介绍、联系我们等。设计页脚时，如果调用了公用组合构件，我们可以把公用组合构件中闲置的“页面”派上用场，令它作为如公司介绍、联系我们等大幅文字的显示窗口。

在“组合构件”窗口中，拖放连接标签1与连接标签2构件；在“数据模块”窗口拖放“公用事件”构件；在“页面1”中，通过“文本”构件录入公司信息；在“页面2”中，通过“文本”构件录入联系我们信息。

设置“数据模块1”窗口的公用事件构件。

“甲事件”事件设置，如图2所示。

此主题相关图片如下：

“乙事件”事件设置，执行页面2的方法‘可见’。

当在“组合构件”中，单击“连接标签1”时，事件设置如图3所示。

此主题相关图片如下：

当在“组合构件”中，单击“连接标签2”时，执行公用事件的方法‘执行乙事件’。

然后将整个项目文件，设置成“公用组合构件”。在主页项目文件中，拖放公用组合构件到页面中，运行主页项目即可以看到调用“公用组合构件”的“页面”窗口的情况了。