检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
工具类型选择“function”。 输入工具类的名称,并编写函数代码。 图1 添加function工具类 单击“保存”,完成function工具类添加。
使用工具类方法 添加工具类 npm utils使用示例 function utils使用示例 父主题: 前端应用管理
单击,进入添加工具类页面。 工具类型选择“function”。 输入工具类的名称,并编写函数代码。
单击,进入添加工具类页面。 工具类型选择“npm”。 参考表1配置工具类的参数。
初识应用设计器 AstroPro设计器可以分为顶部工具栏、左侧插件栏、中间画布区和右侧属性设置面板四个主要界面模块。 图1 AstroPRO设计器 顶部工具栏 设计器顶部的工具栏从左到右包括: :撤销上一步的操作。 :恢复上次撤销的内容。 :保存当前页面数据。 :发布页面模板。
以下若无特殊说明,均基于VSCode工具,按照imgbutton组件的功能点来介绍自定义组件的开发过程。 下载自定义组件模板,将自定义组件模板包解压。
生成的客户端库可以作为服务间通信的标准工具,减少了重复的代码编写,提高了开发效率和代码的可重用性。 配置连接器为Astro Pro企业版功能,如果您需要使用此功能,请升级Astro Pro实例版本。 创建连接器 参考登录AstroPro界面中操作,登录AstroPro界面。
出码结果 在顶部工具栏单击“下载源码”,查看出码结果。
除此之外,您还可以为其添加creator、createTime、modifyTime和description四个固定字段。 操作步骤 在业务设计页面,选中某个业务对象。 单击BO属性操作中的“编辑字段”,查看对象默认字段。 当前仅添加了一个“id”默认字段。
className:用于属性定义元素的类名;通常用于指向样式表的类和JavaScript中。 ref:接受一个内部值,返回一个响应式的、可更改的ref对象,此对象只有一个指向其内部值的属性。 更多参数说明详情请参考vuejs。 父主题: 前端应用管理
前端应用管理 初识应用设计器 设计前端应用流程 前端开发视频指导 创建前端应用 页面管理 使用组件 属性设置 样式设置 高级设置 查看大纲树 数据源管理 使用工具类方法 国际化资源管理 使用JS面板 变量管理 生成业务代码 发布页面模板 使用模板创建页面 页面模板管理 物料中心
单击顶部工具栏的“下载源码”按钮。 选择下载路径。 选择生成到本地的文件。 您可以选择全量或指定部分文件内容。 图1 选择生成文件 单击“确定”,代码将下载至本地路径。 父主题: 前端应用管理
选择已设计完成的页面,单击顶部工具栏。 在弹框中输入页面模板标题及模板描述。 图1 设置模板信息 单击“确定”,完成发布页面模板。发布完成后,可在模板管理中查看。 图2 查看页面模板 父主题: 前端应用管理
单击顶部工具栏的“下载源码”按钮,可根据配置的页面设计,生成应用的基本代码。 代码生成后,会下载至本地,供您使用。 删除前端应用 参考登录AstroPro界面中操作,登录AstroPro界面。 在左侧导航栏中,选择“前端开发平台 > 前端应用”。
根据业务对象的关系自动关联生成,正交的笛卡尔积对象(可选项) |-- {customDto}.java # 用户预先定义好的数据传输对象(可选项) |-- utils # 工具类
可选项) |-- event # 事件层(可选项) |-- publish # 发布事件的Package,存放事件发布的工具类
单击顶部工具栏的“下载源码”按钮。 选择下载路径。 选择生成到本地的文件。 图9 选择生成文件 单击“确定”,代码将下载至本地路径。 父主题: 前端应用管理
图9 整体页面效果 单击顶部工具栏的,保存页面设计。 步骤四:生成代码 根据配置的页面设计,生成应用的基本代码。代码生成后,会下载至本地,供您使用。 单击顶部工具栏的“下载源码”按钮。 选择下载路径。 选择生成到本地的文件。
"modified time" example: "2020-02-27 15:00:08" description: type: "string" description: "description info"
配置服务基本信息 架构配置 生成策略 业务设计 对象及关系介绍 前端应用管理 创建前端应用 新建页面 使用组件设计页面 生成前台业务代码 样式管理 通过样式面板配置样式 直接编写样式代码 使用状态选择器 行内绑定状态变量 高级配置管理 条件渲染 循环渲染 绑定事件 使用数据源 添加工具类