为了最大程度的提供定制化，我们生成的组件提供一个页面定制系统。默认情况下，一个功能系统会提供5个页面。前台3个页面（数据列表页面，数据详情页面，提交数据表单页面），后台两个页面（数据列表页面，数据管详情表单页面）。通过对这个5个页面进行定制，基本上能够满足大多数的使用情况。

1，界面定制操作页面

   组件发布第一个版本后，在功能的详情页会出现一个界面定制选项卡，打开该选项卡可以对界面进行定制。截图如下：

2，界面操作设计原则

界面设计采用的是典型的格子系统。基本的使用逻辑是：首先需要添加行，然后将一行分割成12份，每一份就是一个格子，最后我们可以将字段放到格子中去。（当前的版本并不支持行嵌套，后续会逐渐加上。）

2.1 点击添加行按钮后，会弹出行选项，提示这一行需要分成多少列格子（平均分）。如图：

行添加完成后，就会出现可以放置内容的小格子。只需要将字段拖动到对应的格子，即可完成界面的布局。如图：

按照实际的需要，进行配置，最后完成的效果如图：

布局完成后，点击发布一个新的版本，然后在组件的控制面板中检查新版本，就可以看到组件的修改了。

3，其他的说明

1，对于列表页面，包括前台和后台的列表页面。系统提供字段是否显示和字段排序的功能。对于一个典型的列表页面，如图：

我们可以在界面设计中通过将左边的字段拖动的右边，来控制是否在列表中显示，通过拖动字段的顺序，可以调整字段的显示顺序。

2，对于表单页面（包括前台和后台表单）.系统提供字段的显示控制，显示位置控制。如图：

只有拖动到右边的字段才会显示，另外，可以通过拖动行，或者列来改变字段的位置。

4，展示页面

对于组件后台，直接进入到组件的管理界面中即可看到后台界面的效果，无需做设置。所有的组件都具有统一的风格。

1，后台典型的列表页面：

2，后台数据详情页面：

 对于组件的前台，我们需要通过创建菜单项来查看效果。组件默认提供3种菜单项类型。分别是列表页面，详情页，和表单页面。这3种类型也分别对应了界面设计选项卡中3个界面。

在菜单管理中，新建一个菜单项，选择组件所提供的菜单项类型如图：

1，前台典型的列表页面：

2，前台数据详情页面：

3，前台数据表单页面：