按模板生成框架代码的能力推送至用户桌面。同时基于华为云服务资源、成熟的DevOps开发工具链和面向多场景的众多开发模板，提供一站式创建代码仓、自动生成框架代码、创建编译构建、测试、部署等流水线任务能力，使应用开发无需从零开始。 为什么选择DevStar 强大的框架代码初始化能力：

查看更多 →

本章节以按钮组件单击时显示Loading效果为例为您介绍npm utils的使用。 添加组件 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”，进入设计器。 在左侧插件栏中，单击，展开物料资产包。

查看更多 →

可复用的组件，独立维护自身的状态及样式，更好地隔离多方合作伙伴的不同诉求，提升代码的可维护性。 基于Webpack的构建过程 使用Webpack作为构建工具，通过对源代码进行打包、压缩、合并等操作，最终生成可运行的JS和 CSS 文件，将整体项目包装成一个独立单元模块，以组件的形式暴露。

查看更多 →

模型与前端组件的绑定分为值绑定和属性绑定，绑定会在指定组件上创建双向数据绑定。 典型的值绑定场景有：表单、表格、列表视图对应的model绑定，以及输入框、下拉框等基础组件对应的value绑定，类似Vue的v-model。 典型的属性绑定场景有：下拉框的选项值、步骤条的步骤值等，类似Vue的v-bind。

查看更多 →

然后将子应用的完整结构渲染在内部子应用的实例instance在“iframe”内运行，dom在主应用容器下的webcomponent内，可以实现两者的互联。通过代理“iframe”的document到webcomponent，可以实现两者的互联。将document的查询类接口：“

查看更多 →

poll(agentFunc); }, 100) }, 该方法是一个一直在轮询的方法，其中对于座席发来的不同消息类型，有不同的处理方式，关于座席返回的消息内容，可以参考接口参考中开放接口的poll方法； 其中一些方法的说明： if (downLinkMessage[i]["sourceType"]

查看更多 →

代码使用示例-用户留言 留言的前提条件是用户转人工失败了。参考用户转人工的方法失败时发送toAgentFailed事件。在MainContent.vue中存在监听方法： //转人工失败 EventBus.$on("toAgentFailed", () => { this.toAgent

查看更多 →

前生效路由对应的页面内容（如图1）。一个页面只支持放置一个路由导航和一个路由视图组件。 图1 页面预览效果 使用预置的路由导航和路由视图组件 在使用路由导航和路由视图组件时，当前使用该组件的页面和路由导航关联的页面布局类型必须为“流式布局”（即响应式布局，该布局下的Widget位

查看更多 →

设置完成后，单击“确定”。 属性值绑定：将容器组件的某个属性，如隐藏、样式、弹性布局等与具体的模型字段相绑定，绑定后组件的属性随模型字段的值变化而变化，类似Vue的v-bind。 在“数据绑定”中，单击“属性值绑定”后的“+”。 在“属性”下拉框中，选择容器的某个属性。 在模型字段中，单击，进入选择模型页面。

查看更多 →

端组件，实现源码的构建、归档和应用创建。 DEMO的逻辑组网和调用关系图如下： 组件 - CAE-frontend： 使用Vue框架开发的前台界面，作为应用入口，并通过单击测试按钮向后台发起请求。 组件 - CAE-backend： 使用Springboot开发的后台服务，用于处

查看更多 →

设置完成后，单击“确定”。 属性值绑定：将容器组件的某个属性，如隐藏、样式、弹性布局等与具体的模型字段相绑定，绑定后组件的属性随模型字段的值变化而变化，类似Vue的v-bind。 在“数据绑定”中，单击“属性值绑定”后的“+”。 在“属性”下拉框中，选择容器的某个属性。 在模型字段中，单击，进入选择模型页面。

查看更多 →

设置完成后，单击“确定”。 属性值绑定：将容器组件的某个属性，如隐藏、样式、弹性布局等与具体的模型字段相绑定，绑定后组件的属性随模型字段的值变化而变化，类似Vue的v-bind。 在“数据绑定”中，单击“属性值绑定”后的“+”。 在“属性”下拉框中，选择容器的某个属性。 在模型字段中，单击，进入选择模型页面。

查看更多 →

设置完成后，单击“确定”。 属性值绑定：将容器组件的某个属性，如隐藏、样式、弹性布局等与具体的模型字段相绑定，绑定后组件的属性随模型字段的值变化而变化，类似Vue的v-bind。 在“数据绑定”中，单击“属性值绑定”后的“+”。 在“属性”下拉框中，选择容器的某个属性。 在模型字段中，单击，进入选择模型页面。

查看更多 →

CurrentDateTime为事件传参。 图8 事件图元的配置 连接所有图元。 图9 连接图元 选中“开始”图元，单击，参考下图配置服务编排的入参。 入参是从全局上下文的变量中拖入，告警服务编排的入参有AlarmTitle和AlarmContent两个。 图10 配置入参 单击页面上方的，保存服务编排。 单击，启用服务编排。

查看更多 →

CurrentDateTime为事件传参。 图9 事件图元的配置 连接所有图元。 图10 连接图元 选中“开始”图元，单击，参考下图配置服务编排的入参。 入参是从全局上下文的变量中拖入，告警服务编排的入参有AlarmTitle和AlarmContent两个。 图11 配置入参 单击页面上方的，保存服务编排。 单击，启用服务编排。

查看更多 →

用户在接入桥接器时，如果预置的桥接器无法满足要求，可自定义桥接器。关于connector/model等参数对象的规则介绍，请参考自定义桥接器。 registerEvents 一般用于在组件初始化阶段注册事件，只有通过此API注册后的事件才会在组件的事件列表中展现。同样只有注册的事件之后才能通过

查看更多 →

基本属性通过数据绑定后，在运行时以数据绑定的值为准。 显示名称：按钮展示的名称。 类型：设置按钮的类型。 大小：设置按钮的大小。 鼠标悬停时展示：鼠标悬停时，展示的文字。 形状：设置按钮的形状。 选择图标：系统预置的按钮图标。 图标位置：按钮图标展示的位置。 加载中状态：按钮是否显示为加载中状态。

查看更多 →

图形是指组件中，实现 数据可视化 的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图例是指在多维度可视化图形表达中，用以区分不同维度可视化图形的提示标识。 提示（悬浮提示）主要用于展示可视化图表组件，在具体维度节点的具体指标展示。 指标是指可视化组件中，对除可视化图形之外的具体补充

查看更多 →

设置完成后，单击“确定”。 属性值绑定：将容器组件的某个属性，如隐藏、样式、弹性布局等与具体的模型字段相绑定，绑定后组件的属性随模型字段的值变化而变化，类似Vue的v-bind。 在“数据绑定”中，单击“属性值绑定”后的“+”。 在“属性”下拉框中，选择容器的某个属性。 在模型字段中，单击，进入选择模型页面。

查看更多 →

根据用户实际开发环境的需要，选择对应的工具版本。 CodeArts Build支持的工具版本，可查看构建工具版本。若当前的工具版本不满足您的使用要求，您可以自定义构建环境。 命令 配置Npm命令，一般使用系统默认生成的命令即可。如有特殊构建要求，可以在文本域中输入自定义的构建脚本。更多命令使用方法可参考Node

查看更多 →

设置完成后，单击“确定”。 属性值绑定：将容器组件的某个属性，如隐藏、样式、弹性布局等与具体的模型字段相绑定，绑定后组件的属性随模型字段的值变化而变化，类似Vue的v-bind。 在“数据绑定”中，单击“属性值绑定”后的“+”。 在“属性”下拉框中，选择容器的某个属性。 在模型字段中，单击，进入选择模型页面。

查看更多 →