检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
使用模板创建页面 使用已创建的模板，一键生成页面，轻松实现个性化网站构建，节省时间，提高效率。 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击应用模块内的“开发应用”，进入设计器。 在左侧插件栏中，单击，进入“页面管理”页面。
组件是低代码开发的构建块，就像积木一样。它们是可重复使用的小部件，可以轻松搭建和管理网页。举个例子，按钮、导航栏和表单都可以是组件。这有助于您快速搭建网站。 下面介绍如何在低代码中使用组件，实现页面快速搭建。 从物料面板中添加组件 参考登录AstroPro界面中操作，登录AstroPro界面。
登录AstroPro界面 前提条件 已参考购买基础版实例、购买专业版实例或购买企业版实例中操作，购买AstroPro实例。 操作步骤 使用华为账号，登录华为云网站。 在顶部导航栏右侧单击“控制台”，进入华为云控制台。 在“产品”中，选择“开发与运维 > 低代码平台 Astro > Astro企业应用
面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 选择待操作应用，单击模块内的“开发应用”，进入设计器。 单击顶部工具栏的“下载源码”按钮。 选择下载路径。 选择生成到本地的文件。 您可以选择全量或指定部分文件内容。 图1 选择生成文件 单击“确定”，代码将下载至本地路径。
单击应用模块内的“开发应用”，进入设计器。 在设计器中可根据您的需求设计前端页面，可参考设计前端应用流程进行开发。 单击顶部工具栏的“下载源码”按钮，可根据配置的页面设计，生成应用的基本代码。 代码生成后，会下载至本地，供您使用。 删除前端应用 参考登录AstroPro界面中操作，登录AstroPro界面。
图8 设置组件高级属性 步骤五：生成代码 根据配置的页面设计，生成应用的基本代码。代码生成后，会下载至本地，供您使用。 单击顶部工具栏的“下载源码”按钮。 选择下载路径。 选择生成到本地的文件。 图9 选择生成文件 单击“确定”，代码将下载至本地路径。 父主题： 前端应用管理
InstanceManagement”系统策略，如图2。 图1 通过用户组为用户授权 图2 自定义用户组必须具备权限 用户申请角色 IAM用户1，登录华为云网站。 在顶部导航栏右侧单击“控制台”，进入华为云控制台。 在“产品”中，选择“开发与运维 > 低代码平台 Astro > Astro企业应用
单击后可展开左侧插件栏的设置插件，设置当前页面属性。 ：单击可进行画布中英文切换。 ：多终端工具切换，可切换画布宽度。 ：页面预览，打开新Tab预览当前页面。 下载源码：将当前页面数据转换并下载代码到本地。 左侧插件栏 ：物料插件，提供设计所需组件，拖拽组件至画布中进行页面设计，具体操作请参考使用组件。 ：大纲树插件，可查看页面大纲树。
设置页面。 单击“添加页面生命周期”，选择setup。 在setup函数使用getA()，单击“保存”。 出码结果 在顶部工具栏单击“下载源码”，查看出码结果。 <template> <div> <span>{{ state.testValue }}
InstanceManagement”系统策略，如图3。 图2 通过用户组为用户授权 图3 自定义用户组必须具备权限 用户申请角色 IAM用户2，登录华为云网站。 在顶部导航栏右侧单击“控制台”，进入华为云控制台。 在“产品”中，选择“开发与运维 > 低代码平台 Astro > Astro企业应用
单击顶部工具栏的，保存页面设计。 步骤四：生成代码 根据配置的页面设计，生成应用的基本代码。代码生成后，会下载至本地，供您使用。 单击顶部工具栏的“下载源码”按钮。 选择下载路径。 选择生成到本地的文件。 图10 选择生成文件 单击“确定”，代码将下载至本地路径。
本章节帮助您了解自定义模板结构及开发流程。 模板结构介绍 public文件夹通常是用来存放Web应用程序的静态资源。 src文件夹是用来存放源代码文件，它包含assets和components两个子文件夹。 assets：作为存放项目特定资源的地方。 components：用来存放应
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
