检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
了解标准页面相关背景知识,掌握使用“表格”组件组装页面、增删改查对象的方法。 了解服务编排相关背景知识,掌握开发、测试服务编排的方法。 标准页面UI组件:“表单”、“容器”、“输入框”、“下拉框”、“级联选择框”、“标题”、“按钮”的主要配置属性,为“表格”组件添加操作列。 页面模型:模型的类型和作用。
默认折叠菜单:勾选后,应用中的菜单项将会被折叠显示。 切换菜单时记录浏览器历史:勾选后,切换菜单时会记录在浏览器历史中。 是否全屏:是否全屏显示页面,全屏后会折叠左侧菜单。 隐藏国际化按钮:勾选后,应用左上方的语言选择按钮将会被隐藏。 图3 未勾选效果 禁止应用切换:禁用后,在运行态Portal中,
图3 配置测试参数 选择类型:识别的主体可以是图片或文本信息。本示例选择“文字识别套件 / 图片文件”,并上传待识别的行程码图片。 文字识别套件 / 图片URL:识别的主体是图片URL。 文字识别套件 / 图片文件:识别的主体为图片文件。 自然语言处理套件 / 文本信息:识别的主体为文本。
在“HW__workOrderList”页面中,单击界面上方预览图标。 系统会弹出预览页面。 查看页面中页面布局、样式是否符合预期。 查看当前表格中的工单记录。当前表格中仅有一条测试数据,此数据是在生成工单脚本中输入的一条测试数据。 图1 查看工单记录 验证搜索功能。 在“工单标题”中,输入“电
图2 配置测试参数 选择类型:识别的主体可以是图片或文本信息。本示例选择“文字识别套件 / 图片文件”,并上传待识别的行程码图片。 文字识别套件 / 图片URL:识别的主体是图片URL。 文字识别套件 / 图片文件:识别的主体为图片文件。 自然语言处理套件 / 文本信息:识别的主体为文本。
并自动向数字添加百分号。 电话:允许用户输入任何电话号码,系统会自动将其转换为电话号码格式。 币种金额:允许用户输入其他币种金额,并将字段自动转换为币种金额格式。此功能在将数据导出到Excel或其它电子表格时非常有用。 日期:允许用户输入日期或从弹出式日历中选择日期。 日期/时间
服务编排或脚本? 在AstroZero标准页面组件较多时,如何快速选中组件? 表格字段太多,导致AstroZero标准页面无法完整显示,该如何处理? 在AstroZero标准页面中,如何实现有子表的表格? 在AstroZero标准页面中,如何实现下拉框选项值的筛选功能? 在Ast
脚本专项 通过AstroZero中的脚本实现表单的提交限制功能 通过AstroZero中的脚本实现表格数据的增加和删除
边距:设置组件边框和图表之间的间距,单位px。 背景 样式:设置背景的样式,如普通、居中、拉伸等。 图片链接:为轮播组件添加图片,当前仅支持添加JPG、JPEG、PNG和GIF格式的图片,且每张图片的大小不能超过50MB,尺寸建议使用800 x 800像素。 颜色:设置组件的背景颜色。 高级设置
对象专项 使用AstroZero将客户与订单数据关联并同步修改 使用AstroZero在前端表格中增删改对象数据
边距:设置组件边框和图表之间的间距,单位px。 背景 样式:设置背景的样式,如普通、居中、拉伸等。 图片链接:为轮播组件添加图片,当前仅支持添加JPG、JPEG、PNG和GIF格式的图片,且每张图片的大小不能超过50MB,尺寸建议使用800 x 800像素。 颜色:设置组件的背景颜色。 自定义属性列表
边距:设置组件边框和图表之间的间距,单位px。 背景 样式:设置背景的样式,如普通、居中、拉伸等。 图片链接:为轮播组件添加图片,当前仅支持添加JPG、JPEG、PNG和GIF格式的图片,且每张图片的大小不能超过50MB,尺寸建议使用800 x 800像素。 颜色:设置组件的背景颜色。 高级设置
存放商品图片,此处存放了10张商品图片,分辨率统一为380x440,如图3所示。 图3 新建img存在商品图片 在commodityListWidget.js中,新建Commodity对象并为其赋值。 其中,Commodity对象包含三个属性,分别为src(商品图片路径)、ti
边距:设置组件边框和图表之间的间距,单位px。 背景 样式:设置背景的样式,如普通、居中、拉伸等。 图片链接:为轮播组件添加图片,当前仅支持添加JPG、JPEG、PNG和GIF格式的图片,且每张图片的大小不能超过50MB,尺寸建议使用800 x 800像素。 颜色:设置组件的背景颜色。 高级设置
边距:设置组件边框和图表之间的间距,单位px。 背景 样式:设置背景的样式,如普通、居中、拉伸等。 图片链接:为轮播组件添加图片,当前仅支持添加JPG、JPEG、PNG和GIF格式的图片,且每张图片的大小不能超过50MB,尺寸建议使用800 x 800像素。 颜色:设置组件的背景颜色。 高级设置
边距:设置组件边框和图表之间的间距,单位px。 背景 样式:设置背景的样式,如普通、居中、拉伸等。 图片链接:为轮播组件添加图片,当前仅支持添加JPG、JPEG、PNG和GIF格式的图片,且每张图片的大小不能超过50MB,尺寸建议使用800 x 800像素。 颜色:设置组件的背景颜色。 高级设置
全局高级组件 轮播 图片 文本 自定义背景框 基本柱图 基本折线图 基本饼图 水位图 散点图 雷达图 仪表盘 翻牌器 路由导航和路由视图 父主题: 高级页面
在高级页面上方的工具栏中,单击(Alt+Shift+W)切换至“电脑端”。单击(Alt+Shift+M)切换至“移动端”,通过切换,对电脑端和移动端,分别进行设计与开发。 图2 视图切换 流式布局与绝对布局的自适应设计 以电脑端为例,分别为您介绍流式布局与绝对布局的自适应设计。 流式布局 流式布
删除“创建工单”功能。 选中“创建工单”按钮所在的“数据表格-工具栏”,单击鼠标右键,单击“删除”,删除前请确认已选中“创建工单”按钮,以免误删其他组件。 为查询结果增加操作列。 在左侧“设计视图”中,选中“表格”,单击右侧“属性”页签“表格列”中的,添加操作列。 图2 增加操作列 单击上图中Operation1后的。
在左侧面板中,将“图片”组件拖至中间面板“标题”组件下方,并在右侧边板设置图片地址(/besBaas/images/banner.png),设置图片高度为“165px”,宽度为“100%”。 图13 将“图片”组件拖至中间面板 图14 设置图片地址 图15 设置图片样式 在左侧面板