检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
工具类型选择“function”。 输入工具类的名称，并编写函数代码。 图1 添加function工具类 单击“保存”，完成function工具类添加。
使用工具类方法 添加工具类 npm utils使用示例 function utils使用示例 父主题： 前端应用管理
单击，进入添加工具类页面。 工具类型选择“function”。 输入工具类的名称，并编写函数代码。
单击，进入添加工具类页面。 工具类型选择“npm”。 参考表1配置工具类的参数。
初识应用设计器 AstroPro设计器可以分为顶部工具栏、左侧插件栏、中间画布区、右侧属性设置面板几个主要界面模块。 图1 AstroPRO设计器 顶部工具栏 设计器顶部的工具栏从左到右包括： ：撤销上一步的操作。 ：恢复上次撤销的内容。 ：保存当前页面数据。 ：发布页面模板。
前端应用管理 初识应用设计器 设计前端应用流程 应用管理 页面管理 使用组件 属性设置 样式设置 高级设置 查看大纲树 数据源管理 使用工具类方法 国际化资源管理 使用JS面板 变量管理 生成业务代码 发布页面模板 使用模板创建页面 页面模板管理 物料中心
单击顶部工具栏的“下载源码”按钮。 选择下载路径。 选择生成到本地的文件。 您可以选择全量或指定部分文件内容。 图1 选择生成文件 单击“确定”，代码将下载至本地路径。 父主题： 前端应用管理
选择已设计完成的页面，单击顶部工具栏。 在弹框中输入页面模板标题及模板描述。 图1 设置模板信息 单击“确定”，完成发布页面模板。发布完成后，可在模板管理中查看。 图2 查看页面模板 父主题： 前端应用管理
根据业务对象的关系自动关联生成，正交的笛卡尔积对象（可选项） |-- {customDto}.java # 用户预先定义好的数据传输对象（可选项） |-- utils # 工具类
可选项） |-- event # 事件层（可选项） |-- publish # 发布事件的Package，存放事件发布的工具类
客户端类型：配置客户端远程调用工具类型，默认为OPEN_FEIGN，即spring-cloud:openFeign远程调用客户端。 控制器类型：设置生成API层时的生成依据，默认为SPRING_WEBMVC，即生成基于spring-webmvc的API层。
图9 整体页面效果 单击顶部工具栏的，保存页面设计。 步骤四：生成代码 根据配置的页面设计，生成应用的基本代码。代码生成后，会下载至本地，供您使用。 单击顶部工具栏的“下载源码”按钮。 选择下载路径。 选择生成到本地的文件。
以下若无特殊说明，均基于VSCode工具，按照imgbutton组件的功能点来介绍自定义组件的开发过程。 下载自定义组件模板，将自定义组件模板包解压。
单击顶部工具栏的“下载源码”按钮。 选择下载路径。 选择生成到本地的文件。 图9 选择生成文件 单击“确定”，代码将下载至本地路径。 父主题： 前端应用管理
单击顶部工具栏的中英文切换按钮，可进行中英文切换。 图7 中文显示 图8 切换英语 父主题： 前端应用管理
出码结果 在顶部工具栏单击“下载源码”，查看出码结果。
配置服务基本信息 架构配置 生成策略 业务设计 对象及关系介绍 前端应用管理 创建前端应用 新建页面 使用组件设计页面 生成前台业务代码 新建页面 样式管理 通过样式面板配置样式 直接编写样式代码 使用状态选择器 行内绑定状态变量 高级配置管理 条件渲染 循环渲染 绑定事件 使用数据源 添加工具类
# 通用包 |-- config # 配置类（必填项） |-- utils # 工具类
MyBatis/MyBatisPlus：MyBatis-Plus是一个MyBatis的增强工具，为MyBatis提供了一些高效、实用、开箱即用的特性，使用MyBatis-Plus可以有效的节省开发时间。 缓存设置。 图3 缓存设置 不启用：不对接缓存服务。
MyBatis/MyBatisPlus：MyBatis-Plus是一个MyBatis的增强工具，为MyBatis提供了一些高效、实用、开箱即用的特性，使用MyBatis-Plus可以有效的节省开发时间。 安全认证设置。 图6 安全认证设置 身份认证 不启用：不启用安全认证机制。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
