组件搭建页面由编辑区、全局工具、组件面板和配置面板和四部分组成。

页面蓝色区域，显示当前状态页面内容，分为边栏、工具栏和内容区。编辑区可以通过鼠标选中、大纲树节点选择或右键功能选择想要选中的区域并进行编辑。

全局工具支持手机模式切换，支持预览、撤销、保存、推出等基本操作，也可以通过【页面配置】修改页面配置信息。【历史版本】支持查看编辑保存日志，并恢复已保存版本实现页面配置回滚。

大纲

可以通过大纲，选中不同层级的组件，从而进行组件属性的设置

组件

展示组件的组件面板，可以从中选择要添加的组件拖拽到指定的区域中。

通过编辑区的添加图标也可以唤起组件列表，这里会有对组件的简要介绍，并且包含平台的所有组件。部分新增的组件也会优先在这里展示。

代码

也可以通过代码模式，直接对 amis 配置代码进行编辑，具体 amis 配置文档可看：https://baidu.gitee.io/amis/docs/index

主要实现组件属性的可视化配置，配置信息会随着组件的不同而变化。

以增删该查组件为例，需要配置的项包括：

• 增删改查

  • 常规：基础功能配置，如查询条件、批量操作、单条操作、同步地址栏、默认参数、保留条目选择、指定主键等
  • 外观：可配置内容展现方式、顶部工具栏配置、底部工具栏配置、快捷工具配置和 CSS 设置等
  • 其他：页面基础设置配置，如数据源、页面信息字段等
• • 常规：标题和表格列设置
  • 其他：数据显隐配置