检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
- views |_ Index.vue - Page2.vue - TodoFolder |_ Todo.vue 设计器的页面概念就相当于上述工程中的一个页面或者文件夹,每个页
json:用于定义一组组件的元数据,包括组件的配置、依赖关系、版本信息等。 index.js:作为应用程序的入口文件,即程序启动时首先执行的脚本。 *.vue:用于定义Vue组件,包括模板(HTML)、脚本(JavaScript)和样式(CSS)。 组件协议结构规范 组件协议结构规范用于描述组件的关键信
<script setup> import * as vue from 'vue' import { defineProps, defineEmits } from 'vue' import { I18nInjectionKey } from 'vue-i18n' const props =
步骤2:框架配置 框架配置和基本配置一样,需要您根据实际情况进行勾选配置,不同的配置会呈现不同的效果。 是否启用模板,默认不启用,如需启用,在下拉框中选择已创建的模板。创建模板具体操作请参考创建架构模板。 选择模板后,模板配置将自动带入包括“框架配置”和“生成策略”。 选择参考框架。
设计前端应用流程 前端应用可以由一个或多个页面组成一个完整的业务系统。在AstroPro中,通过创建应用、(可选)创建文件夹、创建页面、页面设计和生成应用代码五步,即可快速完成前端应用设计,具体流程如图1所示。 图1 创建应用 步骤一:新建一个应用 参考登录AstroPro界面中操作,登录AstroPro界面。
为了使用的方便,目前在Vue技术栈中,已经预置了一部分npm包的cdn链接,因此使用以下npm包时,无需添加cdn链接。 @vueuse/core @vueuse/shared axios pinia vue vue-i18n vue-router vue/server/renderer
单击,进入添加工具类页面。 工具类型选择“npm”。 参考表1配置工具类的参数。 表1 参数说明 参数 示例 名称 Loading 包名 @opentiny/vue 导出名称 Loading 是否解构 开启 入口路径 本示例不填 版本号 0.1.20 CDN 本示例不填 单击“保存”。 绑定事件 在中心画布中选中按钮组件。
订单系统服务开发示例 业务场景及设计流程说明 在AstroPro中,用户通过业务建模,可生成高可用、高可靠、以及安全稳定的企业级IT应用框架。本入门通过创建一个简单的订单系统,帮助您快速上手AstroPro。 本入门为创建一个简单的订单系统,订单系统中包括用户(User)、订单(
配置架构模板 使用说明 项目遵循相同的结构和模式时,可以创建架构模板,并使用该模板创建应用,减少设计和实现的时间。 约束与限制 架构模板为Astro Pro企业版功能,如果您需要使用此功能,请升级Astro Pro实例版本。 创建架构模板 参考登录AstroPro界面中操作,登录AstroPro界面。