检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
使用JS面板 在常规代码开发中，您需要为某个区块或者某个元素添加一些事件，比如单击事件，同一个页面的事件会统一保存到对应的页面JS中。 很多时候您需要自定义一些方法去复用一些逻辑，也需要用到页面JS。 需要注意的是当前的页面JS只能使用声明函数，不能使用函数表达式声明函数，也不能在页面JS中定义其他的变量。
工具类型选择“function”。 输入工具类的名称，并编写函数代码。 function isNil(value) { return value == null } 图1 添加function工具类 单击“保存”，完成function工具类添加。 在JS面板的函数中使用function utils
注意：使用JS表达式定义state变量的时候无法调用state其他变量定义，另由于JS函数定义在变量之后，也无法调用JS面板定义的函数。 图1 添加变量 （可选）设置变量高级配置。 getter：用于获取（读取）类的私有属性的值。Getter方法通常没有参数，并且返回属性的值。 示例：
和正斜杠组成， 且以英文字母开头。 单击“选择模板”，在右侧展开面板中选择模板。 图1 选择模板 单击“确定”，完成模板选择。 鼠标悬浮在页面模板图标上，将显示操作按键，可对选择的模板进行预览、更新和删除。 图2 模板更新删除 （可选）页面生命周期配置。 单击“添加页面生命周期”。
图1 设置绑定事件 单击“确定”，弹出JS面板。 在JS面板中进行绑定方法的具体逻辑实现。 单击“保存”，绑定事件完成。 父主题： 配置高级设置
产品介绍 立即使用 成长地图 由浅入深，带您玩转AstroPro 01 了解 AstroPro提供了安全、高效、灵活的元数据多租编排引擎，实现了差异需求的快速定制。 产品介绍 什么是AstroPro 产品优势 应用场景 约束与限制 产品规格差异 基本概念 02 购买 AstroP
显示或隐藏页面中的内容，例如：如果您希望当用户已经登录的时候，显示“欢迎登录”的文字，未登录的时候，显示“请登录”的文字。 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”，进入设计器。
：JS方法插件，您可以通过使用JS面板编写自己的代码，从而实现较为复杂的业务场景。 ：状态管理插件，可添加页面变量和添加全局变量，供页面及应用使用。 单击插件按钮后会向右展开对应插件设置面板。例如，单击，将展开物料资产包。 图2 展开物料资产包 中间画布区 中心画布位于设计器中央，是可视化设计的核心模块。
通过导入DDL文件实现业务设计 本章节指导您如何通过导入DDL文件来实现业务设计。DDL文件不仅定义了数据库的结构，还确保了数据的完整性和一致性，为业务应用提供了坚实的基础。 DDL文件设计 根据业务模型，完成DDL文件设计，DDL标签使用可参考DDL标签使用指南。 示例： CREATE
创建应用服务 使用说明 应用服务是DDD架构中的一个重要组成部分，它们帮助您将业务逻辑与技术实现分离，提高了软件的可维护性和可扩展性。通过使用应用服务，可以更清晰地定义业务操作，并确保它们与领域模型的一致性。 约束与限制 应用管理为Astro Pro企业版功能，如果您需要使用此功能，请升级Astro
通过导入swagger文件实现业务设计 Swagger文件是一个用于描述RESTful API的规范，它可以用来导入设计业务，确保 API 的设计符合业务需求。 前提条件 根据业务模型，完成swagger文件设计，swagger标签使用可参考swagger标签使用指南 导入swagger文件
components文件夹 componentBundle.json：用于定义一组组件的元数据，包括组件的配置、依赖关系、版本信息等。 index.js：作为应用程序的入口文件，即程序启动时首先执行的脚本。 *.vue：用于定义Vue组件，包括模板（HTML）、脚本（JavaScript）和样式（CSS）。
鼠标悬停在“绑定事件”上，将显示事件列表。 在事件列表中，单击OnClick事件。 在弹框中输入方法名称，例如handleOnClick。 图1 事件绑定 单击“确定”，弹出JS面板。 在JS面板中编写代码。 代码示例： function handleOnClick(event) { this.loadingInstance
创建子域 使用说明 子域有助于将复杂的业务领域分解为更小、更易于管理和理解的部分。通过识别和创建子域，组织可以更有效地开发和维护应用，同时确保每个子域都能满足其特定的业务需求。 约束与限制 应用管理为Astro Pro企业版功能，如果您需要使用此功能，请升级Astro Pro实例版本。
添加组件 图6 设置组件基本属性 图7 设置组件样式 图8 设置组件高级属性 步骤五：生成代码 根据配置的页面设计，生成应用的基本代码。代码生成后，会下载至本地，供您使用。 单击顶部工具栏的“下载源码”按钮。 选择下载路径。 选择生成到本地的文件。 图9 选择生成文件 单击“确定”，代码将下载至本地路径。
> 应用服务”。 在顶部下拉框中，选择子域所属的项目、应用和子域。 在应用服务列表中选择待操作的应用服务，单击“操作”列的“编辑”。 重新配置应用服务的基本信息。 应用服务名称：输入应用服务名称，名称仅允许以英文字母开头，包含英文字母和数字，一般采用驼峰格式或“-”连接，长度最低为两位。
部署。 API版本：指定服务的API版本，对应服务Service段的apiVersion字段，一般为v1、v2类型的值。 描述：设置服务的描述信息。 单击“确定”，即可完成服务的创建。此处创建服务的操作，相当于为服务搭建了一个框架。您需要根据自身业务的需求继续编辑服务。 在服务列表中，单击已创建服务后的“编辑”。
前端开发视频指导 管理前端应用 页面管理 使用组件 配置属性设置 配置样式设置 配置高级设置 查看大纲树 数据源管理 使用工具类方法 国际化资源管理 使用JS面板 配置变量 生成业务代码 发布页面模板 使用模板创建页面 页面模板管理 物料中心
发框架提供的一种插件机制，您可以在请求被处理前（Entry）和应答发送前（Exit）调用DevSpore预置的，也可以使用自己开发的插件，可用于实现统一的操作前认证、鉴权，操作后消息发送、缓存更新、审计等功能。 devspore-horizon架构图如下： 图1 架构图 Entry类插件采用的是责任链模式（chain
使用说明 需要解除服务之间的依赖时，可以通过删除服务依赖来实现。 单个删除服务依赖 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“后端开发平台 > 服务管理 > 服务依赖”。 选择服务依赖所属的项目，在服务依赖列表中单击操作列的“删除”。 在弹出的
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
