npm包的cdn链接，因此使用以下npm包时，无需添加cdn链接。 @vueuse/core @vueuse/shared axios pinia vue vue-i18n vue-router vue/server/renderer @opentiny/vue 父主题： 使用工具类方法

查看更多 →

应用前端开发 在AstroZero标准页面中，如何调用服务编排或脚本？ 在AstroZero标准页面组件较多时，如何快速选中组件？ 表格字段太多，导致AstroZero标准页面无法完整显示，该如何处理？ 在AstroZero标准页面中，如何实现有子表的表格？ 在AstroZero

查看更多 →

ary包含的js和css文件名，并打成Zip包，如图2。您也可以单击链接，获取该包。 图2 MintUI库文件结构 packageinfo.json中必选要包含待引入的文件。例如，MintUI库需要引入文件“js/index.js”和“css/index.css”，请在packageinfo

查看更多 →

自定义组件开发指南 在这个快速发展的前端开发时代中，组件化是构建可维护和可扩展应用程序的关键。 本章节帮助您了解自定义模板结构及开发流程。 模板结构介绍 public文件夹通常是用来存放Web应用程序的静态资源。 src文件夹是用来存放源代码文件，它包含assets和components两个子文件夹。

查看更多 →

js和css文件名，并打成Zip包。该场景中Zip包为“MintUI.zip”，单击链接获取该包。 图1 MintUI库文件结构 packageinfo.json包含所要引入的文件。例如，MintUI库需要引入的文件有“js/index.js”和“css/index.css”文件，请在packageinfo

查看更多 →

应用前端开发概述 前端开发是指通过拖拉拽预置或自定义组件，进行页面配置开发。AstroZero低代码平台提供了标准页面、高级页面和报表三种类型的前端页面。在开发前端页面前，请先了解三者的区别。 标准页面主要适用于对样式要求相对简单的场景（如表单类应用），这种页面一般用于业务数据的

查看更多 →

前端开发视频指导 本视频通过创建一个简单的登录页面，帮助您快速上手AstroPro前端开发。 业务场景及设计流程说明 在AstroPro中，用户通过业务建模，可生成高可用、高可靠、以及安全稳定的企业级IT应用框架。本入门通过创建一个简单的订单系统，帮助您快速上手AstroPro。

查看更多 →

如何引入第三方库 使用说明 在高级页面组件开发过程中，低代码平台支持开发者直接引用第三方库，在降低组件开发复杂度的同时，丰富了组件的功能。库是支撑高级页面组件运行的第三方依赖，若缺少相应的库，则高级页面组件不能正常运行。 低代码平台提供了一些系统预置库，若不满足现有需求，支持开发者制作并上传新的库。

查看更多 →

开发指导 AUI为内部开源使用，外部无法访问，底层逻辑使用Vue组件暴露封装，因此在不使用AUI情况下，通过原生Vue CLI脚手架搭建组件库形式暴露卡片组件，也能够正常使用。 开发过程 准备工作中已经正常安装了Vue CLI脚手架，因此可以快速搭建Vue项目。 初始化Vue项目。

查看更多 →

含的js和css文件名，并打成Zip包，如图1。您也可以直接单击MintUI.zip，下载MintUI.zip包 图1 MintUI库文件结构 packageinfo.json包含所要引入的文件。例如，MintUI库需要引入的文件有“js/index.js”和“css/index

查看更多 →

js和css文件名，并打成Zip包。该场景中Zip包为“MintUI.zip”，单击链接获取该包。 图1 MintUI库文件结构 packageinfo.json包含所要引入的文件。例如，MintUI库需要引入的文件有“js/index.js”和“css/index.css”文件，请在packageinfo

查看更多 →

/Dockerfile 配置私服 使用缓存 图2 构建步骤1 图3 构建步骤2 图4 构建步骤3 图5 参数设置 前端应用CD流水线 图6 部署步骤1 图7 部署步骤2 前端应用访问 nodePort暴露服务 安全组放开端口 图8 入方向规则 父主题： 实施步骤

查看更多 →

utils的使用。 添加组件 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”，进入设计器。 在左侧插件栏中，单击，展开物料资产包。 在物料资产包中选择按钮组件，并拖拽至中心画布中。

查看更多 →

在线开发高级组件 使用说明 当低代码平台提供的全局高级组件无法满足您的开发需求时，支持开发者自定义组件包，上传后可在高级页面中使用。自定义组件的开发流程如下： 下载系统预置的组件模板到本地。 基于模板，在本地根据自身业务需求开发组件。 将已开发好的组件上传到组件库。 场景描述 本

查看更多 →

使用AstroZero开发应用前端 应用前端开发概述 标准页面 高级页面 报表

查看更多 →

如果安装成功，应该可以看到npm的版本号。 安装Vue CLI Vue CLI是Vue.js的脚手架工具，可以帮助我们快速创建Vue.js应用。要使用它，我们需要先安装它。 在命令行中输入以下命令来安装Vue CLI： npm install -g @vue/cli 这个命令会全局安装Vue CLI，所以安装

查看更多 →

下面将通过两个示例分别展示如何使用。 为组件添加单击事件 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”，进入设计器。 选中组件，在组件属性设置面板选择“高级”。 鼠标悬停在“绑定事件”上，将显示事件列表。 在事件列表中，选择onClick事件。

查看更多 →

引入依赖 开发过程中，您有任何问题可以在github上提交issue，或者在华为云对象存储服务论坛中发帖求助。接口参考文档详细介绍了每个接口的参数和使用方法。 要初始化OBS客户端（ObsClient）必须首先引入依赖，代码示例如下： // 引入依赖库 require 'vendor/autoload

查看更多 →

引入参数 此重构允许您为方法声明引入新参数，以便在方法调用中，原始表达式被提供为方法参数。您还可以选择保留原始方法，或者使用创建的参数定义一个新方法。这与内联参数重构相反。 执行重构 在代码编辑器中，将光标放置在要提取到参数的表达式上。 在主菜单或编辑器上下文菜单中，选择Refactor>Introduce

查看更多 →

本章节使用的示例组件开发过程中，使用了前端开发框架Vue及组件库Element。事件-动作机制的详细介绍，请参见添加事件或宏实现AstroZero高级页面组件交互。 下载组件模板 进入AstroZero服务控制台。 在主页中，单击“进入首页”，进入AstroZero应用开发页面。 在应用开发页面，单击，选择“环境管理

查看更多 →

引入变量 此重构允许您创建新变量，通过选定的表达式进行初始化，并使用创建变量的引用替换原始表达式。这与内联变量相反。 执行重构 在代码编辑器中，将光标放置在要提取到变量的表达式上。 在主菜单或编辑器上下文菜单中，选择Refactor>Introduce Variable。或者按“Ctrl+Alt+V”。

查看更多 →