检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
中划线和正斜杠组成， 且以英文字母开头。 单击“选择模板”，在右侧展开面板中选择模板。 图1 选择模板 单击“确定”，完成模板选择。 鼠标悬浮在页面模板图标上，将显示操作按键，可对选择的模板进行预览、更新和删除。 图2 模板更新删除 （可选）页面生命周期配置。 单击“添加页面生命周期”。
这里会注入样式面板编辑的样式 */ } 查看CSS编辑页面，可见已存在 .test和 .test:hover两条样式记录。 鼠标悬浮在组件上查看样式切换效果。 父主题： 样式设置
前端应用”。 单击应用模块内的“开发应用”，进入设计器。 在左侧插件栏中，单击，进入“页面管理”页面。 鼠标悬浮在待复制的页面名称上，将显示设置按钮。 单击，进入页面设置页面。 鼠标悬浮在待恢复的历史备份记录上，将显示操作按钮。 单击“还原”。 图7 还原页面 在弹框中，单击“确定”，完成页面历史记录还原。
}, 3000); } 单击“保存”，绑定事件完成。 查看预览效果 在顶部工具栏单击保存，保存页面配置。 在顶部工具栏单击预览，进入预览页面。 图2 预览页面 单击预览页面的按钮，查看效果。 图3 单击后效果 父主题： 使用工具类方法
下载自定义组件物料包 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 物料中心”。 鼠标悬浮在待更新的物料包上，将显示操作图标。 单击下载按钮，将物料包下载回本地环境。 图1 下载物料包 父主题： 物料中心
查看自定义组件物料包 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 物料中心”。 鼠标悬浮在待更新的物料包上，将显示操作图标。 单击预览按钮，进入物料包详情页面。 图1 查看物料包详情 查看物料包基础信息，包括物料包名称，物料包版本，描述，创建人，及导入时间。
更新自定义组件 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 物料中心”。 鼠标悬浮在待更新的物料包上，将显示操作图标。 图1 显示操作图标 单击更新按钮，进入更新物料包页面。 单击“点击上传”，重新上传本地已打包好的物料包。
单击“循环数据”后的，进行变量绑定。 选择绑定的变量，单击“确定”。 图2 绑定变量 为展示内容添加变量，默认为item。 绑定成功后，查看渲染效果。 图3 添加变量 图4 查看渲染效果 相关概念关联： 循环数据，即需要循环渲染的数组，在这里是state.imageList。 迭代变量名，在循环渲染子项对应的变量名，默认为item。
单击“是否渲染”后的，进行变量绑定。 图2 绑定变量 选项绑定的变量，单击“确定”。 绑定成功后可根据变量state.isLogin的值，查看渲染效果。 图3 state.isLogin为false时 图4 state.isLogin为ture时 父主题： 高级设置
单击待编辑应用模块内的“开发应用”，进入设计器。 在左侧插件栏中，单击，展开JS页面。 在JS页面中添加getA方法。 在左侧插件栏中，单击，进入“页面管理”页面。 鼠标悬浮到当前页面名称上，将显示操作按钮，单击，进入页面设置页面。 单击“添加页面生命周期”，选择setup。 在setup函数使用getA()，单击“保存”。
块。 DDD：和单Module一样，工程目录结构只有一个模块。 图3 工程目录不同类型设置效果 module添加服务名前缀：配置为“是”时，模块名称前会添加服务名前缀。 图4 开启前后效果 设置部署信息。 图5 设置部署信息 服务部署脚本 配置服务部署脚本为Astro Pro专业
步骤2：框架配置 框架配置和基本配置一样，需要您根据实际情况进行勾选配置，不同的配置会呈现不同的效果。 是否启用模板，默认不启用，如需启用，在下拉框中选择已创建的模板。创建模板具体操作请参考创建架构模板。 选择模板后，模板配置将自动带入包括“框架配置”和“生成策略”。 选择参考框架。
PRIMARY KEY (`id`) ) COMMENT = 'alias("workspace10")'; 标签使用效果： 表名别名效果： 字段别名效果： 字段数据类型标签 在comment中使用函数形式标识字段的数据类型，标识作用于表中字段，可使标识字段数据类型在模型中修改为标识类型。
代码风格 > 工程目录”中可进行定义，生成效果差异如图5所示。本示例采用默认配置即“base/service”样式，关于“单Module”和“DDD”样式的代码目录结构说明，请参见服务开发框架详解。 图4 设置代码风格 图5 工程目录不同类型设置效果 父主题： 创建企业核心应用
x-query-param-body: CardQo #此处设置了x-query-param-body parameters: ------ 使用效果： 使用前： ResponseEntity<Message<PageInfo<Card>>> listCards( @RequestObject
画布中选中组件，在组件属性设置面板选择“样式”。 单击行内样式的编辑框。 在弹框中直接编写行内样式。 图1 编写行内样式 单击“保存”，完成行内样式编辑。 图2 效果展示 编写全局样式 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端应用”。 单击待编辑应用模块内的“开发应用”，进入设计器。
业务需求直接在界面勾选，不同的配置会呈现不同的效果。例如，“生成策略 > 代码风格 > 工程目录”设置不同，生成的代码目录结构也会有所不同。 图2 设置代码工程目录结构 图3 单Module和base/service生成代码目录效果 业务设计：AstroPro提供的核心能力，是用
背景：设置组件背景，背景图、渐变类型、颜色及裁剪方式。 图6 设置背景 边框：设置边框的位置、颜色、位置宽度以及是否为圆角。 图7 设置边框 效果：设置组件的透明度、轮廓样式及光标样式。 图8 设置显示效果 样式设置完成后，设计器会自动完成以下动作。 如果当前样式在选择器中没有选中任何一个类名或者ID，会自动生成随机类名。
50px。 选择右侧容器，并在右侧属性设置面板选择“样式”，布局选择“flex-弹性布局”，主轴/辅轴对齐设置为“水平居中”。 图7 布局效果 将一个Box组件拖拽至6的容器内，在右侧属性设置面板选择“样式”，高度设置为30px，布局选择“flex-弹性布局”，主轴对齐设置为“水平居中”。
样式”。 单击行内样式的编辑框后的。 在弹框中进行变量绑定。 图2 绑定变量 单击“确定”，变量绑定完成。 通过修改变量，查看组件样式展示效果。 图3 修改前样式 图4 修改变量 图5 修改后样式 父主题： 样式设置
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
