检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
如需删除CSS中的该样式信息,可通过单击全局样式的,进入CSS面板进行删除。 操作步骤 参考登录AstroPro界面中操作,登录AstroPro界面。 在左侧导航栏中,选择“前端开发平台 > 前端应用”。 单击待操作应用模块内的“开发应用”,进入设计器。
图3 基本属性设置 样式设置,设置组件的样式,提供直接配置样式,也可以编写CSS代码配置样式。 图4 样式设置 高级设置,设置组件是否渲染、绑定单击事件、设置组件是否循环渲染等。 图5 高级设置 父主题: 前端应用管理
可以直接声明多条CSS样式或其他媒体查询的样式。 图3 编写全局样式 单击“保存”,完成全局样式编辑。 通过类名绑定已创建的全局样式。 图4 效果展示 父主题: 配置样式设置
表9 devspore-css版本变更 开发语言 包含的模块 版本及下载地址 变更描述 Java devspore-css 2.0.1.JDK8-RELEASE 初次发布。
从全局样式面板中可以看到,等效于直接编辑样式: .test:hover{ /** 这里会注入样式面板编辑的样式 */ } 查看CSS编辑页面,可见已存在 .test和 .test:hover两条样式记录。 鼠标悬浮在组件上查看样式切换效果。 父主题: 配置样式设置
------------ 使用效果: 使用前: service类的命名为 I+tag驼峰+ service eg: IOrderService 使用后: service类的命名为 tag驼峰+ service eg: OrderService 19、x-user-defined-produces
base/service:工程目录结构包含base和service两个模块。 DDD:和单Module一样,工程目录结构只有一个模块。 图3 工程目录不同类型设置效果 module添加服务名前缀:配置为“是”时,模块名称前会添加服务名前缀。 图4 开启前后效果 设置部署信息。
base/service:工程目录结构包含base和service两个模块。 DDD:和单Module一样,工程目录结构只有一个模块。 图10 工程目录不同类型设置效果 module添加服务名前缀:配置为“是”时,模块名称前会添加服务名前缀。
生成服务的metadata.json文件中,Service段的apiVersion字段取值也同步修改为“v2”。 图5 查看修改后的版本号 图6 查看修改后的apiVersion取值 父主题: 服务管理
{biz}Controller.java # 输入参数非业务校验 |-- app # 应用层(必填项) |-- service
{package}.repository.base.xxx base/service {package}.api.xxx {package}.service.xxx {package}.repository.base.xxx package为创建服务时定义的打包路径。
#日志配置 logging: charset: file: UTF-8 console: UTF-8 file: name: /opt/cloud/log/{服务名}/{服务名}.log #日志文件的位置及名称 pattern: file
base/service:由base、service和client(如servicedemo-client)三个模块组成。其中,client为客户端模块,在AstroPro中添加服务时,开启“是否生成客户端”配置后(如图4),才会生成该模块。
*.vue:用于定义Vue组件,包括模板(HTML)、脚本(JavaScript)和样式(CSS)。 组件协议结构规范 组件协议结构规范用于描述组件的关键信息和配置项,对应组件的components字段。
base/service 工程目录结构 “代码风格 > 工程目录”设置为“base/service”时,会生成base、service和client(如servicedemo-client)三个模块。
服务开发框架详解 整体结构介绍 单Module base/service DDD 父主题: AstroPro学堂
图3 代码目录结构说明 代码目录结构分为“base/service”、“单Module”和“DDD”三种,在编辑元数据的“生成策略 > 代码风格 > 工程目录”中可进行定义,生成效果差异如图5所示。
图2 设置代码工程目录结构 图3 单Module和base/service生成代码目录效果 业务设计:AstroPro提供的核心能力,是用户设计业务的基础。通过添加对象、设置对象属性和为对象建立对应的关系,来实现某些特定的功能。
service层目录,包含接口层和实现层 (必须) |-- impl # service实现代码(必填项) |-- {biz}Service.java I{biz}Service.java
代码示例: function handleOnClick(event) { this.loadingInstance = this.utils.Loading.service({ text: "加载中", target: document.getElementById