检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
通过样式面板配置样式 使用说明 添加组件后您可以通过右侧的属性设置面板,直接对当前选中组件进行样式设置,实现零代码设计。 通过样式面板配置样式 参考登录AstroPro界面中操作,登录AstroPro界面。 在左侧导航栏中,选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”,进入设计器。
3):生成JDK17+SpringBoot3的代码框架。 注册发现/配置中心 注册发现/配置中心。 不启用:不对接配置管理服务。 CSE:使用微服务引擎服务CSE作为配置管理服务。CSE是微服务应用的云中间件,为用户提供了注册发现、服务治理、配置管理等高性能和高韧性的企业级云服务能力,可无缝兼容Spring
图10 工程目录不同类型设置效果 module添加服务名前缀:配置为“是”时,模块名称前会添加服务名前缀。 图11 开启前后效果 设置部署信息。 图12 设置部署信息 服务部署脚本 对接CCE部署和ServiceStage部署时,生成的代码中会包含如下内容: 根目录中会增加“ .cam”文件夹,包含“cam
注意:使用JS表达式定义state变量的时候无法调用state其他变量定义,另由于JS函数定义在变量之后,也无法调用JS面板定义的函数。 图1 添加变量 (可选)设置变量高级配置。 getter:用于获取(读取)类的私有属性的值。Getter方法通常没有参数,并且返回属性的值。 示例: function getter()
在业务基础模板页面,单击“新建业务对象模板”。 配置模板信息后,单击“下一步”。 模板名称:输入模板名称,名称仅允许以英文字母开头,包含英文字母和数字,一般采用驼峰格式或“-”连接,长度最低为两位。 模板类型:默认为业务对象模板,暂不支持修改。 模板范围:根据3选择的项目,确认模板范围。 图1 配置业务对象模板基本信息
枚举类型名称 输入枚举类型名称。 描述 输入补充说明信息。 图1 配置自定义字段类型基本信息 添加校验规则。 单击“编辑校验规则”,进入校验规则编辑界面。 单击“新增”,添加校验规则。 参考表2配置校验信息。 表2 配置校验信息 参数 说明 校验名称 在下拉框中选择校验命令,例如,N
直接编写样式代码 样式面板提供了可直接配置的样式,满足了大部分的基础样式需求。如果这些样式还是不能满足您的需求,AstroPro还提供了直接编写样式代码的方式来配置样式。 编写行内样式 等效于直接在html标签style属性里直接声明样式,权重高,用于覆盖样式。 参考登录Astr
单击已添加服务依赖后的“编辑”。 选择需配置流控策略的对象方法,并为对象方法添加对应的流控策略。例如自定义流控策略Custom。 图3 配置客户端流控策略 单击“保存”,完成客户端流控策略配置。 单击“创建”,生成服务代码,代码中的配置文件将添加客户端流控策略配置信息。 图4 配置文件 图5 流控策略的注解
)。 图1 设置绑定事件 单击“确定”,弹出JS面板。 在JS面板中进行绑定方法的具体逻辑实现。 单击“保存”,绑定事件完成。 父主题: 配置高级设置
<span>{{ item.title }} <!---列表细节---> </div> </template> 父主题: 配置高级设置
isLogin的值,查看渲染效果。 图3 state.isLogin为false时 图4 state.isLogin为ture时 父主题: 配置高级设置
类名管理 新增类名 修改类名 删除类名 选择已有类名 父主题: 配置样式设置
getters:是store中的方法,用于提交mutations或执行异步操作。 图1 添加全局变量 单击“保存”,完成变量添加。 父主题: 配置变量
*/ } 查看CSS编辑页面,可见已存在 .test和 .test:hover两条样式记录。 鼠标悬浮在组件上查看样式切换效果。 父主题: 配置样式设置
properties 组件暴露的配置属性。 Array <Object> events 组件暴露的事件。 Object 组件暴露配置属性项结构(properties[0])。 表3 配置属性项结构 字段 说明 类型 label 配置分类名。 Object description 配置分类描述。 Object
新增类名 使用说明 当选中一个组件,还没有自动生成类名时,您可以单击输入框手动输入类名,然后继续编辑样式面板的样式。 此时,组件会自动绑定您输入的类名,然后将在样式面板编辑的样式生成代码,写入到全局样式中。 新增类名 参考登录AstroPro界面中操作,登录AstroPro界面。
修改类名 使用说明 已创建的类名支持修改。 类名修改,需注意以下事项: 当前组件绑定的类名会被修改。 全局样式中同类名会被修改成新类名。 其他组件绑定的同类名不会被修改。 操作步骤 参考登录AstroPro界面中操作,登录AstroPro界面。 在左侧导航栏中,选择“前端开发平台
删除类名 使用说明 当类名不再使用,可进行删除操作。 删除类名后,全局样式面板仍保留该类名及样式,其他组件仍可使用该类名。如需删除CSS中的该样式信息,可通过单击全局样式的,进入CSS面板进行删除。 操作步骤 参考登录AstroPro界面中操作,登录AstroPro界面。 在左侧导航栏中,选择“前端开发平台
试,则可以参考配置中的ignore-exceptions,没有的时候此参数可以不配置。 配置中的policy中在提供的两种方式中选择一个即可,当使用Randomized的时候,配置randomized-wait-factor。 当使用Exponential的时候配置exponen
绑定变量 单击“确定”,变量绑定完成。 通过修改变量,查看组件样式展示效果。 图3 修改前样式 图4 修改变量 图5 修改后样式 父主题: 配置样式设置