检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
以及t函数（获取国际化词条）。 下面将通过两个示例分别展示如何使用JS面板。 为组件添加单击事件 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”，进入设计器。 选中组件，在组件属性设置面板选择“高级”。
通过样式面板配置样式 使用说明 添加组件后您可以通过右侧的属性设置面板，直接对当前选中组件进行样式设置，实现零代码设计。 通过样式面板配置样式 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”，进入设计器。
新建页面 使用组件设计页面 生成前台业务代码 样式管理 通过样式面板配置样式 直接编写样式代码 使用状态选择器 行内绑定状态变量 高级配置管理 条件渲染 循环渲染 绑定事件 使用数据源 添加工具类 国际化资源管理 使用JS面板 添加变量 物料中心 自定义组件开发指南 上传自定义组件物料包
c设置为前提条件中获取的路径。 Text组件：在右侧属性设置面板选择“样式”，字体大小调整至22px，字重700；在右侧属性设置面板选择“属性”，文本输入“企业用户登录”。 图8 添加登录标题 再依次将两个Text、两个输入框、一个按钮组件分别拖拽至6的容器内，外间距上下分别设置
clientcontrol中ttl和performanceTtl的具体含义是什么 Cache配置有两个ttl，一个ttl（可靠性缓存）和一个performanceTtl（性能缓存）。 存在误解这两个为是两个缓存，其实缓存只有一个。 实际给缓存设置的缓存过期时间为ttl配置，缓存存入的时候，连
使用方，redis自身的配置（超时时间，重试等）还是服务自己设置的，跟clientcontrol没有关系。 clientcontrol中有两个配置参数cache-consecutive-exception-times和cache-interruption-duration ，具体查看：4
一对多 什么是一对多 一对多关系中，次要方可以不依赖于首要方，可以单独存在。删除一对多关系只代表两个对象之间的特定关系的结束，不会影响任何一个对象的生命周期。 图1 一对多和聚合的差异 创建一对多关系后，首要方不会做任何的改动，次要方的字段中会自动增加首要方的id，即primar
直接编写样式代码 样式面板提供了可直接配置的样式，满足了大部分的基础样式需求。如果这些样式还是不能满足您的需求，AstroPro还提供了直接编写样式代码的方式来配置样式。 编写行内样式 等效于直接在html标签style属性里直接声明样式，权重高，用于覆盖样式。 参考登录Astr
何的变化。唯一的变化是在多对多连线上，会默认添加两个字段用来分别指向关系的两侧。也就是说，一对多和聚合关系是通过在次要方添加主键和外键来表示的，而多对多关系是通过单独创建的关系表来表示的。 和一对多关系一样，删除多对多关系只代表两个对象之间的特定关系的结束，不会影响任何一个对象的生命周期。
== null } 图1 添加function工具类 单击“保存”，完成function工具类添加。 在JS面板的函数中使用function utils 您可以在JS面板或者页面生命周期函数中通过this.utils.isNil方式使用自定义的函数。 代码示例： function
循环渲染 页面可能有若干份重复的、动态生成的内容，例如商品列表页、表格数据。这时候需要用到循环渲染。您可以在高级面板中指定循环数据绑定的变量、迭代的变量名、索引变量名、以及唯一的key。 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台
用数据源之前需要先在画布中拖放入Collection组件，然后在属性面板中选择需要绑定的数据源。 在左侧插件栏中，单击，展开物料资产包。 在Collection组件，并拖拽至中心画布中。 选中组件，在属性设置面板中选择“属性”。 dataSource下拉框中选择待绑定的数据源。 图3
中心画布位于设计器中央，是可视化设计的核心模块。 您可以在插件栏的物料面板中，将组件拖拽至中心画布内进行页面设计。您还可以单击选中画布中的组件，右键直接在画布中插入组件，添加父级，删除组件，复制组件及绑定事件。 右侧属性设置面板 右侧设置面板分为属性设置、样式设置和高级设置面板。 属性设置，设置组件的属性，比如按
在中心画布中选中按钮组件。 在右侧属性设置面板选择“高级”。 鼠标悬停在“绑定事件”上，将显示事件列表。 在事件列表中，单击OnClick事件。 在弹框中输入方法名称，例如handleOnClick。 图1 事件绑定 单击“确定”，弹出JS面板。 在JS面板中编写代码。 代码示例： function
时编辑样式面板，就是相当于在编辑该类名对应状态的样式。 操作步骤 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”，进入设计器。 画布中选中组件，在组件属性设置面板选择“样式”。
配置属性设置 使用说明 添加组件后您可以通过右侧的属性设置面板，对当前选中组件进行属性设置。 参数说明 通用参数： id：规定HTML元素的唯一的id。 className：用于属性定义元素的类名；通常用于指向样式表的类和JavaScript中。 ref：接受一个内部值，返回一个
新增类名 使用说明 当选中一个组件，还没有自动生成类名时，您可以单击输入框手动输入类名，然后继续编辑样式面板的样式。 此时，组件会自动绑定您输入的类名，然后将在样式面板编辑的样式生成代码，写入到全局样式中。 新增类名 参考登录AstroPro界面中操作，登录AstroPro界面。
删除类名 使用说明 当类名不再使用，可进行删除操作。 删除类名后，全局样式面板仍保留该类名及样式，其他组件仍可使用该类名。如需删除CSS中的该样式信息，可通过单击全局样式的，进入CSS面板进行删除。 操作步骤 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台
components两个子文件夹。 assets：作为存放项目特定资源的地方。 components：用来存放应用程序的组件代码，如自定义的类、服务、工具类等。 模板文件介绍 所有的自定义组件都在src/components文件夹里面内开发，模板内提供了两个预置模板compone
单击待编辑应用模块内的“开发应用”，进入设计器。 选中组件，在组件属性设置面板选择“高级”。 鼠标悬停在“绑定事件”上，将显示事件列表。 在事件列表中，单击需要绑定的事件。 在弹框中设置绑定事件。 可以选择已有方法或者添加新方法，如果选项添加新方法，单击“确定”之后将在JS面板中创建一个该名称的新方法。 方法名称：
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
