场景六：开发业务引导定制信息页面 开发指南

查看更多 →

应用前端开发概述 前端开发是指通过拖拉拽预置或自定义组件，进行页面配置开发。AstroZero低代码平台提供了标准页面、高级页面和报表三种类型的前端页面。在开发前端页面前，请先了解三者的区别。 标准页面主要适用于对样式要求相对简单的场景（如表单类应用），这种页面一般用于业务数据的

查看更多 →

线下开发自定义登录组件 在左侧资产下的组件模板中，单击widgetVueTemplate，再单击“下载”。 图1 下载组件模板 在弹出的窗口中，输入组件名称，并单击“保存”，将组件模板保存到本地，并解压。 图2 输入组件名称 查看解压后的组件目录。 目录结构如图3所示，其中userLogin

查看更多 →

作用域：设置新建资源作用的域。 项目级：资源应用于整个项目。 页面级：资源应用于哪些页面。 页面作用域：选择资源所应用的页面。 开发界面下不加载：是否在开发页面时加载资源，请在确认不影响开发页面中的功能后，再打开，以减少开发时的资源加载。 设置后，再次进入项目时，设置才会生效。 单击“检查更新”，检查资源是否有版本更新。

查看更多 →

高级页面中预置的API 在开发高级页面过程中，系统为页面组件和桥接器提供了一些预置API。 组件 在开发自定义组件时，需要定义“组件名.js”文件，该文件为组件逻辑文件，是整个组件的渲染核心JS，在组件编辑状态和页面最终的发布运行态都会被加载执行。主要包含的预置API说明，请参见表1。

查看更多 →

如何实现页面组件间的交互 组件之间的交互主要依托数据的变化和传输实现，将组件的属性与对应的数据进行绑定。当其他组件的事件、服务编排、事件等使属性绑定值发生变化时，绑定的属性也随即发生变化，实现了组件之间的交互。 数据绑定方式 在标准页面开发界面，选中任意组件，在右侧“属性”页签进行数据绑定。

查看更多 →

组件所属分类，上传组件后，该组件将会在页面的该分类下进行展示。 领域 组件包应用的领域。 一般保持默认“通用”，在组件列表中可基于领域进行分类展示。 场景 该组件包应用的场景，包含但不限于以下几种： 高级页面：该组件适用于高级页面开发场景。 标准页面：该组件适用于标准页面开发场景。 业务大屏：该组件适用于Astro

查看更多 →

组件所属分类，上传组件后，该组件将会在页面的该分类下进行展示。 领域 组件包应用的领域。 一般保持默认“通用”，在组件列表中可基于领域进行分类展示。 场景 该组件包应用的场景，有以下几种： 高级页面：该组件适用于高级页面开发场景。 标准页面：该组件适用于标准页面开发场景。 业务大屏：该组件适用于Astro

查看更多 →

中。 标准页面组件：表示生成的组件工程可打包为用于标准页面开发的组件资产。创建的该类型组件会保存在本地应用工程目录下的“packages\standardPageAssets”目录中。 vue高级页面组件：用于开发vue单文件组件，可打包成传统的组件包，用于开发高级页面（基于此类

查看更多 →

作用域：设置新建资源作用的域。 项目级：资源应用于整个项目。 页面级：资源应用于哪些页面。 页面作用域：选择资源所应用的页面。 开发界面下不加载：是否在开发页面时加载资源，请在确认不影响开发页面中的功能后，再打开，以减少开发时的资源加载。 设置后，再次进入项目时，设置才会生效。 单击“检查更新”，检查资源是否有版本更新。

查看更多 →

开发概述 卡片库简介 卡片是一种新的服务形态，提供一种比页面更细粒度的可复用的原子化服务能力，能直观呈现独立的业务含义，使用户能够精准快速地获取想要的服务。 目前卡片定义是狭义定义，不含报表、中大屏、页面、移动屏等由卡片编排的消费产物。 作为一种入口方式。如在一站式应用，以图标/

查看更多 →

件的班次记录。 图1 班次信息管理页面 操作步骤 创建标准页面。 如图2所示，在应用的开发页面，选择存放脚本的目录（前台页面），单击目录对应的，选择“标准页面”。 图2 创建标准页面 在弹出的“添加标准页面”页面，如图3所示，选择创建一个空白页面，输入“标签”为“班次信息管理”，

查看更多 →

页面管理 复制页面 发布页面 页面设置 删除页面 移动页面 发布为首页 下载当前页面 发布为模板 发布为全局模板 管理页面版本

查看更多 →

删除页面 操作场景 页面删除后，不可恢复，请谨慎操作。 操作步骤 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在项目列表中，单击页面所在的项目，进入项目。 将鼠标放在待删除的页面上，单击。 在弹出的提示框中，单击“确定”，即可删除该页面。 页面删除

查看更多 →

单击“保存”，自定义页面配置完成 选择配置的页面名称，进入页面布局界面。单击页面名称左边的，发布自定义页面。 发布状态下的页面才可以在来电弹屏中被引用，被来电弹屏引用的页面不支持取消发布。 自定义页面最多支持创建5个页面，不需要的页面请及时删除。 后续操作 已配置的页面支持： 单击，可编辑选中的页面。

查看更多 →

管理页面 管理组件模板 桥接器模板 查看操作日志

查看更多 →

左边距：图表到组件边框左侧的距离。 轮播配置 在轮播配置中，设置轮播页面的切换配置、自动播放和分页配置等。 图4 轮播配置 轮播设置 页面：添加轮播的页面，可以选择本项目内的页面，也可以选择外部页面，但添加的页面数不能超过10个。 图5 选择本项目内的页面 图6 选择外部页面 滚动条：是否显示滚动条，如自动或隐藏。

查看更多 →

页面资产 已开放页面 ISDP+当前已开放的页面： 集成页面 页面功能说明 集成URL 智能监控页面（九宫格） 安监视频九宫格视图、地图视图、表格视图 https://isdp+的 域名 /embed/#/qc/holosens/IntelligentMonitor （若没有域名则使用IP地址，格式为：IP:端口号）

查看更多 →

设置页面 使用说明 通过本章节的学习，您可以快速了解高级页面相关的配置。 操作步骤 参考如何进入经典开发环境中操作，进入经典版开发环境。 在“首页 > 项目 > 我的应用”中，单击对应的应用，进入应用开发页面。 在页面左下角，选择“页面设置”。 应用创建后，该应用站点默认处于被解锁状态。

查看更多 →

标准页面 AstroZero标准页面概述 创建空白AstroZero标准页面 使用模板创建AstroZero标准页面 为AstroZero标准页面添加组件 设置AstroZero标准页面组件属性 添加事件实现AstroZero组件间交互 添加库扩展AstroZero标准页面功能 查看AstroZero标准页面性能

查看更多 →

使用页面模板文件新建页面 创建移动端页面操作和大屏&PC端页面相同，本章节以创建大屏&PC端页面为例进行介绍。 操作场景 使用页面模板文件，构建开发页面，减少重复开发，提高交付效率。 前提条件 已获取对应的页面模板文件，详情请参见下载当前页面。 操作步骤 参考登录AstroCan

查看更多 →