检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
在页面JS中定义其他的变量。 页面JS中可以通过this访问当前页面的state，全局的stores， 以及t函数（获取国际化词条）。 下面将通过两个示例分别展示如何使用。 为组件添加单击事件 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台
dataSource下拉框中选择待绑定的数据源。 图3 绑定数据源 表格组件中的应用 将Grid表格组件拖拽至Collection组件中。 图4 表格拖拽至Collection组件 单击“确定”，根据提示引入配置数据，自动解析出表格列数据。 图5 解析表格列数据 父主题： 数据源管理
null } 图1 添加function工具类 单击“保存”，完成function工具类添加。 在JS面板的函数中使用function utils 您可以在JS面板或者页面生命周期函数中通过this.utils.isNil方式使用自定义的函数。 代码示例： function xxxHandler(value)
初始值类型：可选择“JSON类型”和“JS表达式类型” 初始值：数据写法和JS写法一致。 字符串: "string" 数字: 123 布尔值: true/false 对象: {"name": "xxx"} 数组: ["1", "2"] 空值: null JS表达式: （“初始值类型”需要选择“JS表达式类型”）
参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”，进入设计器。 选中组件，在组件属性设置面板选择“高级”。 鼠标悬停在“绑定事件”上，将显示事件列表。 在事件列表中，单击需要绑定的事件。
页面可能有若干份重复的、动态生成的内容，例如商品列表页、表格数据。这时候需要用到循环渲染。您可以在高级面板中指定循环数据绑定的变量、迭代的变量名、索引变量名、以及唯一的key。 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。
参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”，进入设计器。 在左侧插件栏中，单击，展开物料资产包。 在物料资产包中选择按钮组件，并拖拽至中心画布中。 添加npm utils 在左侧插件栏中，单击，展开资源管理页面。
ponents\imgButton\index.js，将控件定义文件中的“componentA”修改为“imgButton”，“TestA”修改为“imgButton”，修改后效果如下图所示。 图5 修改定义文件 修改main.js文件，确保导出组件成功，“componentA”
源。 ：资源管理插件，将一些可复用的公共函数编写到工具类中，也可以将一些npm包引用到工具类中，供后续调用，具体操作请参考使用工具类方法。 ：国际化插件，可添加国际化词条，实现中英文切换。 ：JS方法插件，您可以通过使用JS面板编写自己的代码，从而实现较为复杂的业务场景。 ：状态
开发。 创建应用 创建页面 页面设计 生成代码 04 使用 如何构建企业应用 了解构建流程 创建项目 创建服务组 创建服务 编辑服务（业务建模） 生成服务代码 项目管理 编辑项目 项目角色管理 删除项目 服务管理 如何添加一个服务 查看服务详情 升级API版本 导出元数据 业务建模
前端开发视频指导 创建前端应用 页面管理 使用组件 属性设置 样式设置 高级设置 查看大纲树 数据源管理 使用工具类方法 国际化资源管理 使用JS面板 变量管理 生成业务代码 发布页面模板 使用模板创建页面 页面模板管理 物料中心
o-SDK，也可以直接通过表1中链接，一次性下载所有的AstroPro-SDK。 如果您能访问外网并下线maven依赖，则可通过修改maven settings.xml文件来配置华为开源镜像仓库进行依赖管理，具体配置如下： 在profiles节点中添加如下内容： <profile>
o前端应用开发。登录页面中包括图片、文本、输入框和按钮四个基础组件，且用到Box布局容器组件，便于整体排版布局。在AstroPro中，构建一个上述登录页面的流程，如图图1所示。 图1 应用页面开发 前提条件 已将页面设计所需要的图片上传到已创建的OBS桶中备用，并获取存储路径。上传图片，请参考上传对象。
在对象的字段中，使用脱敏规则。 从“business”中，拖拽“BO”对象至画布空白区域。 选中BO对象，在对象属性中，单击“编辑字段”。 单击“新增”，添加一个phone字段，并将脱敏规则设置为2中定义的内容。 设置后，返回的值将进行脱敏处理，如1****123456。 图3 引用脱敏规则
TO。 从“business”中，拖拽“BO”对象至画布空白区域。 选中BO对象，在对象属性中，单击“自定义API”。 图3 自定义API 单击“新增”，添加一个自定义API。 图4 自定义一个API 在请求对象或返回对象的参数中，使用自定义DTO。 图5 在自定义API中使用自定义DTO
如何为对象自定义API 使用说明 当系统提供的基本操作无法满足需求时，可通过自定义API来实现 如果您的业务设置为聚合关系，则只能在主要方自定义API。 图1 查看操作类型 添加自定义API 在业务设计页面，选中某个业务对象。 单击BO属性操作中的“自定义API”，进入编辑自定义API页面。
如何为对象添加枚举字段 使用说明 AstroPro的对象中仅提供了常用的字段类型（简单类型、数组类型），对于某些特殊的字段类型，如枚举类型（例如性别，男、女），此时可以通过添加枚举字段来实现。 图1 查看字段类型 操作步骤 在业务设计页面，单击“枚举字段”。 在编辑枚举字段页面，单击，输入枚举名称（如Sex）。
引用devspore-horizo插件 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“后端开发平台 > 服务管理 > 服务”。 在服务列表中，单击待操作服务“操作”列的“编辑”。 图1 编辑服务 在基本配置中，开启“是否启用扩展拦截”。 图2 启用扩展拦截
单击BO属性操作中的“编辑字段”，查看对象默认字段。 当前仅添加了一个“id”默认字段。 图1 查看默认字段 单击“固定字段”，选中待添加的固定字段，单击“保存”。 图2 编辑固定字段 选中对象，再次单击BO属性操作中的“编辑字段”，查看对象默认字段。 可查看到对象的默认字段中，除了id还增加了3中添加的固定字段。
stroPro实例。 在左侧导航栏中，选择“后端开发平台 > 服务管理 > 服务”。 在服务列表中，选择对应服务，单击“操作”列“编辑”，进入服务编辑页面。 在服务编辑页面中，单击流程导图中的“框架配置”，进入框架配置页面。 在“安全认证”模块中，设置“身份认证”为“自定义认证”。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
