检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
通过样式面板配置样式 使用说明 添加组件后您可以通过右侧的属性设置面板,直接对当前选中组件进行样式设置,实现零代码设计。 通过样式面板配置样式 参考登录AstroPro界面中操作,登录AstroPro界面。 在左侧导航栏中,选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”,进入设计器。
登录AstroPro界面 前提条件 已参考购买基础版实例、购买专业版实例或购买企业版实例中操作,购买AstroPro实例。 操作步骤 使用华为账号,登录华为云网站。 在顶部导航栏右侧单击“控制台”,进入华为云控制台。 在“产品”中,选择“开发与运维 > 低代码平台 Astro >
创建前端应用 创建前端应用 参考登录AstroPro界面中操作,登录AstroPro界面。 在左侧导航栏中,选择“前端开发平台 > 前端应用”,单击“创建应用”。 输入应用名称及应用描述。 图1 创建应用 单击“确定”。 开发前端应用 参考登录AstroPro界面中操作,登录AstroPro界面。
应用场景 新服务构建 应用场景 应用场景复杂,缺乏软件架构设计能力,以及微服务开发能力。 开发能力不足,缺乏编码规范和安全编码意识。 对云上数据库、中间件和存储等服务不了解,缺乏云上服务对接能力。 价值 根据用户的诉求,快速帮助用户生成满足DDD领域驱动设计的框架代码,并且内置稳
"parentWhitelist": "", "descendantBlacklist": "", "ancestorWhitelist": "" }, "isNullNode": false, "isLayout":
直接编写样式代码 样式面板提供了可直接配置的样式,满足了大部分的基础样式需求。如果这些样式还是不能满足您的需求,AstroPro还提供了直接编写样式代码的方式来配置样式。 编写行内样式 等效于直接在html标签style属性里直接声明样式,权重高,用于覆盖样式。 参考登录Astr
添加工具类 在常规代码开发中,通常会将一些高频率用到的一些代码片段抽离出来业务代码,使其成为一个公共函数,减少重复的代码,从而达到代码复用的目的。 同样,在低代码开发中,不可避免地需要编写一些高代码进行组合开发,这里同样存在存储一些公共函数以供各处调用需求。工具类就是在这样的背景
样式设置 通过样式面板配置样式 直接编写样式代码 类名管理 使用状态选择器 行内绑定状态变量 父主题: 前端应用管理
资产库管理 配置架构模板 配置业务对象模板 配置自定义字段类型 配置客户端流控策略 配置连接器 父主题: 后端应用管理
查看大纲树 参考登录AstroPro界面中操作,登录AstroPro界面。 在左侧导航栏中,选择“前端开发平台 > 前端应用”。 单击应用模块内的“开发应用”,进入设计器。 在左侧插件栏中,单击,展开并查看页面大纲树。 图1 设置主页 父主题: 前端应用管理
使用JS面板 在常规代码开发中,您需要为某个区块或者某个元素添加一些事件,比如单击事件,同一个页面的事件会统一保存到对应的页面JS中。 很多时候您需要自定义一些方法去复用一些逻辑,也需要用到页面JS。 需要注意的是当前的页面JS只能使用声明函数,不能使用函数表达式声明函数,也不能在页面JS中定义其他的变量。
前端应用管理 初识应用设计器 设计前端应用流程 前端开发视频指导 创建前端应用 页面管理 使用组件 属性设置 样式设置 高级设置 查看大纲树 数据源管理 使用工具类方法 国际化资源管理 使用JS面板 变量管理 生成业务代码 发布页面模板 使用模板创建页面 页面模板管理 物料中心
编辑项目 使用说明 项目创建后,支持再次编辑项目的基本信息。创建项目时会自动创建一个和项目同名的服务组,修改项目名称时,已创建的服务组名称不会随之改动。 操作步骤 参考登录AstroPro界面中操作,登录AstroPro界面。 在左侧导航栏中,选择“后端开发平台 > 服务管理 >
选择已有类名 使用说明 除了自动生成和手动新增类名之外,您也可以通过输入框的下拉框来选择已有的类名。 操作步骤 参考登录AstroPro界面中操作,登录AstroPro界面。 在左侧导航栏中,选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”,进入设计器。
删除类名 使用说明 当类名不再使用,可进行删除操作。 操作步骤 参考登录AstroPro界面中操作,登录AstroPro界面。 在左侧导航栏中,选择“前端开发平台 > 前端应用”。 单击待操作应用模块内的“开发应用”,进入设计器。 画布中选中组件,在组件属性设置面板选择“样式”。
修改类名 使用说明 已创建的类名支持修改。 类名修改,需注意以下事项: 当前组件绑定的类名会被修改。 全局样式中同类名会被修改成新类名。 其他组件绑定的同类名不会被修改。 操作步骤 参考登录AstroPro界面中操作,登录AstroPro界面。 在左侧导航栏中,选择“前端开发平台
生成业务代码 使用说明 页面设计完成后,您可以根据配置生成应用的基本代码。代码生成后,会下载至本地,供您使用。 操作步骤 参考登录AstroPro界面中操作,登录AstroPro界面。 在左侧导航栏中,选择“前端开发平台 > 前端应用”。 选择待操作应用,单击模块内的“开发应用”,进入设计器。
发布页面模板 使用说明 页面设计完成后,您可以发布为页面模板。当您的业务与模板中的场景相似度较高时,可以直接使用该模板创建页面,并在模板的基础上继续改造页面。 前提条件 已完成页面设计并保存页面。 操作步骤 参考登录AstroPro界面中操作,登录AstroPro界面。 在左侧导航栏中,选择“前端开发平台
数据源管理 获取数据源远程字段 添加静态数据 使用数据源 父主题: 前端应用管理
使用工具类方法 添加工具类 npm utils使用示例 function utils使用示例 父主题: 前端应用管理