检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
标准页面是一种将一个或多个组件拖进画布,进行低代码甚至无代码的配置,即可快速完成业务功能的前端页面。对于一般的业务应用系统,例如请假电子流、出差报销、在线投票等企业常见业务场景,其功能主要是针对业务数据的增、删、改、查,且前端界面的样式相对简单的页面,此时,您即可使用AstroZero提供的
多语言属性。 图1 设置应用名称和图标 应用创建成功后,选择一种方式,创建所需的应用。 图2 选择一种方式 创建普通表单:对于一些业务数据在线收集、数据共享和事件跟进等场景,可选择创建普通表单。创建普通表单时,支持创建空白表单和从Excel创建两种方式。 图3 创建普通表单 创建
您选择使用,同时也支持对标准页面的主题样式进行自定义修改。自定义主题时,可以自定义修改标准页面的样式。设置完成并启用主题后,该应用中标准页面相同组件的展示,将以主题中配置的为准。 自定义主题样式需要您熟悉CSS的Less代码编写规范,关于Less介绍,请参见Less介绍。 自定义主题样式
标准页面主要适用于对样式要求相对简单的场景(如表单类应用),这种页面一般用于业务数据的增、删、改、查等基础功能,例如绩效管理、请假电子流、健康打卡、在线投票等。标准页面中的组件是基于Vue.js的通用基础组件,常用于管理端表格表单类的页面开发,如布局容器、数据容器、输入、显示、按钮等。 高
定期完成的任务。例如,系统中存在一个定时任务,在每天凌晨3点,定时将到期的商品进行下架处理。系统提供自定义定时任务,您可以根据业务需求进行在线创建、查看、删除定时任务并监控任务执行的结果。 操作场景 创建一个定时任务“OfferingOffline”,用于实现从2021-11-2
通过本章节的学习,您可以快速了解高级页面相关的配置。 操作步骤 参考如何进入经典开发环境中操作,进入经典版开发环境。 在“首页 > 项目 > 我的应用”中,单击对应的应用,进入应用开发页面。 在页面左下角,选择“页面设置”。 应用创建后,该应用站点默认处于被解锁状态。 在进行高级页面相关配置前,需要先单击,锁定页面。
配置主题 场景描述 设置并启用主题后,该应用中标准页面相同组件的展示将以主题中配置为准。 例如,标准页面中表单的按钮展示如图1所示。在主题中配置该按钮中字体为黄色,启用主题使得标准页面表单按钮字体颜色变成黄色。 图1 启用主题前标准页面预览效果 前提条件 请先熟悉CSS的Less代码编写规范。
组装“工单列表(派单员)”页面 “工单列表(派单员)”页面与“工单列表(客服人员)”页面相比,大致功能一致,仅多了一个操作列,操作列中包含了派单员需要使用的派单图标。 因为两个页面很相似,所以为了快速创建,可以将“工单列表(客服人员)”页面保持为一个模板,再引用这个模板创建新的页面。
创建“删除工单”脚本及公共接口 管理员的“工单管理”页面与“工单列表(派单)”页面相比,功能大致相同,仅多了一个创建工单功能、操作列中的删除按钮,因此需要多创建一个实现删除工单功能的后台逻辑。 创建脚本 在“我的应用”中,单击“设备维修管理系统”,进入应用。 在“WorkOrde
组装“工单管理”页面 管理员的“工单管理”页面与“工单列表(派单员)”页面相比,大致功能一致,仅多了一个创建工单功能,和操作列中的删除按钮。因为两个页面很相似,所以为了快速创建,将通过“工单列表(派单员)”页面另存一个页面,然后再改造这个另存后的页面成为“管理员管理工单”页面。
定期完成的任务。例如,系统中存在一个定时任务,在每天凌晨3点,定时将到期的商品进行下架处理。系统提供自定义定时任务,您可以根据业务需求进行在线创建、查看、删除定时任务并监控任务执行的结果。 除了在应用开发时创建定时任务,您还可以在环境配置中创建定时任务,详情请参见管理应用中的定时
调测能力 开启日志监控 使用控制台分析查询SQL 端到端调测示例 父主题: 经典版开发指导
a中的组件包,单击“更新”。 返回组件详情页,可查到新上传的组件版本。 图3 新组件版本 方式二:在线编辑更新 单击“编辑”,进入组件在线编辑器。 在编辑器中,单击页面右上角的,获取锁。 图4 获取锁 锁定后,根据自身业务需求,在线修改组件文件。 以修改widgetVueTemplate.js文件中,name变量值为“AppCube
端到端调测示例 以某项目的用户反馈,批量导入失败进行调测定位为例,向您介绍如何进行调测。 操作步骤 参考开启日志监控中操作,抓取跟踪日志。 在日志中,搜索taskplan,发现已生成taskplan日志,说明已生成待执行的定时任务,但是在前台看不到定时任务记录。 图1 搜索tas
a中的组件包,单击“更新”。 返回组件详情页,可查到新上传的组件版本。 图3 新组件版本 方式二:在线编辑更新 单击“编辑”,进入组件在线编辑器。 在编辑器中,单击页面右上角的,获取锁。 图4 获取锁 锁定后,根据自身业务需求,在线修改组件文件。 以修改widgetVue3Template.js文件中,name变量值为“AstroZero
适配不同业务场景的页面标准。 支持标准页面自适应布局,高级页面适配多终端。 脚本引擎,在线低码开发复杂业务逻辑 支持自定义开发,定制更灵活 现代化的编辑界面,语法高亮显示,代码联想提示。 在线IDE,智能提示,自动补全,快速编译。 支持页面调测和性能查看,快速定位逻辑Bug。 服务编排,搭积木式应用构建,积木零件组合复用
如何调测脚本 使用说明 通过console.log打印日志,执行逻辑调试和throw new Error抛出异常来调试。调试运行一般在脚本编辑中的测试调试区域。 操作步骤 参考脚本开发实例中操作,创建一个脚本样例。 本示例以示例服务脚本为例,进行介绍。 图1 示例服务脚本 单击代码编辑器上方的,保存脚本。
开发高级组件 在线开发高级组件 管理高级组件版本 父主题: 高级页面
为AstroZero高级页面添加自定义组件 在线开发AstroZero高级页面自定义组件 管理AstroZero高级页面自定义组件 父主题: 高级页面
常。 验证页面跳转事件。 单击“创建工单”,验证是否跳转到“生成工单”页面。如果页面跳转到工单列表页面,则说明验证成功。 因当前生成工单页面相关的BPM尚未创建,这里还无法验证创建工单功能。 父主题: 开发“客服人员创建工单”功能