检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
登录页面设计开发示例 业务场景及设计流程说明 应用可以由一个或多个页面组成一个完整的业务系统。 本入门为创建一个简单的登录页面,帮助您快速上手AstroPro前端应用开发。登录页面中包括图片、文本、输入框和按钮四个基础组件,且用到Box布局容器组件,便于整体排版布局。
登录AstroPro界面 前提条件 已参考购买基础版实例、购买专业版实例或购买企业版实例中操作,购买AstroPro实例。 操作步骤 使用华为账号,登录华为云网站。 在顶部导航栏右侧单击“控制台”,进入华为云控制台。
条件渲染 在页面开发中,可能需要根据某些条件来动态显示或隐藏页面中的内容,例如:如果您希望当用户已经登录的时候,显示“欢迎登录”的文字,未登录的时候,显示“请登录”的文字。 参考登录AstroPro界面中操作,登录AstroPro界面。
查看大纲树 参考登录AstroPro界面中操作,登录AstroPro界面。 在左侧导航栏中,选择“前端开发平台 > 前端应用”。 单击应用模块内的“开发应用”,进入设计器。 在左侧插件栏中,单击,展开并查看页面大纲树。 图1 设置主页 父主题: 前端应用管理
引用devspore-horizo插件 参考登录AstroPro界面中操作,登录AstroPro界面。 在左侧导航栏中,选择“后端开发平台 > 服务管理 > 服务”。 在服务列表中,单击待操作服务“操作”列的“编辑”。 图1 编辑服务 在基本配置中,开启“是否启用扩展拦截”。
新手指引 入门必读 购买基础版实例 购买专业版实例 购买企业版实例 升级实例版本 登录AstroPro界面
开启自定义认证功能 登录AstroPro控制台,单击“进入首页”,进入AstroPro实例。 在左侧导航栏中,选择“后端开发平台 > 服务管理 > 服务”。 在服务列表中,选择对应服务,单击“操作”列“编辑”,进入服务编辑页面。
本入门为创建一个简单的登录页面,帮助您快速上手AstroPro前端应用开发。登录页面中包括图片、文本、输入框和按钮四个基础组件,且用到Box布局容器组件,便于整体排版布局。在AstroPro中,构建一个上述登录页面的流程,如图图1所示。
续费 续费概述 手动续费 自动续费
服务管理 了解服务创建流程 新增一个服务 编辑服务 生成服务代码 查看服务详情 使用模板创建服务 升级API版本 重新编译服务 复制服务 删除服务 导出元数据 导入DDL 导入swagger 父主题: 后端应用管理
变量管理 添加页面变量 添加全局变量 父主题: 前端应用管理
高级设置 条件渲染 循环渲染 绑定事件 父主题: 前端应用管理
AstroPro学堂 如何自定义DTO 如何定义脱敏规则 如何为对象自定义API 如何为对象添加固定字段 如何为对象添加枚举字段 如何自定义devspore-horizon插件 如何使用自定义鉴权插件 如何使用自定义认证插件 服务开发框架详解 AstroPro-SDK版本变更与下载
服务组管理 新建服务组 编辑服务组 删除服务组 父主题: 后端应用管理
后端应用管理 创建企业核心应用 后端开发视频指导 项目管理 角色管理 服务组管理 服务管理 服务依赖管理 对象详解 应用管理 子域管理 应用服务管理 配置服务SLA 资产库管理 执行框架转换
前端应用管理 初识应用设计器 设计前端应用流程 前端开发视频指导 创建前端应用 页面管理 使用组件 属性设置 样式设置 高级设置 查看大纲树 数据源管理 使用工具类方法 国际化资源管理 使用JS面板 变量管理 生成业务代码 发布页面模板 使用模板创建页面 页面模板管理 物料中心
创建企业核心应用 了解构建流程 步骤1:创建项目 (可选)步骤2:创建服务组 步骤3:添加服务 步骤4:编辑服务 步骤5:生成服务代码 父主题: 后端应用管理
应用服务管理 创建应用服务 编辑应用服务 关联服务 删除应用服务 父主题: 后端应用管理
编辑服务 步骤1:基本配置 步骤2:框架配置 步骤3:生成策略 步骤4:业务设计 步骤5:服务依赖 父主题: 服务管理
如何使用自定义鉴权插件 开启自定义鉴权功能 开发自定义鉴权插件 父主题: AstroPro学堂