上云无忧 > 文档中心 > 百度智能云爱速搭低代码平台 - 页面搭建流程
爱速搭低代码平台
百度智能云爱速搭低代码平台 - 页面搭建流程

文档简介:
通过组件搭建完成的页面主要包括两部分:添加组件和配置信息。 添加组价: 新建一个普通页面,进入页面编辑环境。 2、点击左侧【组件】打开组件面板。 选择一个增删改查组件,并拖拽到页面内容区域。在弹出的页面中配置数据信息:ID、渲染引擎、浏览器、平台、版本、级别。
*此产品及展示信息均由百度智能云官方提供。免费试用 咨询热线:400-826-7010,为您提供专业的售前咨询,让您快速了解云产品,助您轻松上云! 微信咨询
  免费试用、价格特惠

通过组件搭建完成的页面主要包括两部分:添加组件和配置信息。

添加组价

  1. 新建一个普通页面,进入页面编辑环境。

2、点击左侧【组件】打开组件面板。

  1. 选择一个增删改查组件,并拖拽到页面内容区域。在弹出的页面中配置数据信息:ID、渲染引擎、浏览器、平台、版本、级别。

如果初始状态下未完成字段配置,可以通过点击大纲树中的组件【增删改查】然后右键打开快捷操作。

说明:右键快捷操作在编辑器环境下都可以使用,选中的层级和组件不同,支持的操作项也有不同。

  1. 配置字段后可以看到如下效果。

  1. 然后为页面增加一些基础功能。打开查询条件,添加两个批量操作按钮。

  1. 点击左侧编辑区的按钮,在右侧的配置面板中进行操作配置。

  1. 然后配置按钮的动作为“发送请求”,并且填入目标 API,并完善确认文案。类似的方法完成批量修改按钮的配置,平台支持 13 种动作类型,能满足主要按钮场景的需求。

  1. 下一步配置查询条件,选中查询表单组件,打开右侧配置面板。

  1. 完成字段配置和字段名绑定,配置筛选条件为:渲染引擎,字段名为 engine。

  1. 在文本框配置中,打开 addOn,按钮类型改为【提交】。

  1. 删除 label 就可实现文本框名称显示。

  1. 然后保存,这个页面的配置过程就完成了。退出后可看到效果。

说明:上述示例中配置的接口是没有数据的,因此表中无数据信息。

相似文档
  • 组件是爱速搭平台的核心能力之一,平台支持上百种组件,并实现了根据选中组件的不同进行分组展示,让组件选择和拖拽更加方便。 页面设计器默认展示的可选组件主要分为:
  • React、Vue、jQuery 组件都可以通过自定义组件的方式引入,但 Angular 不行,因为 Angular 本身是一个框架,它除了 UI 以外还内置了路由和数据请求等功能,导致 Angular 组件并不能直接嵌入到其它框架中。
  • 模型组件简介: 目前爱速搭平台支持的模型组件有两种,模型列表和模型表单, 分别对应增删改查列表和单条数据的填写/查看/更新等功能 模型组件的使用方法: 在关系型数据库中新建一个数据模型。
  • 多端编辑模式: 页面编辑器默认打开 PC 页面编辑环境,如需配置手机端页面需要先切换到手机页面模式。点击顶部全局工具的【手机】即可进行切换,再次点击为返回 PC 模式。
  • 除了使用爱速搭内置的组件以外,还可以通过创建自定义组价,扩充可使用的组件。 前提条件: 需要对 amis 整体概念有一定的了解,可以查看 这里。 需要有一定的 JavaScript 基础。 至少能够熟练使用 React、Vue、jQuery 中任意一门框架。
官方微信
联系客服
400-826-7010
7x24小时客服热线
分享
  • QQ好友
  • QQ空间
  • 微信
  • 微博
返回顶部