检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
在左侧插件栏中，单击，展开资源管理页面。 单击，进入添加工具类页面。 工具类型选择“function”。 输入工具类的名称，并编写函数代码。 图1 添加function工具类 单击“保存”，完成function工具类添加。 添加npm工具类 对于一些简单的公共函数来说，直接添加function工具类会很方便，但是对于
使用工具类方法 添加工具类 npm utils使用示例 function utils使用示例 父主题： 前端应用管理
生成策略和基本配置、框架配置一样，需要您根据实际情况进行勾选配置，不同的配置会呈现不同的效果。 API设置。 图1 API设置 Json序列化 小驼峰：序列化后的json属性名，采用驼峰格式。 下划线：序列化后的json属性名，采用下划线连接单词。 标准响应体：返回的响应体是否使用标准样式。 { "code":
在物料资产包中选择按钮组件，并拖拽至中心画布中。 添加npm utils 在左侧插件栏中，单击，展开资源管理页面。 单击，进入添加工具类页面。 工具类型选择“npm”。 参考表1配置工具类的参数。 表1 参数说明 参数 示例 名称 Loading 包名 @opentiny/vue 导出名称 Loading
单击，进入添加工具类页面。 工具类型选择“function”。 输入工具类的名称，并编写函数代码。 function isNil(value) { return value == null } 图1 添加function工具类 单击“保存”，完成function工具类添加。 在JS面板的函数中使用function
初识应用设计器 AstroPro设计器可以分为顶部工具栏、左侧插件栏、中间画布区和右侧属性设置面板四个主要界面模块。 图1 AstroPRO设计器 顶部工具栏 设计器顶部的工具栏从左到右包括： ：撤销上一步的操作。 ：恢复上次撤销的内容。 ：保存当前页面数据。 ：发布页面模板。 ：清空当前画布内容。
维管理AOM。 设置完成后，单击“下一步”，进入生成策略页面。 API设置。 图8 API设置 Json序列化 小驼峰：序列化后的json属性名，采用驼峰格式。 下划线：序列化后的json属性名，采用下划线连接单词。 标准响应体：返回的响应体是否使用标准样式。 { "code":
如何为对象添加枚举字段 使用说明 AstroPro的对象中仅提供了常用的字段类型（简单类型、数组类型），对于某些特殊的字段类型，如枚举类型（例如性别，男、女），此时可以通过添加枚举字段来实现。 图1 查看字段类型 操作步骤 在业务设计页面，单击“枚举字段”。 在编辑枚举字段页面，单击，输入枚举名称（如Sex）。
这样，其他服务可以通过这些客户端库以统一和简化的方式调用已有服务的接口，无需关心服务的具体实现细节。生成的客户端库可以作为服务间通信的标准工具，减少了重复的代码编写，提高了开发效率和代码的可重用性。 配置连接器为Astro Pro企业版功能，如果您需要使用此功能，请升级Astro
添加组件后您可以通过右侧的属性设置面板，对当前选中组件进行属性设置。 参数说明 通用参数： id：规定HTML元素的唯一的id。 className：用于属性定义元素的类名；通常用于指向样式表的类和JavaScript中。 ref：接受一个内部值，返回一个响应式的、可更改的ref对象，此对象只有一个指向其内部值的属性。
前端应用”。 单击应用模块内的“开发应用”，进入设计器。 在设计器中可根据您的需求设计前端页面，可参考设计前端应用流程进行开发。 单击顶部工具栏的“下载源码”按钮，可根据配置的页面设计，生成应用的基本代码。 代码生成后，会下载至本地，供您使用。 删除前端应用 参考登录AstroP
输入应用名称，名称只能包含大小写字母、数字、连字符（-）和下划线（_）。 名称必须唯一，不能重复。 描述 设置应用的描述信息，只包含数字、大小写字母、汉字、空格和常用符号(‘’：？。，！；（）'?:.,!;()-_@)的字符串。 项目 在项目下拉框中，选择应用所属的项目。 图1 编辑应用 单击“确定”，完成应用编辑。
初识应用设计器 设计前端应用流程 前端开发视频指导 创建前端应用 页面管理 使用组件 属性设置 样式设置 高级设置 查看大纲树 数据源管理 使用工具类方法 国际化资源管理 使用JS面板 变量管理 生成业务代码 发布页面模板 使用模板创建页面 页面模板管理 物料中心
输入应用名称，名称只能包含大小写字母、数字、连字符（-）和下划线（_）。 名称必须唯一，不能重复。 描述 设置应用的描述信息，只包含数字、大小写字母、汉字、空格和常用符号(‘’：？。，！；（）'?:.,!;()-_@)的字符串。 项目 在项目下拉框中，选择应用所属的项目。 图1 创建应用 单击“确定”，完成应用创建。
输入子域名称，名称只能包含大小写字母、数字、连字符（-）和下划线（_）。 名称必须唯一，不能重复。 描述 设置子域的描述信息，只包含数字、大小写字母、汉字、空格和常用符号(‘’：？。，！；（）'?:.,!;()-_@)的字符串。 子域类型 在下拉框中选择子域类型。 核心域：包含了核心业务逻辑和价值创造部
troPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 选择待操作应用，单击模块内的“开发应用”，进入设计器。 单击顶部工具栏的“下载源码”按钮。 选择下载路径。 选择生成到本地的文件。 您可以选择全量或指定部分文件内容。 图1 选择生成文件 单击“确定”，代码将下载至本地路径。
在左侧导航栏中，选择“前端开发平台 > 前端应用”。 选择待操作应用，单击模块内的“开发应用”，进入设计器。 选择已设计完成的页面，单击顶部工具栏。 在弹框中输入页面模板标题及模板描述。 图1 设置模板信息 单击“确定”，完成发布页面模板。发布完成后，可在模板管理中查看。 图2 查看页面模板
输入子域名称，名称只能包含大小写字母、数字、连字符（-）和下划线（_）。 名称必须唯一，不能重复。 描述 设置子域的描述信息，只包含数字、大小写字母、汉字、空格和常用符号(‘’：？。，！；（）'?:.,!;()-_@)的字符串。 子域类型 在下拉框中选择子域类型。 核心域：包含了核心业务逻辑和价值创造部
用户预先定义好的数据传输对象（可选项） |-- utils # 工具类（必填项） |-- resources # 资源目录结构 |--
# 配置类（必填项） |-- utils # 工具类（必填项） |-- exception # 异常类（必填项） |--
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
