检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
使用JS面板 在常规代码开发中，您需要为某个区块或者某个元素添加一些事件，比如单击事件，同一个页面的事件会统一保存到对应的页面JS中。 很多时候您需要自定义一些方法去复用一些逻辑，也需要用到页面JS。 需要注意的是当前的页面JS只能使用声明函数，不能使用函数表达式声明函数，也不能在页面JS中定义其他的变量。
使用swagger进行在线API文档配置 文档配置 spring-boot-starter-huawei添加了swagger2和swagger3包的依赖，API在线文档使用springdoc-openapi-ui。springdoc基本配置较为简单，如下所示： springdoc:
初次发布。 SDK压缩包完整性校验 linux下验证 在表格的“版本及下载地址”中获取SDK包下载路径。 下载SDK包到本地。 输入如下命令。 sha256sum {压缩包名} 对比压缩包.sha256的SHA256值和下载后的SDK包的SHA256值。 一致，则表示压缩包完整，下载过程不存在篡改和丢包。
value == null } 图1 添加function工具类 单击“保存”，完成function工具类添加。 在JS面板的函数中使用function utils 您可以在JS面板或者页面生命周期函数中通过this.utils.isNil方式使用自定义的函数。 代码示例： function
会提供一个压缩包，供您使用。关于压缩包中代码的详细介绍，请参见服务开发框架详解。 在服务依赖页面，单击“创建”。 图1 创建服务 输入变更日志描述信息，单击“创建”。 系统开始创建服务，并生成该服务的基本代码。代码生成后，界面会提供一个压缩包，可直接下载使用。压缩包格式为“服务名称+唯一ID”。
前端开发视频指导 管理前端应用 页面管理 使用组件 配置属性设置 配置样式设置 配置高级设置 查看大纲树 数据源管理 使用工具类方法 国际化资源管理 使用JS面板 配置变量 生成业务代码 发布页面模板 使用模板创建页面 页面模板管理 物料中心
初始值类型：可选择“JSON类型”和“JS表达式类型” 初始值：数据写法和JS写法一致。 字符串: "string" 数字: 123 布尔值: true/false 对象: {"name": "xxx"} 数组: ["1", "2"] 空值: null JS表达式: （“初始值类型”需要选择“JS表达式类型”）
生成服务代码 使用说明 根据配置的业务模型，生成服务的基本代码。代码生成后，会提供一个压缩包，供您使用。关于代码结构的详细介绍，请参见服务开发框架详解。 操作步骤 参考编辑服务中操作，完成业务模型的配置。 在服务依赖中，单击“创建”。 输入变更日志描述信息，单击“创建”。 系统开始创建服务，并生成该服务的代码。
重新编译服务 使用说明 服务创建编译完成后，支持再次编译服务并生成新的代码压缩包。 操作步骤 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“后端开发平台 > 服务管理 > 服务”。 在服务列表中，单击已创建服务后的“更多 > 重新生成”，即可重新生成服务的代码。
直接编写样式代码 使用状态选择器 行内绑定状态变量 高级配置管理 条件渲染 循环渲染 绑定事件 使用数据源 添加工具类 国际化资源管理 使用JS面板 添加变量 物料中心 自定义组件开发指南 上传自定义组件物料包 更新自定义组件物料包 下载自定义组件物料包 应用管理 创建应用 创建子域
如需更多可复制添加。 图1 默认组件 components都包含三个文件，一个index.js，一个*.vue文件和一个componentBundle.json文件，其中index.js和componentBundle.json这两个文件名字不可更改。 图2 components文件夹
在框架转换规则组列表中选择对应的转换规则组，单击“操作”列“执行”。 配置转换基本信息。 导入文件：选择本地待转换的文件。 项目名称：上传压缩包时，如果压缩包名与项目名不一致，则填写压缩包内真实项目名称。 dubbo接口包路径：不填写，即为转换整个项目文件。填写相对于项目根目录的相对路径，则转换指定路
整体结构介绍 压缩包命名规则 在AstroPro中完成服务的开发后，会生成一个服务代码压缩包，命名为“服务名称+唯一ID”。假设服务名称为Servicedemo，则生成的代码压缩包名称，如图1所示。 图1 代码压缩包名称 了解代码结构 在AstroPro中编辑服务时，可在“生成策略
在事件列表中，单击OnClick事件。 在弹框中输入方法名称，例如handleOnClick。 图1 事件绑定 单击“确定”，弹出JS面板。 在JS面板中编写代码。 代码示例： function handleOnClick(event) { this.loadingInstance
鼠标悬浮在待复制的页面名称上，将显示设置按钮。 单击，进入页面设置页面。 鼠标悬浮在待恢复的历史备份记录上，将显示操作按钮。 单击“还原”。 图7 还原页面 在弹框中，单击“确定”，完成页面历史记录还原。 删除页面 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台
一些npm包引用到工具类中，供后续调用，具体操作请参考使用工具类方法。 ：国际化插件，可添加国际化词条，实现中英文切换。 ：JS方法插件，您可以通过使用JS面板编写自己的代码，从而实现较为复杂的业务场景。 ：状态管理插件，可添加页面变量和添加全局变量，供页面及应用使用。 单击插件
onClickNew(eventArgs, extParam1, extParam2, ...)。 图1 设置绑定事件 单击“确定”，弹出JS面板。 在JS面板中进行绑定方法的具体逻辑实现。 单击“保存”，绑定事件完成。 父主题： 配置高级设置
些特定的功能，还需要您根据业务需求，对服务进行业务模型配置。 生成服务代码 基于配置的业务模型，生成服务的基本代码。代码生成后，会提供一个压缩包，供您直接使用。 父主题： 创建企业核心应用
图2 设置服务基本信息 服务名称：设置待添加服务的名称，生成的服务代码压缩包和解压后的文件会以此命名。服务名称由英文字母、数字或“-”组成，且必须以字母开头，一般采用驼峰格式，长度最低为两位。 图3 代码压缩包名称 服务类型：当前仅支持创建原子服务。原子服务是指对外提供业务对象管
图2 启用扩展拦截 “框架配置”、“生成策略”、“业务设计”和“服务依赖”按需配置。更多可参考后端开发快速入门。 生成服务代码后，打开本地压缩包，在“src/main/resources”路径下，查看在metadata.json文件，其中，generatorPolicy.enab
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
