检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
类名管理 新增类名 修改类名 删除类名 选择已有类名 父主题: 样式设置
前端应用管理 初识应用设计器 设计前端应用流程 前端开发视频指导 创建前端应用 页面管理 使用组件 属性设置 样式设置 高级设置 查看大纲树 数据源管理 使用工具类方法 国际化资源管理 使用JS面板 变量管理 生成业务代码 发布页面模板 使用模板创建页面 页面模板管理 物料中心
props.firstName} ${this.props.lastName}` } sette:用于设置(写入)类的私有属性的值。Setter方法通常接受一个参数,该参数是要设置的新值,并且可能包括一些逻辑来验证或处理这个值,然后才将其赋给属性。 示例: function setter()
前端应用”。 单击待编辑应用模块内的“开发应用”,进入设计器。 选中组件,在组件属性设置面板选择“高级”。 鼠标悬停在“绑定事件”上,将显示事件列表。 在事件列表中,选择onClick事件。 在弹框中设置绑定事件。 方法名称:选择已有方法或者添加新方法,如果选项添加新方法,单击“确定
单击应用模块内的“开发应用”,进入设计器。 在左侧插件栏中,单击,展开数据源管理页面。 单击,展开设置数据源页面。 选择数据源类型(可选对象数组、树结构),并输入数据源名称。 单击“获取远程字段”,设置请求地址、请求方式及请求参数。 图1 创建数据源 单击“发送请求”,请求成功后获取到接口
在左侧导航栏中,选择“前端开发平台 > 前端应用”。 单击应用模块内的“开发应用”,进入设计器。 在左侧插件栏中,单击,展开数据源管理页面。 单击,展开设置数据源页面。 配置数据源类型(可选对象数组、树结构),数据源名称以及数据源字段。 图1 创建数据源 图2 新增数据源字段 单击“保存”,完成数据源创建。
提供调用接口的云服务名称。 Package 设置生成代码的顶层包名。默认值为com.huawei.cloud,可自定义。 填写一个或多个片段,每个片段由小写字母开头,由小写字母和数字组成,片段之间用点号(.)连接,且禁止使用Java关键字。 Group ID 设置连接器的默认组名。默认值为com
在左侧导航栏中,选择“前端开发平台 > 前端应用”。 单击应用模块内的“开发应用”,进入设计器。 在左侧插件栏中,单击,展开并查看页面大纲树。 图1 设置主页 父主题: 前端应用管理
在左侧导航栏中,选择“前端开发平台 > 前端应用”。 单击应用模块内的“开发应用”,进入设计器。 在左侧插件栏中,单击,展开数据源管理页面。 单击,展开设置数据源页面。 选择数据源类型(可选对象数组、树结构),并输入数据源名称。 图1 创建数据源 单击“新增字段”,添加静态数据源。 图2 添加静态数据源
DDD “代码风格 > 工程目录”设置为“DDD”时,和“单Module”一样,仅会生成“src”一个模块,如图1所示。 图1 DDD 代码结构说明 代码结构说明中的“{biz}”,为在AstroPro的业务设计中定义的对象,如BO、Abstract BO等。 com.astropro
选择待操作应用,单击模块内的“开发应用”,进入设计器。 选择已设计完成的页面,单击顶部工具栏。 在弹框中输入页面模板标题及模板描述。 图1 设置模板信息 单击“确定”,完成发布页面模板。发布完成后,可在模板管理中查看。 图2 查看页面模板 父主题: 前端应用管理
前端应用”。 单击待编辑应用模块内的“开发应用”,进入设计器。 在左侧插件栏中,单击,展开状态管理页面。 选择“应用状态”,单击“添加全局变量”。 设置变量基本信息。 stores:是包含所有状态(state)、视图(view)和行为(actions)的容器。 store属性名称只能以字母
在业务设计页面,从“business”中,拖拽“BO”对象至画布空白区域。选中对象,在右侧页面设置对象属性,如图1所示。 图1 BO 对象名称:设置对象的名称,必须使用大驼峰格式,不允许存在连续的大写字母。 中文名:设置BO对象的中文名称。 分库逻辑:设置BO数据分库(sharding)策略。 广播对象(BROAD
是否解构 开启 入口路径 本示例不填 版本号 0.1.20 CDN 本示例不填 单击“保存”。 绑定事件 在中心画布中选中按钮组件。 在右侧属性设置面板选择“高级”。 鼠标悬停在“绑定事件”上,将显示事件列表。 在事件列表中,单击OnClick事件。 在弹框中输入方法名称,例如handleOnClick。
节点树的某一个节点,选中父组件。 图8 展示当前选中组件的层级节点 图9 单击节点树的父点,选中父组件 编辑组件 选中了组件之后,您还可以设置组件的属性、样式和绑定事件,同时可以对组件进行上移、下移、复制和删除等操作。 图10 组件上移 图11 组件下移 图12 复制组件 父主题:
单击应用模块内的“开发应用”,进入设计器。 在左侧插件栏中,单击,展开物料资产包。 在物料资产包中选择组件,例如button组件,并拖拽至中心画布中。 选中组件,在组件属性设置面板选择“属性”。 选中文案参数旁的,进行变量绑定。 输入变量,例如:t('lowcode.67564435'),其中lowcode.67
Value Object”对象至画布空白区域。选中对象,在右侧页面设置对象属性,如图4所示。 图4 Value Object 对象名称:设置对象的名称,必须使用大驼峰格式,不允许存在连续的大写字母。 中文名:设置对象的中文名称。 BO属性操作:单击“编辑字段”,可以为对象添加所需的字段。
图1 聚合和一对多的差异 关系属性设置 在业务设计页面,拖入两个BO业务对象(命名为Bo1、Bo2)单击“relations”中的“聚合”,为对象建立聚合关系。选中已创建的关系,在右侧页面即可设置关系属性,如图2所示。 图2 聚合 关系名称:设置聚合关系的名称。 关系类型:根据创建的聚合关系自动生成。
项目名称:新增项目的名称,只能包含大小写字母、数字、连字符(-)和下划线(_)。 描述:设置项目的描述信息,通常设置为项目的用途或者功能。 版权信息:自定义代码的版权信息,请以“//”开头或者以“/*”开头并以“*/”结尾。 Package:设置生成代码的顶层包名,由一个或多个小写字母和数字组成,片段之间用点号(
从“business”中,拖拽“BO”对象至画布空白区域。 选中BO对象,在对象属性中,单击“编辑字段”。 单击“新增”,添加一个phone字段,并将脱敏规则设置为2中定义的内容。 设置后,返回的值将进行脱敏处理,如1****123456。 图3 引用脱敏规则 父主题: AstroPro学堂