检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
假如有一个前端工程: - project - views |_ Index.vue - Page2.vue - TodoFolder |_ Todo.vue 设计器的页面概念就相当于上述工程
面。 在左侧导航栏中,选择“前端开发平台 > 前端应用”。 在应用列表中选择待操作的应用,单击。 在弹框中重新编辑应用名称及应用描述。 图2 编辑应用 单击“确定”,完成应用编辑。 开发前端应用 参考登录AstroPro界面中操作,登录AstroPro界面。 在左侧导航栏中,选择“前端开发平台
单击待编辑应用模块内的“开发应用”,进入设计器。 画布中选中组件,在组件属性设置面板选择“样式”。 在全局样式选择框中选择已有的类名,例如 .test1、.test2、.test3等。 通过下拉框选择切换类名,组件将切换至类名绑定的对应样式。 父主题: 类名管理
画布中选中组件,在组件属性设置面板选择“样式”。 单击行内样式的编辑框。 在弹框中直接编写行内样式。 图1 编写行内样式 单击“保存”,完成行内样式编辑。 图2 效果展示 编写全局样式 参考登录AstroPro界面中操作,登录AstroPro界面。 在左侧导航栏中,选择“前端应用”。 单击待编辑应用模块内的“开发应用”,进入设计器。
onClickNew(eventArgs, extParam1, extParam2, ...)。 图1 设置绑定事件 单击“确定”,弹出JS面板,刚创建的onClickNew事件已存在JS面板中。 在JS面板中编写绑定方法的具体逻辑。 图2 实现逻辑编写 单击“保存”,绑定事件完成。 创建普通方法在生命周期中使用
高可用中间件SDK 支持 支持 支持 安全 支持 支持 支持 三方依赖管理 支持 支持 支持 Astro企业应用套餐包含的功能,请参见表2。 表2 Astro企业应用套餐功能说明 功能名称 功能描述 实体个数 组织内创建的对象实体总数。 应用数 创建的应用数量。 高低代码混合开发
在左侧插件栏中,单击,展开数据源管理页面。 单击,展开设置数据源页面。 配置数据源类型(可选对象数组、树结构),数据源名称以及数据源字段。 图1 创建数据源 图2 新增数据源字段 单击“保存”,完成数据源创建。 绑定数据源 数据源主要载体为Collection组件,因此在使用数据源之前需要先在画布中拖
前端应用”。 单击应用模块内的“开发应用”,进入设计器。 在左侧插件栏中,单击,展开国际化资源页面。 选择待操作的词条,单击“操作”列的。 图2 编辑词条 重新编辑key值,及词条中文和英文内容。 单击页面空白处,完成国际化词条编辑。 单个删除国际化词条 参考登录AstroPro界面中操作,登录AstroPro界面。
选择已设计完成的页面,单击顶部工具栏。 在弹框中输入页面模板标题及模板描述。 图1 设置模板信息 单击“确定”,完成发布页面模板。发布完成后,可在模板管理中查看。 图2 查看页面模板 父主题: 前端应用管理
状态管理插件,可添加页面变量和添加全局变量,供页面及应用使用。 单击插件按钮后会向右展开对应插件设置面板。例如,单击,将展开物料资产包。 图2 展开物料资产包 中间画布区 中心画布位于设计器中央,是可视化设计的核心模块。 您可以在插件栏的物料面板中,将组件拖拽至中心画布内进行页面设
有资源,不具备其他权限。 例如,给“IAM用户1”赋予工作空间管理员权限,给“IAM用户2”赋予项目A中的项目管理员权限,则“IAM用户1”可以增删改查本工作空间下的所有资源,“IAM用户2”仅可对工作空间中的项目A执行增删改査等操作,而“IAM用户3”未赋予任何角色,则只能查看本工作空间下的资源。
isLogin,具体操作可参考添加页面变量。 图1 添加变量 选中组件,在组件属性设置面板选择“高级”。 单击“是否渲染”后的,进行变量绑定。 图2 绑定变量 选项绑定的变量,单击“确定”。 绑定成功后可根据变量state.isLogin的值,查看渲染效果。 图3 state.isLogin为false时
选择物料包封面,默认为导入时选择的封面。 图1 导入物料包 单击“确定”,完成物料包导入。 导入成功后,可进入前端应用设计器,直接拖拽物料资产包中自定义组件进行页面设计。 图2 导入成功 图3 查看并使用自定义组件 父主题: 物料中心
单击,展开设置数据源页面。 选择数据源类型(可选对象数组、树结构),并输入数据源名称。 图1 创建数据源 单击“新增字段”,添加静态数据源。 图2 添加静态数据源 单击“保存”,完成数据源字段添加。 单击“保存”,完成数据源创建。 父主题: 数据源管理
application="devspore-application2",name="xxxx",} 0.013787109469182268 application_cpu_usage{age="yyy",application="devspore-application2",name="yyyy",} 0.4807864361390415
“eye-invisible-隐藏”六种形式,请按需选择。 图1 设置布局 间距:默认间距为0,可单击待设置的间距数值进行自定义修改。 图2 设置间距 尺寸:设置组件的宽高,溢出处理策略及适应方式。 图3 设置尺寸 定位:设置组件位置和大小如何计算方式。 默认定位:没有特别的定位
单击待编辑应用模块内的“开发应用”,进入设计器。 在左侧插件栏中,单击,展开物料资产包。 在物料资产包中选择组件,并拖拽至中心画布中。 图1 添加组件 图2 添加组件 从画布中直接添加组件 对于复杂的页面,嵌套层级可能很深,直接拖拽并不能很好的拖入到指定的层级中,所以,设计器提供在画布中右键精准添加组件的能力。
true/false 对象: {"name": "xxx"} 数组: ["1", "2"] 空值: null JS表达式: (“初始值类型”需要选择“JS表达式类型”) 示例1: t('i18nkey1') 示例2: function fnName() {} 示例3: { getValue:
开发平台 > 服务管理 > 服务”。 选择已创建的项目和服务组,单击“新建服务”。 图1 新建服务 设置服务的基本信息,单击“确定”。 图2 设置服务基本信息 服务名称:设置待添加服务的名称,生成的服务代码压缩包和解压后的文件会以此命名。服务名称由英文字母、数字或“-”组成,且必
参考登录AstroPro界面中操作,登录AstroPro界面。 在左侧导航栏中,选择“后端开发平台 > 服务管理 > 服务”。 选择项目和服务组,单击“新建服务”。 图2 新增一个服务 设置服务的基本信息。 图3 设置服务基本信息 服务名称:设置待添加服务的名称,由英文字母、数字或“-”组成,且必须以字母开头,一般采用驼峰格式,长度最低为两位。