检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
单击待操作应用模块内的“开发应用”,进入设计器。 画布中选中组件,在组件属性设置面板选择“样式”。 单击全局样式选择框类名旁的删除按钮。 删除后当前组件属性不再绑定该类名。 全局样式面板仍保留该类名及样式,其他组件仍可使用该类名。如需删除CSS中的该样式信息,可通过单击全局样式的,进入CSS面板进行删除。
com/,提供了大部分的cdn链接,可以从上面获取。 在页面预览中,并不会对所有代码和依赖进行转译,npm依赖需要以cdn方式进行引入,所以,如果添加了npm工具类,在预览失败时,请确保已添加cdn链接。 预置cdn链接说明 为了使用的方便,目前在Vue技术栈中,已经预置了一部分npm包的cdn
componentBundle.json:用于定义一组组件的元数据,包括组件的配置、依赖关系、版本信息等。 index.js:作为应用程序的入口文件,即程序启动时首先执行的脚本。 *.vue:用于定义Vue组件,包括模板(HTML)、脚本(JavaScript)和样式(CSS)。 组件协议结构规范 组件协议
单击待编辑应用模块内的“开发应用”,进入设计器。 画布中选中组件,在组件属性设置面板选择“样式”。 单击全局样式的。 在弹框中直接编写全局样式。 可以直接声明多条CSS样式或其他媒体查询的样式。 图3 编写全局样式 单击“保存”,完成全局样式编辑。 通过类名绑定已创建的全局样式。 图4
发布事件的Package,存放事件发布的工具类与发布的事件对象,屏蔽技术组件对应用业务的侵入 |-- subscribe # 订阅事件的Package,存放listener与消费的事件对象,listener只做数据的监听与数据格式的转换 service层资源目录结构
本章节以按钮组件单击时显示Loading效果为例为您介绍npm utils的使用。 添加组件 参考登录AstroPro界面中操作,登录AstroPro界面。 在左侧导航栏中,选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”,进入设计器。 在左侧插件栏中,单击,展开物料资产包。
X ------------ 使用效果: 使用前: service类的命名为 I+tag驼峰+ service eg: IOrderService 使用后: service类的命名为 tag驼峰+ service eg: OrderService 19、x-user-defined-produces
使用状态选择器 使用说明 在样式选择器右侧,还提供了一个状态选择器的下拉框。可以选择hover、focused、pressed、disabled等状态。选择之后,您此时编辑样式面板,就是相当于在编辑该类名对应状态的样式。 操作步骤 参考登录AstroPro界面中操作,登录AstroPro界面。
AstroPRO设计器 顶部工具栏 设计器顶部的工具栏从左到右包括: :撤销上一步的操作。 :恢复上次撤销的内容。 :保存当前页面数据。 :发布页面模板。 :清空当前画布内容。 :刷新当前页面数据,如果页面未保存,页面配置将恢复到上一次保存的状态。 :单击后可展开左侧插件栏的设置插件,设置当前页面属性。
初次发布。 表9 devspore-css版本变更 开发语言 包含的模块 版本及下载地址 变更描述 Java devspore-css 2.0.1.JDK8-RELEASE 初次发布。 表10 devspore-datasource版本变更 开发语言 包含的模块 版本及下载地址 变更描述
微服务名称:自动关联新增一个服务中创建的服务名称。 Group ID:服务所属项目中的组ID,会自动关联新建项目中Group的值。在Maven项目中用作工程组的标识,Group ID在一个组织或项目中通常是唯一的。 Package:设置生成代码的顶层包名,会自动关联新建项目中Package的值。 Artifact
Service段的apiVersion字段,一般为v1、v2类型的值。 描述:设置服务的描述信息。 单击“确定”,即可完成服务的创建。此处创建服务的操作,相当于为服务搭建了一个框架。您需要根据自身业务的需求继续编辑服务。 在服务列表中,单击已创建服务后的“编辑”。 设置服务基本配置、详细配置及客户端配置。
设计器提供数据源来配合画布上的组件渲染。 本章节以应用于表格组件的表格列为例,为您介绍如何使用数据源。 创建数据源 参考登录AstroPro界面中操作,登录AstroPro界面。 在左侧导航栏中,选择“前端开发平台 > 前端应用”。 单击应用模块内的“开发应用”,进入设计器。 在
升级API版本 使用说明 服务创建后,若需要修改服务的API版本号,可通过新增版本实现。 图1 API版本号 API版本对应服务metadata.json文件中,Service段的apiVersion字段,一般为v1、v2类型的值。 图2 查看apiVersion取值 操作步骤
# 发布事件的Package,存放事件发布的工具类 与 发布的事件对象,屏蔽技术组件对应用业务的侵入 |-- subscribe # 订阅事件的Package,存放listener与消费的事件对象,lis
在AstroPro中完成服务的开发后,会生成一个服务代码压缩包,命名为“服务名称+唯一ID”。假设服务名称为Servicedemo,则生成的代码压缩包名称,如图1所示。 图1 代码压缩包名称 了解代码结构 在AstroPro中编辑服务时,可在“生成策略 > 代码风格”中定义生成代码的工程目录结构,如图2、图3。
到此您已完成整个企业核心应用的创建。 打开生成的服务代码包,在“README.md”文件中可查看代码目录结构的说明,如图3所示。 图3 代码目录结构说明 代码目录结构分为“base/service”、“单Module”和“DDD”三种,在编辑元数据的“生成策略 > 代码风格 >
页面。 单击“新增”,按需添加所需的API。 实例级别:定义API实例的级别,如类型、实例。 动作名称:设置API的动作名称。 请求方法:HTTP请求方法(也称为操作或动作),用于告诉服务您正在请求什么类型的操作。 get:请求服务器返回指定资源。 put:请求服务器更新指定资源。
mapper层继承接口代码。用户可在此类中覆写基本接口中的方法或者增加自定义的方法 |-- integration # 防腐层,集成第三方服务(跨进程的外部服务),隔离外部系统的影响(可选项) GatewayService
整数、时间类型的字段。 CUSTOM:用户插件实现特定的SPI。适用所有类型的字段。 INTERVAL:按照时间间隔分表,分片列必须为时间类型或时间格式的字符串。 分库数量:设置分库的数量。参考架构选择“数据库分库+分布式缓存”时,需要设置。 分库字段:设置分库的字段名,可单击“