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