引入AICC.Support.js 打开需要集成到云客服的HTML页面。 在需要集成的页面引入AIC CS upport.js，如在html中使用： <script type="text/javascript" src="https://ip:port或 域名 /service-cloud/resource

查看更多 →

否则拖拽组件到页面时会提示如下报错。 图5 界面报错 在应用设计器中，单击左侧导航栏中的“设置”。 在“高级设置”中，取消勾选“页面组件的渲染框架由Vue2升级为Vue3”开关。 图6 取消选中 在应用设计器中，选择“界面”，单击高级页面后的“+”，新建一个高级页面。 单击，从“全部

查看更多 →

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

查看更多 →

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

查看更多 →

的同时丰富组件的功能。因此，库是支撑高级页面、大屏页面、小屏页面组件运行的第三方依赖。若缺少相应的库，则页面组件不能正常运行。 查看库详情 参考登录管理中心中操作，登录AstroZero管理中心。 在左侧导航栏中，选择“应用管理 > 页面资产管理 > 库”，可查看到当前环境该账号下所有的库资产。

查看更多 →

参考开发高级组件中操作，将高级页面组件包上传至组件库中，在页面上中添加该高级页面组件。 当高级页面中拖入widget_demo_mintui高级页面组件后，即可在“页面设置 > 资源”中发现Vue库和MintUI库已加载，表示引用成功。 图5 库的引用情况 保存发布页面，页面效果如下图所示。 图6

查看更多 →

在AstroZero服务控制台，单击“进入首页”，进入应用开发页面。 在页面左上方单击，选择“环境管理 > 环境配置”，进入环境配置。 在顶部主菜单中，选择“维护”。 在左侧导航栏中，选择“全局元素> 页面资产管理 > 库”。 在库列表中，单击对应的库，进入库详情页面。 单击页面右上角的，锁定库。 库锁定后，单

查看更多 →

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

查看更多 →

组件所属分类，上传组件后，该组件将会在页面的该分类下进行展示。 领域 组件包应用的领域，一般保持默认“通用”。 场景 组件包的应用场景。 高级页面：组件适用于高级页面开发场景。 标准页面：组件适用于标准页面开发场景。 业务大屏：组件适用于Astro Canvas大屏页面开发场景。 业务小屏：组件适用于Astro

查看更多 →

单击待编辑应用模块内的“开发应用”，进入设计器。 在左侧插件栏中，单击，展开JS页面。 在JS页面中添加getA方法。 在左侧插件栏中，单击，进入“页面管理”页面。 鼠标悬浮到当前页面名称上，将显示操作按钮，单击，进入页面设置页面。 单击“添加页面生命周期”，选择setup。 在setup函数使用getA()，单击“保存”。

查看更多 →

</div> 参考6中操作，在组件库中上传该Widget包。 打开一个高级页面，在设计页面左上方单击，从“自定义”组件中拖出刚创建的Widget至右侧空白页面。 单击页面上方的，保存高级页面。 切换环境语言，在不同语种下，在页面中选中拖出的Widget，会在右侧显示该组件的属性配置面板，查看Widget属性是否符合预期。

查看更多 →

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

查看更多 →

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

查看更多 →

引入变量 通过此重构，您可以创建一个新变量，使用所选表达式对其进行初始化，然后使用对所创建变量的引用替换原始表达式。这与内联变量重构相反。 执行重构 案例 父主题： 代码重构

查看更多 →

库持续优化。 dws-flink-connector的DWS-Connector只支持单并发查询存量数据，暂不支持并行读取。 引入依赖 Maven方式引入 dws-connector-flink已发布至maven仓库，可选择最新版本使用。链接请参见：https://mvnrepository

查看更多 →

组件所属分类，上传组件后，该组件将会在页面的该分类下进行展示。 领域 组件包应用的领域，一般保持默认“通用”。 场景 组件包的应用场景。 高级页面：组件适用于高级页面开发场景。 标准页面：组件适用于标准页面开发场景。 业务大屏：组件适用于Astro Canvas大屏页面开发场景。 业务小屏：组件适用于Astro

查看更多 →

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

查看更多 →

同样的逻辑和功能了。 通过Webpack进行组件打包构建成为独立JS。 独立JS能够被懒加载。 在管理页面进行卡片创建，上传管理。 创建卡片实例，关联独立JS包，进行版本控制。 父主题： 卡片配置指南

查看更多 →

适用场景 在不同的页面中，可重复使用的模块。 复杂的页面拆分成多个低耦合的模块，有助于代码维护。 使用语言 Vue是一套用于构建用户界面的渐进式框架，与其它大型框架不同的是可以自底向上逐层应用Vue。Vue易于上手，也便于与系统进行整合。 开发自定义组件前，请先了解JS和Vue相关知识，具备一定的JS和Vue开发经验。

查看更多 →

提取/引入重构 简介 引入变量 引入参数 引入字段 引入常量 提取方法 提取接口 提取超类 提取委托 引入功能参数 引入功能变量 提取方法对象 引入参数对象 父主题： 重构

查看更多 →

引入字段 此重构允许您创建一个新的类字段，使用选定的表达式初始化它，并使用对创建的类字段的引用替换原始表达式。这与内联字段重构相反。 执行重构 在代码编辑器中，将光标放置在要提取到类字段的表达式上。 在主菜单或编辑器上下文菜单中，选择Refactor>Introduce Fiel

查看更多 →