检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
在左侧插件栏中,单击,展开数据源管理页面。 单击,展开设置数据源页面。 选择数据源类型(可选对象数组、树结构),并输入数据源名称。 图1 创建数据源 单击“新增字段”,添加静态数据源。 图2 添加静态数据源 单击“保存”,完成数据源字段添加。 单击“保存”,完成数据源创建。 父主题: 数据源管理
属性设置 使用说明 添加组件后您可以通过右侧的属性设置面板,对当前选中组件进行属性设置。 参数说明 通用参数: id:规定HTML元素的唯一的id。 className:用于属性定义元素的类名;通常用于指向样式表的类和JavaScript中。 ref:接受一个内部值,返回一个响应
单击待编辑应用模块内的“开发应用”,进入设计器。 画布中选中组件,在组件属性设置面板选择“样式”。 在全局样式选择框中选择已有的类名或创建新类名,例如 .test,并设置全局样式,此时状态选择器默认为None。 在状态选择器下拉框中选择状态,例如hover,并设置全局样式。 从全局样式面板中可以看到,等效于直接编辑样式:
样式设置 通过样式面板配置样式 直接编写样式代码 类名管理 使用状态选择器 行内绑定状态变量 父主题: 前端应用管理
动作名称:设置API的动作名称。 请求方法:HTTP请求方法(也称为操作或动作),用于告诉服务您正在请求什么类型的操作。 get:请求服务器返回指定资源。 put:请求服务器更新指定资源。 post:请求服务器新增资源或执行特殊操作。 delete:请求服务器删除指定资源。
可见性。 图4 设置定位 文本:设置文本的字号、字体、行高、字重、颜色、对齐方式、风格及修饰。 图5 设置文本 背景:设置组件背景,背景图、渐变类型、颜色及裁剪方式。 图6 设置背景 边框:设置边框的位置、颜色、位置宽度以及是否为圆角。 图7 设置边框 效果:设置组件的透明度、轮廓样式及光标样式。
前端应用”。 单击待编辑应用模块内的“开发应用”,进入设计器。 选中组件,在组件属性设置面板选择“高级”。 鼠标悬停在“绑定事件”上,将显示事件列表。 在事件列表中,单击需要绑定的事件。 在弹框中设置绑定事件。 方法名称:输入方法名称,名称可以由字母、数字、下划线、$ 符号组成,不能以数字开头。
拖拽组件至画布,分别输入希望展示的文字。 添加变量,例如state.isLogin,具体操作可参考添加页面变量。 图1 添加变量 选中组件,在组件属性设置面板选择“高级”。 单击“是否渲染”后的,进行变量绑定。 图2 绑定变量 选项绑定的变量,单击“确定”。 绑定成功后可根据变量state.isLogin的值,查看渲染效果。
拖拽组件至画布,例如拖拽一个“段落”组件。 添加变量,例如loop.isLogin,具体操作可参考添加页面变量。 图1 添加变量 选中组件,在组件属性设置面板选择“高级”。 单击“循环数据”后的,进行变量绑定。 选择绑定的变量,单击“确定”。 图2 绑定变量 为展示内容添加变量,默认为item。
在左侧插件栏中,单击,进入“页面管理”页面。 鼠标悬浮在待复制的页面名称上,将显示设置按钮。 单击,进入页面设置页面。 在基本设置页签下,勾选“设为主页”。 图9 设置主页 在弹框中,单击“确定”,完成主页设置。 父主题: 前端应用管理
画布中选中组件,在组件属性设置面板选择“样式”。 单击全局样式的。 在弹框中直接编写全局样式。 可以直接声明多条CSS样式或其他媒体查询的样式。 图3 编写全局样式 单击“保存”,完成全局样式编辑。 通过类名绑定已创建的全局样式。 图4 效果展示 父主题: 样式设置
界面。 在左侧导航栏中,选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”,进入设计器。 画布中选中组件,在组件属性设置面板选择“样式”。 单击全局样式的输入框,输入类名,例如.test。 类名不能以数字开头。 绑定组件属性元素ID:使用格式 #elementID。
界面。 在左侧导航栏中,选择“前端开发平台 > 前端应用”。 单击待操作应用模块内的“开发应用”,进入设计器。 画布中选中组件,在组件属性设置面板选择“样式”。 单击全局样式选择框类名旁的删除按钮。 删除后当前组件属性不再绑定该类名。 全局样式面板仍保留该类名及样式,其他组件仍可
界面。 在左侧导航栏中,选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”,进入设计器。 画布中选中组件,在组件属性设置面板选择“样式”。 单击全局样式选择框的类名或者单击类名旁边的修改按钮,重新输入类名,例如.test123。 单击回车键,类名修改完成。 父主题:
界面。 在左侧导航栏中,选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”,进入设计器。 画布中选中组件,在组件属性设置面板选择“样式”。 在全局样式选择框中选择已有的类名,例如 .test1、.test2、.test3等。 通过下拉框选择切换类名,组件将切换至类名绑定的对应样式。
面。 单击“页面管理”的新增文件夹按钮。 设置基本属性,如输入文件夹ID及设置路由。 图3 创建文件夹 单击“保存”,完成文件夹创建。 步骤三:新建一个页面 单击“页面管理”的新增页面按钮。 设置页面基本属性。 选择页面类型:可选“静态页面”或“公共页面”。 页面名称:只允许包含
画布中选中组件,在组件属性设置面板选择“样式”。 单击行内样式的编辑框后的。 在弹框中进行变量绑定。 图2 绑定变量 单击“确定”,变量绑定完成。 通过修改变量,查看组件样式展示效果。 图3 修改前样式 图4 修改变量 图5 修改后样式 父主题: 样式设置
单击应用模块内的“开发应用”,进入设计器。 在左侧插件栏中,单击,进入“页面管理”页面。 单击“页面管理”的新增页面按钮。 设置页面基本属性。 选择页面类型:可选“静态页面”或“公共页面”。 页面名称:只允许包含英文字母,且以大写开头驼峰格式,如DemoPage。 选择文件夹:下拉框中选择文件夹名称。
"Vue" }, snippets字段为一个对象,其中snippets.group为该自定义组件的分组标识。不同的组件可以拥有相同的group。 "snippets": { "group": "自定义组件分类标题", "componentSnippets": {
配置客户端流控策略 客户端流控策略通常是指在客户端应用中实施的流量控制机制,目的是为了管理客户端与服务器之间的数据传输速率,防止过量的请求对服务器造成压力,同时也保证客户端应用的流畅性,提升用户体验。您可以使用系统预置的流控策略,还可以根据自己的需求自定义创建。 本章节为您介绍如何自定义创建及使用客户端流控策略。