检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
标准页面基于Vue技术栈,平台预置丰富基础组件,也可以支持扩展,多用于表格表单等后端管理页面的快速开发。 标准页面开发界面提供图形化、无码化在线页面开发功能,通过标准页面开发界面能够快速构建各种复杂表单表格页面、以及其他一些灵活布局页面。支持在开发界面中将组件面板上的页面组件拖拽至
、组件属性以及事件之间的调用及相关配置。 标准页面的编辑环境也称为UI Builder,UI Builder是图形化、无码化的前端页面在线开发工具。借助标准页面,您只需要了解基本前端编码知识,通过将页面组件拖拽至“设计视图”的画布中,再进行必要的属性、事件配置,就可以完成页面的开发。
启用返回工作台效果 隐藏菜单图标:是否隐藏菜单图标。勾选后,应用中菜单将不会显示图标。 图4 显示菜单栏图标 应用工具栏:是否显示多语言按钮。勾选后,应用中将会显示语言切换按钮。 图5 应用工具栏 设置完成后,单击“保存”。 在应用设计器的顶部菜单栏中,单击“运行 > 立即运行”,可查看设置效果。
的服务。 已执行前提条件中操作,即已部署上线用于花卉识别的模型。 在ModelArts管理控制台左侧菜单栏中,选择“部署上线 > 在线服务”,进入在线服务管理页面。 单击目标服务名称,进入服务详情页面。 选择“调用指南”页签,查看“API接口地址”。 如图4所示,该参数值为“API接口地址”中的一串字符串。
的服务。 已执行前提条件中操作,即已部署上线用于花卉识别的模型。 在ModelArts管理控制台左侧菜单栏中,选择“部署上线 > 在线服务”,进入在线服务管理页面。 单击目标服务名称,进入服务详情页面。 选择“调用指南”页签,查看“API接口地址”。 如图2所示,该参数值为“API接口地址”中的一串字符串。
返回标准页面开发界面,单击,保存标准页面后,单击,预览标准页面。 在弹出的预览页面,按“F12”或者“Ctrl + Shift + I”,开启浏览器调试工具。 在“Console”页签,查看日志相关信息。在“Network”页签,查看网络请求信息。 图4 “Console”页签查看日志相关信息
返回标准页面开发界面,单击,保存标准页面后,单击,预览标准页面。 在弹出的预览页面,按“F12”或者“Ctrl + Shift + I”,开启浏览器调试工具。 在“Console”页签,查看日志相关信息。在“Network”页签,查看网络请求信息。 图4 “Console”页签查看日志相关信息
应用打包 > 生成移动应用”。 在发布应用中,单击“WeLink-We码”。 图23 WeLink-We码 打开WeLink,扫描登录WeLink开放平台。 图24 扫描登录WeLink开放平台 如果当前未登录WeLink,需要先扫码或输入账号、密码登录。登录后,直接跳转到应用创建设置页。
修改“UserType”列属性 单击页面上方的,保存设置。 设置工具栏区域。 在左侧“设计视图”中选中“表格”,单击右侧“属性”页签“表格区块”中“工具栏”后的“添加”按钮。 图10 增加工具栏 只保留“新增行”、“删除”按钮,删除其他工具栏中多余的按钮。 单击选中待删除按钮,鼠标右键单击,
AstroZero沙箱实例规格说明,详细介绍请参见产品规格差异。 购买时长 设置沙箱的购买时长,最短1个月,最长3年。 在购买Astro轻应用页面,确认支付方式,单击“去在线支付”。 图2 支付订单 支付成功后,单击“返回Astro轻应用控制台”,即可进入AstroZero服务控制台。 进入AstroZero沙箱环境。
通过AstroZero脚本中的数据库db标准库的相关方法实现,也可以通过服务编排中的相关图元可视化编排来实现。 业务数据简单查询测试 通过AstroZero控制态工具“数据调试”,进行相关表数据sql查询操作,详情请参见使用控制台分析查询SQL。 业务数据前端显示 前端页面通过访问数据库,获取数据源进行展示。
StudioToolkit.getCatalogProperties():用于获取当前站点的元数据。 HttpUtils工具类预置API AstroZero平台内置了HttpUtils工具类,预置API如下: HttpUtils.getCookie:用于获取某个cookie的值。 代码示例:HttpUtils
升业务效率。 在AstroZero中,通过应用与华为OCR(Optical Character Recognition)对接,可实现图片或扫描件中文字识别功能。 场景描述 识别某用户上传到华为OBS上的身份证图片的全部信息。 前提条件 已申请身份证识别服务,具体操作请参见开通文字识别服务。
StudioToolkit.getCatalogProperties():用于获取当前站点的元数据。 HttpUtils工具类预置API AstroZero平台内置了HttpUtils工具类,预置API如下: HttpUtils.getCookie:用于获取某个cookie的值。 代码示例:HttpUtils
doQuery();}) } }) 返回标准页面开发界面,单击页面上方的,保存页面。 设置工具栏区域。 在左侧“设计视图”中,选中“表格”,单击右侧“属性 > 表格区块 > 工具栏”后的“添加”。 删除上图工具栏中多余的按钮,只保留“新增行”、“保存”和“删除”按钮。 单击页面上方的,保存页面。
编排来调用“login”脚本,查询登录账号密码,判断当前登录的账号密码是否正确,来实现业务用户后台登录功能。 业务用户在前台登录时,需要先在线下开发一个登录组件,上传到高级页面,并在高级页面中配置组件桥接器中的数据。最后在页面中输入登录账号密码,通过调用“用户登录服务编排”,实现业务用户页面登录功能。
图8 操作设置 按钮栏:根据需要选择按钮,在视图中会显示所选按钮,部分按钮在勾选记录时显示。单击,可选择打开的页面。 工具栏:设置在视图中,需要显示的工具。勾选“启用搜索框”,该视图页面会展示搜索框。 记录操作:根据需要在视图中,显示对记录的操作按钮。不勾选“启用记录操作按钮
事件代码,实现某些功能,如删除、编辑等。 添加空白列:表格的列,可添加表格空白列。 表格区块 工具栏用于扩展表格能力,为表格添加工具栏,提供增删改查以及保存的功能按钮。 图4 添加工具栏 表格组件绑定数据后,可基于表格中的字段,添加数据表格查询栏。 图5 添加查询条件 图6 设置后效果
16px; cursor: pointer; } 修改应用开发工具和应用引擎的控件定义文件,将控件定义文件中的“testProject”修改为imgButton,修改后效果如下所示。 控件定义文件路径: 应用开发工具的文件路径“src\components\imgButton\design-time\index
商业对象:将封装好的BO能力作为服务编排中的一个节点。 连接器:将短信发送、支付等第3方连接器作为当前服务编排中的一个节点。 除了图形化编排,AstroZero也支持服务编排的在线测试验证,以及问题跟踪调试,方便您及时发现并解决问题。 服务编排测试通过、发布后,既可以直接被前端页面调用,也可以作为restful接口被