Previous topicNext topic
WebBuilderX > 菜单项内容设置 >
子页面模块

子页面模块是通过WebBuilderX提供的一系列组件动态生成页面的。这是本套软件的核心,通过子页面模块,我们可以无需编写任何代码就能快速搭建出自己所需要的页面来!

如下例,先在功能项定义中点击“增加菜单项”,一级菜单选择“设计页面”,二级菜单写为“测试页面”,页面类型选择“子页面模块”:

当把鼠标移动到“内容定义”列时,单元格右侧将出现可单击的设置按钮:

单击该按钮,将弹出页面设计窗口:

这样就进入了子页面设计模块。

由上图可以明显看出,子页面设计其实就分为两大块:左侧的“容器”及右侧的“组件”,它们也是子页面设计所需要用到的两种最基础的东西:

  • 容器部分。容器决定页面中的内容布局和显示方式,左侧的空白区域将显示当前页面所用到的全部容器列表。在左下方有4个操作按钮,其作用分别是添加容器、删除容器以及容器的上移和下移。
  • 组件部分。组件用于构成容器中的每一个具体内容,也被称为元素。

很显然,要设计页面,其顺序应该是:先添加容器,然后再往容器里添加组件元素。关于此类页面的开发说明,请参考“子页面容器类型”和“子页面组件元素”。