检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
方式二:进入App视图,在左侧菜单栏下方,单击,进行数据调试。 方式三:直接在浏览器中,输入“https://AstroZero域名/studio/console.html”,进入控制台页面进行数据调试。 查询到冲突的数据后,采取以下几种方式处理。 删除安装包内的数据。 删除环境内的数据。 使用前后置脚本,删除或修改目标环境中已有数据。
输入组件名称 查看解压后的组件目录。 目录结构如图3所示,其中userLogin.js文件是写vue业务逻辑的代码,userLogin.ftl用于写html代码,userLogin.css用于写样式代码,userLogin.editor.js以及packageinfo.json是配置文件。 图3
方式一:使用组件导航,选中目的组件 当页面中组件过多,不易选择某个组件时,可以先选择该组件附近的某个子组件,当选中子组件后,“组件导航”上将显示它的html标签层级。直接单击标签层级,即可快速切换组件。 如图1所示,当不易选择栅格容器时,可以先任意选择栅格容器中的某个子组件,当选中子组件后,
阴影:设置阴影颜色、模糊、扩散等,支持的单位有px、em和%。 高级设置:在高级设置中,直接编写CSS代码作用于当前元素。 样式源码:组件具体样式代码,组件样式设置后,样式代码将自动显示在“样式源码”中,也可以自定义样式代码,对组件进行详细配置,自定义代码支持多行输入,并高亮显示样式参数。 样式类:当前
置该组件是否隐藏,这种动态设置优先级是最高的。 布局 布局:设置组件的宽度、高度等。 高级设置 > 样式源码:组件具体样式代码,组件样式设置后,样式代码将自动显示在“样式源码”中,也可以自定义样式代码,对组件进行详细配置,自定义代码支持多行输入,并高亮显示样式参数。 父主题: 设置AstroZero标准页面组件属性
阴影:设置阴影颜色、模糊、扩散等,支持的单位有px、em和%。 高级设置:在高级设置中,直接编写CSS代码作用于当前元素。 样式源码:组件具体样式代码,组件样式设置后,样式代码将自动显示在“样式源码”中,也可以自定义样式代码,对组件进行详细配置,自定义代码支持多行输入,并高亮显示样式参数。 样式类:当前
如何在低代码平台中新建一个脚本。本脚本实例不涉及对象及调用接口等内容,脚本只实现请求“http://www.example.com”,返回网站请求的消息头功能。 创建空白脚本 参考登录AstroZero新版应用设计器中操作,登录应用设计器。 在左侧导航栏中,选择“逻辑”。 (可选)单击脚本后的,为脚本添加目录。
将开发完的自定义组件上传到组件库,并在高级页面中使用。 本章节以开发网站中常用的标签切换页面为例,向您介绍如何基于组件模板在线开发组件。参考消费者业务网站(如图1所示),页面中主要包含标签栏和详情展示模块两部分,可以通过切换标签来控制详情展示模块中的展示内容。 图1 消费者业务网站示例 本章节主要在高级页面中,通过
容器组件就是基础的布局容器,可以将其理解为CSS中DIV的概念。DIV是层叠样式表中的定位技术,全称Division,即为划分,有时可以称其为图层。 DIV是HTML中的一个标签元素,用来为HTML文档内大块的内容提供结构和背景的元素,可以将“容器”简单理解为画布,通过设置外层画布的属性达到控制内容布局的效果。 流式布局
同一个组件如果在“基本属性”和“样式”中,同时对布局属性进行了设置,最终生效是“样式”栏中的设置。 样式源码:组件具体样式代码,组件样式设置后,样式代码将自动显示在“样式源码”中。也可以自定义样式代码,对组件进行详细配置。自定义代码支持多行输入,并高亮显示样式参数。 样式类:当前
阴影:设置阴影颜色、模糊、扩散等,支持的单位有px、em和%。 高级设置:在高级设置中,直接编写CSS代码作用于当前元素。 样式源码:组件具体样式代码,组件样式设置后,样式代码将自动显示在“样式源码”中,也可以自定义样式代码,对组件进行详细配置,自定义代码支持多行输入,并高亮显示样式参数。 样式类:当前
、从左到右的顺序依次排列,组件的高度将根据组件内容大小进行自适应,宽度可按百分比进行配置。流式布局常用于常规Web应用开发,例如电商网站、管理网站等。 绝对布局高级页面 创建绝对布局类型的高级页面。 参考登录经典应用设计器中操作,登录经典版应用设计器。 在模块树中,将鼠标放在某个文件夹上,单击加号,选择“高级页面”。
输入、显示、按钮等。 高级页面主要用于开发应用中较复杂的前端页面,例如包含图片、图表、视频、地图等元素的页面,您也可以将高级页面应用于开发网站、电商平台等,通过拖拽、布局组件,并进行相关属性配置即可快速搭建应用。由此可见,高级页面主要用于对呈现效果要求比较高的场景,而标准页面主要
使用说明 开发高级页面时,如果需要消息主动推送、高实时数据展示,您需要使用WebSocket来实现后台数据调用。 WebSocket是一种HTML5提供的网络传输协议。WebSocket协议支持Web浏览器,使得客户端和服务端之间可以创建长久连接并进行双向数据传输,即服务端可以主动
阴影:设置阴影颜色、模糊、扩散等,支持“px”、“em”和“%”三种单位。 高级设置:在高级设置中,直接编写CSS代码作用于当前元素。 样式源码:组件具体样式代码,组件样式设置后,样式代码将自动显示在“样式源码”中。也可以自定义样式代码,对组件进行详细配置。自定义代码支持多行输入,并高亮显示样式参数。 样式类:当前
阴影:设置阴影颜色、模糊、扩散等,支持“px”、“em”和“%”三种单位。 高级设置:在高级设置中,直接编写CSS代码作用于当前元素。 样式源码:组件具体样式代码,组件样式设置后,样式代码将自动显示在“样式源码”中。也可以自定义样式代码,对组件进行详细配置。自定义代码支持多行输入,并高亮显示样式参数。 样式类:当前
同一个组件如果在“基本属性”和“样式”中,同时对布局属性进行了设置,最终生效是“样式”栏中的设置。 样式源码:组件具体样式代码,组件样式设置后,样式代码将自动显示在“样式源码”中。也可以自定义样式代码,对组件进行详细配置。自定义代码支持多行输入,并高亮显示样式参数。 样式类:当前
账号UserA参考如何将应用发布到“我的仓库”,在开发环境中发布应用到“我的仓库”,打包编译时选择“资产包”。 在“我的仓库”中只适用于安装用户发布的资产包,不能安装“源码包”。 账号UserB登录要安装该资产包的运行环境,参考1打开配置开关,参考2自定义仓库,自定义仓库时配置的OBS信息要和账号UserA的设置保持一致。
编排、BPM、标准页面和高级页面等,已启用的资源默认处于解锁状态),并进行解锁。 :包管理目录,可显示该应用发布中的包或者已发布的资产包/源码包。 :显示该应用涉及的连接器,用于对接第三方服务。 :AstroZero支持在App、BO或Addon App中开发或编辑服务编排、脚本
您可以通过拖、拉、拽页面组件,再加上少量事件代码,即可拼装出所需页面,具体介绍请参见标准页面。 高级页面:对于一些样式比较复杂的页面,例如网站、电商、园区大屏等,您可以使用平台提供的“高级页面”。 高级页面是由一个或者多个Widget(即组件)拼装而成。如图1所示,组件是可复用的