检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
步骤3:生成策略 生成策略和基本配置、框架配置一样,需要您根据实际情况进行勾选配置,不同的配置会呈现不同的效果。 API设置。 图1 API设置 Json序列化 小驼峰:序列化后的json属性名,采用驼峰格式。 下划线:序列化后的json属性名,采用下划线连接单词。 标准响应体:返回的响应体是否使用标准样式。
工具类型选择“function”。 输入工具类的名称,并编写函数代码。 function isNil(value) { return value == null } 图1 添加function工具类 单击“保存”,完成function工具类添加。 在JS面板的函数中使用function utils
也需要用到页面JS。 需要注意的是当前的页面JS只能使用声明函数,不能使用函数表达式声明函数,也不能在页面JS中定义其他的变量。 页面JS中可以通过this访问当前页面的state,全局的stores, 以及t函数(获取国际化词条)。 下面将通过两个示例分别展示如何使用JS面板。
生成服务代码 使用说明 根据配置的业务模型,生成服务的基本代码。代码生成后,会提供一个压缩包,供您使用。关于代码结构的详细介绍,请参见服务开发框架详解。 操作步骤 参考编辑服务中操作,完成业务模型的配置。 在服务依赖中,单击“创建”。 输入变更日志描述信息,单击“创建”。 系统开始创建服务,并生成该服务的代码。
步骤5:生成服务代码 根据配置的业务模型生成该服务的基本代码。代码生成后,会提供一个压缩包,供您使用。关于压缩包中代码的详细介绍,请参见服务开发框架详解。 在服务依赖页面,单击“创建”。 图1 创建服务 输入变更日志描述信息,单击“创建”。 系统开始创建服务,并生成该服务的基本代
生成业务代码 使用说明 页面设计完成后,您可以根据配置生成应用的基本代码。代码生成后,会下载至本地,供您使用。 操作步骤 参考登录AstroPro界面中操作,登录AstroPro界面。 在左侧导航栏中,选择“前端开发平台 > 前端应用”。 选择待操作应用,单击模块内的“开发应用”,进入设计器。
Up、onUpdated等。 周期函数详细说明可参考生命周期选项。 图3 添加页面生命周期 编写生命周期函数,单击“确定”。 图4 编写生命周期函数 单击“保存”。 在弹框中输入历史备份信息,单击“确定”,完成页面创建。 创建完成后,可在模板的基础上继续设计改造页面。 注意:页面
新建一个服务 编辑服务 生成服务代码 前端快速入门 通过创建一个简单的登录页面,帮助您快速上手AstroPro前端开发。 创建应用 创建页面 页面设计 生成代码 04 使用 如何构建企业应用 了解构建流程 创建项目 创建服务组 创建服务 编辑服务(业务建模) 生成服务代码 项目管理 编辑项目
输入工具类的名称,并编写函数代码。 图1 添加function工具类 单击“保存”,完成function工具类添加。 添加npm工具类 对于一些简单的公共函数来说,直接添加function工具类会很方便,但是对于一些比较复杂的公共函数或者第三方的一些公共函数来说,直接编写函数并不是一个理想
getValue: () => {} } 注意:使用JS表达式定义state变量的时候无法调用state其他变量定义,另由于JS函数定义在变量之后,也无法调用JS面板定义的函数。 图1 添加变量 (可选)设置变量高级配置。 getter:用于获取(读取)类的私有属性的值。Getter方法通常没有参数,并且返回属性的值。
且以英文字母开头。 图3 创建页面 (可选)页面生命周期配置。 单击“添加页面生命周期”。 选择生命周期函数,例如onMounted、setUp、onUpdated等。 周期函数详细说明可参考生命周期选项。 图4 添加页面生命周期 编写生命周期函数,单击“确定”。 图5 编写生命周期函数 单击“保存”。
属性设置,设置组件的属性,比如按钮组件的ID、className、按钮文本。 图3 基本属性设置 样式设置,设置组件的样式,提供直接配置样式,也可以编写CSS代码配置样式。 图4 样式设置 高级设置,设置组件是否渲染、绑定单击事件、设置组件是否循环渲染等。 图5 高级设置 父主题: 前端应用管理
在AstroPro中,用户通过业务建模,可生成高可用、高可靠、以及安全稳定的企业级IT应用框架。业务建模是指通过业务设计,将实际业务涉及的对象和行为转换为元数据中的对象、对象关系、服务依赖等构成的模型,通过模型生成服务,实现业务需求。 使用AstroPro创建企业核心应用的流程,如图1所示。 图1 创建企业核心应用流程图
果如下图所示。 图5 修改定义文件 修改main.js文件,确保导出组件成功,“componentA”修改为“imgButton”,“TestA”修改为“imgButton”,修改后效果如下图所示。 图6 修改main.js文件 开发完成后,执行构建,例如,使用VSCode执行npm
No和off转换成boolean类型的false,将Y、true、Yes和ON转换成boolean类型的true,所以在java代码编译时会报错。因此“是否生成客户端”开关打开时,表中定义上述字段时可使用“别名标签”给字段设置别名。 关系表标识:含有"_rel_"的表名,大小写不敏感。例如:t_r
输入应用名称及应用描述。 图1 创建应用 单击“确定”。 编辑前端应用 参考登录AstroPro界面中操作,登录AstroPro界面。 在左侧导航栏中,选择“前端开发平台 > 前端应用”。 在应用列表中选择待操作的应用,单击。 在弹框中重新编辑应用名称及应用描述。 图2 编辑应用 单击“确定”,完成应用编辑。
服务创建编译完成后,支持再次编译服务并生成新的代码压缩包。 操作步骤 参考登录AstroPro界面中操作,登录AstroPro界面。 在左侧导航栏中,选择“后端开发平台 > 服务管理 > 服务”。 在服务列表中,单击已创建服务后的“更多 > 重新生成”,即可重新生成服务的代码。 图1 重新生成服务代码 单
在AstroPro中完成服务的开发后,会生成一个服务代码压缩包,命名为“服务名称+唯一ID”。假设服务名称为Servicedemo,则生成的代码压缩包名称,如图1所示。 图1 代码压缩包名称 了解代码结构 在AstroPro中编辑服务时,可在“生成策略 > 代码风格”中定义生成代码的工程目录结构,如图2、图3。 图2
选择数据源类型(可选对象数组、树结构),并输入数据源名称。 单击“获取远程字段”,设置请求地址、请求方式及请求参数。 图1 创建数据源 单击“发送请求”,请求成功后获取到接口字段信息,保存后即可生成数据源字段信息。 单击“保存”,完成数据源创建。 父主题: 数据源管理
service:当base中提供的功能不足满足需求时,可在service模块进行自定义,即对生成的服务代码进行二次开发。 client:客户端模块,在AstroPro中添加服务时,开启“是否生成客户端”配置后(如图2),才会生成该模块。 图2 开启“是否生成客户端” base代码目录结构 代码结构说明中的“{biz