ZKEACMS布局

ZKEACMS重新定义了布局，但什么是布局呢？简单的说，布局就是页面框架，脚手架。

为什么需要布局？

页面的组成，总不是一成不变的，不同的页面会有不同的结构，但很多页面会有相同的结构，所以不应当为每个页面划分结构，可以共享布局，这样可以更方便的管理页面。

布局的作用

1. 划分页面构，使页面结构清晰
2. 共享页面结构，不同的页面使用相同的布局可以得到相同的结构
3. 共享页面内容，内容添加到布局中，所有使用这个布局的页面都会显示该内容

布局管理

ZKEACMS提供了一个可视化的“工具”可以轻松的创建和规则布局。通过简单的拖拉操作，就可以快速的创建一个页面布局。

布局设计基本操作

1. 将容器拖入页面中，一个页面里面可以有多个容器

2.将行拖入容器中，每个容器都可以有多行

3.将列拖入行中，列宽决定了区域的大小

快速分区域

ZKEACMS中有预定义了一些常用的列宽，在向页面添加好容器以后，可直接将其拖入，一步到位。

布局中的区域

布局的结构划分完成以后，应当给每一个区域一个适合的名字，从而可以更方便的区分和使用它们。页面的内容将会加入到区域中，同一个区域可加入不同的内容。

设置区域样式

可以通过区域工具栏的自定义样式给区域添加样式，如背景等：

高级

对于有HTML基础的人，可以直接编辑布局

需要注意的是组件的区域内容，请使用<zone>标签，如果是新加的区域，ID和HeadingCode留空即可：

<zone>
    <input class="form-control" type="text" name="ZoneName" placeholder="输入名称" value="区域 6">
    <input class="form-control" type="hidden" name="LayoutId" value="1dae90cf6a8547538cc0c369b9943c01">
    <input class="form-control" type="hidden" name="ID" value="">
    <input class="form-control" type="hidden" name="HeadingCode" value="">
</zone>

相关视频

• ZKEACMS 如何进行布局设计
• 如何创建通屏布局