微页面设计器
Steedos 平台的微页面设计器,是一个强大的界面,允许用户以拖放的方式来设计和定制他们的应用页面。
在Steedos集成的设计器中,包括以下不同类型组件可供用户使用:
- 原生组件:Steedos适配原生百度amis标准组件可控用户进行设计使用;
- 魔方组件:针对Steedos系统页面标准化的相应组件,如列表视图、对象表格、相关表等组件,相比较原生组件,魔方组件只需要简单配置即可使用;
- 自定义组件:Steedos平台支持用户自定义组件功能,组件发布成功后,设计器即可使用。
新建微页面
请先进入“设置”应用,点击左侧“用户界面->微页面”菜单,然后点击右上角的新建按钮即可开始新建微页面。
- Api名称:请输入不与其他微页面重名的Api名称。
- 名称:请输入微页面显示名称。
- 渲染器:请选择Amis。
- 状态:用于控制微页面是否可用。
- 对象:类型为“记录页面”、“列表页面”和“表单”时,需要选择要绑定的对象。
新建“表单、列表页面、记录页面”这三种类型的微页面时会自动生成一个设计好的默认 页面版本 供用户二次开发。
设计页面
微页面新建好后,我们就可以点击右上角名为“设计器”的按钮打开微页面设计器来设计页面。
-
访问设计器: 在Steedos平台中,导航至您希望编辑的微页面,然后选择“设计器”来启动设计器。
-
界面布局: 页面设计器提供了多种布局选项,允许您为不同的设备(如桌面、平板或手机)创建和定制页面布局。
-
选择组件: 使用侧边栏,您可以浏览不同的标准组件(如列表视图、报告图表、按钮等)和自定义组件。只需将这些组件拖放到页面布局中的指定区域。
-
配置组件: 点击页面上的组件,然后使用属性面板进行详细配置。您可以设置组件的数据源、格式和交互行为。
-
页面预览: 利用页面设计器顶部的预览选项,查看页面在不同设备和屏幕尺寸下的显示效果,确保响应式设计的一致性。
-
保存与测试: 在完成页面设计后,保存您的工作并在沙盒环境中进行测试,以确保新页面按预期工作。
-
发布页面: 测试无误后,您可以发布页面,使之成为特定应用的一部分。发布时,您可以选择页面对用户的可见性,例如只对管理员或特定角色的用户可见。
页面设计器的高级功能
-
动态显示: 设置规则来控制特定条件下组件的显示或隐藏,从而创建动态、交互式的用户体验。
-
定制组件: 对于有特定需求的用户,您可以使用 react 来创建完全定制的组件。
-
版本控制: 通过版本控制功能,您可以管理页面的不同版本,并在需要时回滚到以前的版本。
-
权限设置: 根据用户的权限设置来调整页面布局和可用组件,确保用户只能看到他们被授权访问的信息。
最佳实践
-
用户体验优先: 设计页面时始终考虑最终用户的体验,确保布局直观且易于导航。
-
性能考量: 避免在一个页面上使用过多的组件,这可能会影响页面的加载时间和性能。
-
持续迭代: 随着业务需求的变化,定期回顾和更新页面设计,以保持应用的相关性和有效性。