检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
行内绑定状态变量 使用说明 设计器提供了一种功能,允许使用定义变量来动态计算组件的位置。这些计算结果随后可以直接应用到组件的行内样式style属性中,从而实现动态样式的调整和布局的优化。 操作步骤 参考登录AstroPro界面中操作,登录AstroPro界面。 在左侧导航栏中,选择“前端开发平台
配置高级设置 条件渲染 循环渲染 绑定事件 父主题: 前端应用管理
单击“页面管理”的新增页面按钮。 设置页面基本属性。 选择页面类型:可选“静态页面”或“公共页面”。 页面名称:只允许包含英文字母,且以大写开头驼峰格式,如DemoPage。 选择文件夹:下拉框中选择文件夹名称。 路由:输入路由信息,只允许包含英文字母、数字、下划线、中划线和正斜杠组成,
在左侧导航栏中,选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”,进入设计器。 拖拽组件至画布,例如拖拽一个“段落”组件。 添加变量,例如loop.isLogin,具体操作可参考添加页面变量。 图1 添加变量 选中组件,在组件属性设置面板选择“高级”。 单击“循环数据”后的,进行变量绑定。
配置样式设置 通过样式面板配置样式 直接编写样式代码 类名管理 使用状态选择器 行内绑定状态变量 父主题: 前端应用管理
配置属性设置 使用说明 添加组件后您可以通过右侧的属性设置面板,对当前选中组件进行属性设置。 参数说明 通用参数: id:规定HTML元素的唯一的id。 className:用于属性定义元素的类名;通常用于指向样式表的类和JavaScript中。 ref:接受一个内部值,返回一个
在弹框中查看转换规则组详情。 图1 查看转换规则组 执行框架转换 参考登录AstroPro界面中操作,登录AstroPro界面。 在左侧导航栏中,选择“后端开发平台 > 框架转换”。 在框架转换规则组列表中选择对应的转换规则组,单击“操作”列“执行”。 配置转换基本信息。 导入文件:选择本地待转换的文件。
在左侧导航栏中,选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”,进入设计器。 拖拽组件至画布,分别输入希望展示的文字。 添加变量,例如state.isLogin,具体操作可参考添加页面变量。 图1 添加变量 选中组件,在组件属性设置面板选择“高级”。 单击“是否渲染”后的,进行变量绑定。
参考登录AstroPro界面中操作,登录AstroPro界面。 在左侧导航栏中,选择“前端开发平台 > 前端应用”。 单击待操作应用模块内的“开发应用”,进入设计器。 画布中选中组件,在组件属性设置面板选择“样式”。 单击全局样式选择框类名旁的删除按钮。 删除后当前组件属性不再绑定该类名。 父主题: 类名管理
参考登录AstroPro界面中操作,登录AstroPro界面。 在左侧导航栏中,选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”,进入设计器。 画布中选中组件,在组件属性设置面板选择“样式”。 单击全局样式选择框的类名或者单击类名旁边的修改按钮,重新输入类名,例如.test123。 单击回车键,类名修改完成。
在左侧导航栏中,选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”,进入设计器。 选中组件,在组件属性设置面板选择“高级”。 鼠标悬停在“绑定事件”上,将显示事件列表。 在事件列表中,单击需要绑定的事件。 在弹框中设置绑定事件。 可以选择已有方法或者添加新方法,如果选项添加
类名管理 新增类名 修改类名 删除类名 选择已有类名 父主题: 配置样式设置
参考登录AstroPro界面中操作,登录AstroPro界面。 在左侧导航栏中,选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”,进入设计器。 画布中选中组件,在组件属性设置面板选择“样式”。 单击全局样式的输入框,输入类名,例如.test。 类名不能以数字开头。 绑定组件属性元素ID:使用格式
可见性。 图4 设置定位 文本:设置文本的字号、字体、行高、字重、颜色、对齐方式、风格及修饰。 图5 设置文本 背景:设置组件背景,背景图、渐变类型、颜色及裁剪方式。 图6 设置背景 边框:设置边框的位置、颜色、位置宽度以及是否为圆角。 图7 设置边框 效果:设置组件的透明度、轮廓样式及光标样式。
画布中选中组件,在组件属性设置面板选择“样式”。 单击行内样式的编辑框。 在弹框中直接编写行内样式。 图1 编写行内样式 单击“保存”,完成行内样式编辑。 图2 效果展示 编写全局样式 参考登录AstroPro界面中操作,登录AstroPro界面。 在左侧导航栏中,选择“前端应用”。
参考登录AstroPro界面中操作,登录AstroPro界面。 在左侧导航栏中,选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”,进入设计器。 画布中选中组件,在组件属性设置面板选择“样式”。 在全局样式选择框中选择已有的类名,例如 .test1、.test2、.test3等。 通过
用户自定义认证使用 工作原理 引入devspore-auth-starter依赖后,会在SDK内自动注册认证Filter:AuthAuthenticationFilter。 调用业务接口时会自动执行已注册的认证Filter,AuthAuthenticationFilter.doFilt
单击待编辑应用模块内的“开发应用”,进入设计器。 画布中选中组件,在组件属性设置面板选择“样式”。 在全局样式选择框中选择已有的类名或创建新类名,例如 .test,并设置全局样式,此时状态选择器默认为None。 在状态选择器下拉框中选择状态,例如hover,并设置全局样式。 从全局
可以是组件。这有助于您快速搭建网站。 下面介绍如何在低代码中使用组件,实现页面快速搭建。 从物料面板中添加组件 参考登录AstroPro界面中操作,登录AstroPro界面。 在左侧导航栏中,选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”,进入设计器。 在左侧插件栏中,单击,展开物料资产包。
在业务设计页面,从“business”中,拖拽“BO”对象至画布空白区域。选中对象,在右侧页面设置对象属性,如图1所示。 图1 BO 对象名称:设置对象的名称,必须使用大驼峰格式,不允许存在连续的大写字母。 中文名:设置BO对象的中文名称。 分库逻辑:设置BO数据分库(sharding)策略。 广播对象(BROAD