在设计页面左上方，单击，从“导航”的自定义组件中，拖拽13中上传的组件到设计区。 选中该组件，在“路由”页签，配置不同路由关联的页面。 自定义组件的“路由”页签中，出现了页面3，结果符合场景要求。 图8 拖拽自定义组件并配置路由 在设计页面左上方，单击，从“导航”中拖拽路由视图组件至设计页面自定义组件下方。

查看更多 →

在设计页面左上方，单击，从“导航”的自定义组件中，拖拽11中上传的组件到设计区。 选中该组件，在“路由”页签，配置不同路由关联的页面。 自定义组件的“路由”页签中，出现了页面3，结果符合场景要求。 图8 拖拽自定义组件并配置路由 在设计页面左上方，单击，从“导航”中拖拽路由视图组件至设计页面自定义组件下方。

查看更多 →

i18n：指定组件的国际化资源文件（本例模板中未体现）。 requires：依赖的库名称和版本号。 width：在绝对布局高级页面中，添加该组件时的默认宽度，单位为px，不填写默认为200px（本例模板中未体现）。 height：在绝对布局高级页面中，添加该组件时的默认高度，单位为px，

查看更多 →

单击“确定”，弹出JS面板，刚创建的onClickNew事件已存在JS面板中。 在JS面板中编写绑定方法的具体逻辑。 图2 实现逻辑编写 单击“保存”，绑定事件完成。 创建普通方法在生命周期中使用 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台

查看更多 →

} }); 上述代码中定义的展示图片文件可使用其他图片代替，将图片放到DisplayWidget目录中即可正常使用。 本示例代码中，widgetBasePath变量为组件包上传后的路径，在组件模板中已包含获取此变量的逻辑，在此直接使用即可（此例也展示了组件中如何引入本地图片的基本方法）。

查看更多 →

台云服务（CraftArts IPDCenter）中独立运行。 工作原理 微前端采用的无界方案，利用“iframe”来实现js沙箱能力，下面详细介绍： 应用加载机制和js沙箱机制 将子应用的js注入主应用同域的“iframe”中运行，“iframe”是一个原生的window沙箱，

查看更多 →

在主页中，单击“进入首页”，进入AstroZero应用开发页面。 单击，选择“环境管理 > 环境配置”，进入环境配置。 在主菜单中，选择“维护”。 在左侧导航栏中，选择“全局元素 > 页面资产管理 > 库”。 单击“提交新库”，进入提交新库页面。 设置库的基本信息，上传1中的zip包后，单击“提交”。

查看更多 →

在命令行中输入以下命令来检查npm是否成功安装： npm -v 如果安装成功，应该可以看到npm的版本号。 安装Vue CLI Vue CLI是Vue.js的脚手架工具，可以帮助我们快速创建Vue.js应用。要使用它，我们需要先安装它。 在命令行中输入以下命令来安装Vue CLI：

查看更多 →

创建一个新的工程目录。 使用Vue CLI脚手架创建Demo前端工程，能够自动创建一个简单的样例工程，在此基础上开发能够减少很多繁琐的工作。 编写构建Vue前端组件。 可以把功能或者需求类似的有机体封装成一个业务组件，并对外暴露接口来实现灵活的可定制性，这样就可以在不同页面不同子系统中，复用同样的逻辑和功能了。

查看更多 →

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

查看更多 →

} 上述代码中定义的展示图片文件可使用其他图片代替，将图片放到DisplayWidget目录中即可正常使用。 本示例代码中，widgetBasePath变量为组件包上传后的路径，在组件模板中已包含获取此变量的逻辑，在此直接使用即可（此例也展示了组件中如何引入本地图片的基本方法）。

查看更多 →

Dubbo应用实现标签路由功能 功能介绍 基于虚拟机场景 基于CCE场景 配置路由规则 验证标签路由功能 父主题： ServiceComb引擎应用治理

查看更多 →

如果当前图元在项目树节点下面有多个了模型图，单击该操作右侧界面会弹出多个模型图的列表，单击列表中的模型图名称，可以打开对应的模型图； 通过双击图标上的子图图标也可以直接打开图元的子图； 关联图方式：将元素与图进行手动关联，可以实现双击元素图形上的关联图角标，快速打开关联的图形； 元素关联到当前模型工程其他图，在元素菜单中点“关联图”：

查看更多 →

”修改成“imgButton”和“imgButtonDesign”。 cname：在应用引擎中显示的名称。 dname：在 应用开发工具 中显示的名称。 displayName：在页面构建器中显示的文本。 "dnd": { "cname": "imgButton", "dname":

查看更多 →

在路由表中添加路由 操作场景 每个路由表会自带系统默认路由，用来控制子网内实例访问云上公共服务，或者VPC内不同子网的内网通信。除了系统默认路由，您可以根据需要添加自定义路由，控制子网的流量走向。 当您的路由表已关联子网时，添加路由会影响子网的网络流量走向，请您谨慎评估后再执行操作，避免对业务造成影响。

查看更多 →

"css/index" } ] } 上传自定义库。 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在主菜单中，选中“我的资产”。 在左侧导航栏中，选择“我的库”，单击“添加库”。 单击，选择待上传的库，并设置库的基本信息。 图2 上传自定义库

查看更多 →

Spring Cloud应用实现标签路由功能 功能介绍 基于虚拟机场景 基于CCE场景 配置路由规则 验证标签路由功能 父主题： ServiceComb引擎应用治理

查看更多 →

在左侧菜单栏中，选择“ 域名 管理”。 在域名列表中，单击需要修改的域名或域名所在行的“设置”，进入域名配置页面。 选择“HTTPS配置”页签。 在强制跳转模块，单击“编辑”进入配置界面。 图1 强制跳转 表1 参数说明 参数 说明 状态 是否开启此项配置。 开关打开：开启强制跳转配置。

查看更多 →

关参数，来实现登录功能。 在组装业务用户登录页面时，需要配置从登录页面登录成功后跳转的页面，所以需要提前创建一个高级页面。在本示例中，假设已创建了一个Home页面。Home页面中没有实际数据，在Home页面中拖拽了几个图表组件，然后保存发布成样例页面。在实际开发过程中，可以根据业

查看更多 →

本实践所涉及到的自定义组件是基于Vue2框架开发的，而系统是默认开启Vue3框架渲染组件的，所以您需要手动关掉Vue3框架渲染组件开关，否则拖拽组件到页面时会提示如下报错。 图5 界面报错 在应用设计器中，单击左侧导航栏中的“设置”。 在“高级设置”中，取消勾选“页面组件的渲染框架由Vue2升级为Vue3”开关。

查看更多 →

本实践所涉及到的自定义组件是基于Vue2框架开发的，而系统是默认开启Vue3框架渲染组件的，所以您需要手动关掉Vue3框架渲染组件开关，否则拖拽组件到页面时会提示如下报错。 图4 界面报错 在应用设计器中，单击左侧导航栏中的“设置”。 在“高级设置”中，取消勾选“页面组件的渲染框架由Vue2升级为Vue3”开关。

查看更多 →