检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
使用JS面板 在常规代码开发中，您需要为某个区块或者某个元素添加一些事件，比如单击事件，同一个页面的事件会统一保存到对应的页面JS中。 很多时候您需要自定义一些方法去复用一些逻辑，也需要用到页面JS。 需要注意的是当前的页面JS只能使用声明函数，不能使用函数表达式声明函数，也不能在页面JS中定义其他的变量。
输入工具类的名称，并编写函数代码。 function isNil(value) { return value == null } 图1 添加function工具类 单击“保存”，完成function工具类添加。 在JS面板的函数中使用function utils 您可以在JS面板或者页面生命周期函数中通过this
初始值类型：可选择“JSON类型”和“JS表达式类型” 初始值：数据写法和JS写法一致。 字符串: "string" 数字: 123 布尔值: true/false 对象: {"name": "xxx"} 数组: ["1", "2"] 空值: null JS表达式: （“初始值类型”需要选择“JS表达式类型”）
生成业务代码 使用说明 页面设计完成后，您可以根据配置生成应用的基本代码。代码生成后，会下载至本地，供您使用。 操作步骤 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 选择待操作应用，单击模块内的“开发应用”，进入设计器。
生成服务代码 使用说明 根据配置的业务模型，生成服务的基本代码。代码生成后，会提供一个压缩包，供您使用。关于代码结构的详细介绍，请参见服务开发框架详解。 操作步骤 参考编辑服务中操作，完成业务模型的配置。 在服务依赖中，单击“创建”。 输入变更日志描述信息，单击“创建”。 系统开始创建服务，并生成该服务的代码。
直接编写样式代码 样式面板提供了可直接配置的样式，满足了大部分的基础样式需求。如果这些样式还是不能满足您的需求，AstroPro还提供了直接编写样式代码的方式来配置样式。 编写行内样式 等效于直接在html标签style属性里直接声明样式，权重高，用于覆盖样式。 参考登录Astr
步骤5：生成服务代码 根据配置的业务模型生成该服务的基本代码。代码生成后，会提供一个压缩包，供您使用。关于压缩包中代码的详细介绍，请参见服务开发框架详解。 在服务依赖页面，单击“创建”。 图1 创建服务 输入变更日志描述信息，单击“创建”。 系统开始创建服务，并生成该服务的基本代码。代码生
在事件列表中，单击OnClick事件。 在弹框中输入方法名称，例如handleOnClick。 图1 事件绑定 单击“确定”，弹出JS面板。 在JS面板中编写代码。 代码示例： function handleOnClick(event) { this.loadingInstance
onClickNew(eventArgs, extParam1, extParam2, ...)。 图1 设置绑定事件 单击“确定”，弹出JS面板。 在JS面板中进行绑定方法的具体逻辑实现。 单击“保存”，绑定事件完成。 父主题： 配置高级设置
根据用户的诉求，快速帮助用户生成满足DDD领域驱动设计的框架代码，并且内置稳定的安全防护能力和编码规范、API规范、数据规范，极大提升了用户开发效率和开发代码质量。 优势 生成满足DDD领域驱动设计的框架代码，开发人员更加专注于业务问题的解决，提高代码质量和开发效率，并且更好地支持不断演化的业务需求。
管理前端应用 页面管理 使用组件 配置属性设置 配置样式设置 配置高级设置 查看大纲树 数据源管理 使用工具类方法 国际化资源管理 使用JS面板 配置变量 生成业务代码 发布页面模板 使用模板创建页面 页面模板管理 物料中心
public文件夹通常是用来存放Web应用程序的静态资源。 src文件夹是用来存放源代码文件，它包含assets和components两个子文件夹。 assets：作为存放项目特定资源的地方。 components：用来存放应用程序的组件代码，如自定义的类、服务、工具类等。 模板文件介绍 所有的自定义组
包引用到工具类中，供后续调用，具体操作请参考使用工具类方法。 ：国际化插件，可添加国际化词条，实现中英文切换。 ：JS方法插件，您可以通过使用JS面板编写自己的代码，从而实现较为复杂的业务场景。 ：状态管理插件，可添加页面变量和添加全局变量，供页面及应用使用。 单击插件按钮后会向
添加工具类 在常规代码开发中，通常会将一些高频率用到的一些代码片段抽离出来业务代码，使其成为一个公共函数，减少重复的代码，从而达到代码复用的目的。 同样，在低代码开发中，不可避免地需要编写一些高代码进行组合开发，这里同样存在存储一些公共函数以供各处调用需求。工具类就是在这样的背景
新建一个服务 编辑服务 生成服务代码 前端快速入门 通过创建一个简单的登录页面，帮助您快速上手AstroPro前端开发。 创建应用 创建页面 页面设计 生成代码 04 使用 如何构建企业应用 了解构建流程 创建项目 创建服务组 创建服务 编辑服务（业务建模） 生成服务代码 项目管理 编辑项目
领域驱动设计，创建业务应用，用户通过业务建模，可生成高可用、高可靠、以及安全稳定的企业级IT应用框架。 支持领域驱动设计的建模，以及复杂关系建模，生成架构规范的代码框架，降低开发门槛。 安全可靠，内置稳定的安全防护能力。 内置业界优秀开发规范实践，内置编码规范、API规范和数据规范，提升企业研发质量。
在AstroPro中完成服务的开发后，会生成一个服务代码压缩包，命名为“服务名称+唯一ID”。假设服务名称为Servicedemo，则生成的代码压缩包名称，如图1所示。 图1 代码压缩包名称 了解代码结构 在AstroPro中编辑服务时，可在“生成策略 > 代码风格”中定义生成代码的工程目录结构，如图2、图3。
DDD “代码风格 > 工程目录”设置为“DDD”时，和“单Module”一样，仅会生成“src”一个模块，如图1所示。 图1 DDD 代码结构说明 代码结构说明中的“{biz}”，为在AstroPro的业务设计中定义的对象，如BO、Abstract BO等。 com.astropro
单Module 工程目录结构 “代码风格 > 工程目录”设置为“单Module”，仅会生成“src”一个模块，如图1所示。 图1 单Module 代码结构说明 代码结构说明中的“{biz}”，为在AstroPro的业务设计中定义的对象，如BO、Abstract BO等。 com.astropro
在设计器中可根据您的需求设计前端页面，可参考设计前端应用流程进行开发。 单击顶部工具栏的“下载源码”按钮，可根据配置的页面设计，生成应用的基本代码。 代码生成后，会下载至本地，供您使用。 删除前端应用 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
