Astro企业应用 AstroPro
Astro企业应用 AstroPro
- 最新动态
- 功能总览
- 产品介绍
- 计费说明
- 快速入门
- 用户指南
- 开发指南
- 视频帮助
- 文档下载
- 通用参考
链接复制成功!
设计前端应用流程
前端应用可以由一个或多个页面组成一个完整的业务系统。在AstroPro中,通过创建应用、(可选)创建文件夹、创建页面、页面设计和生成应用代码五步,即可快速完成前端应用设计,具体流程如图1所示。
步骤一:新建一个应用
- 参考登录AstroPro界面中操作,登录AstroPro界面。
- 在左侧导航栏中,选择“前端开发平台 > 前端应用”,单击“创建应用”。
- 输入应用名称及应用描述。
图2 创建应用
- 单击“确定”,完成应用创建。
步骤二:新建文件夹
- 单击应用模块内的“开发应用”,进入设计器。
- 在左侧插件栏中,单击
,进入“页面管理”页面。
- 单击“页面管理”的新增文件夹按钮。
- 设置基本属性,如输入文件夹ID及设置路由。
图3 创建文件夹
- 单击“保存”,完成文件夹创建。
步骤三:新建一个页面
- 单击“页面管理”的新增页面按钮。
- 设置页面基本属性。
- 选择页面类型:可选“静态页面”或“公共页面”。
- 页面名称:只允许包含英文字母,且以大写开头驼峰格式,如DemoPage。
- 选择文件夹:下拉框中选择文件夹名称。
- 路由:输入路由信息,只允许包含英文字母、数字、下划线、中划线和正斜杠组成, 且以英文字母开头。
图4 创建页面
- 单击“保存”。
- 在弹框中输入历史备份信息,单击“确定”。
步骤四:页面设计
前端应用由一个或多个组件拼装而成。在左侧插件栏打开物料资产包,选择合适的组件,拖拽到中间画布中。在画布选中组件,设置组件的属性、样式、以及绑定事件等。
图5 添加组件

图6 设置组件基本属性

图7 设置组件样式

图8 设置组件高级属性

步骤五:生成代码
根据配置的页面设计,生成应用的基本代码。代码生成后,会下载至本地,供您使用。
- 单击顶部工具栏的“下载源码”按钮。
- 选择下载路径。
- 选择生成到本地的文件。
图9 选择生成文件
- 单击“确定”,代码将下载至本地路径。
父主题: 前端应用管理