组件特性

进阶组件交互演示

实际体验搜索排序分页、API 参数、图片对比、术语 popover、自测和文件下载。

本页使用真实 MDC 渲染。数据和接口均为演示内容,属性与代码见 进阶组件说明。

可搜索排序的数据表

示例设备明细
核心交换机48是
接入交换机 224是
共 5 条,第 1 / 3 页
空数据演示
没有匹配的数据
共 0 条,第 1 / 1 页

接口与参数

示例报告查询

GET/api/reports/{id}

认证:演示认证说明

响应状态:200

此处仅展示接口说明,不执行请求。

示例请求参数
参数 类型与默认值 说明
id必填pathstring示例报告标识
verboseboolean默认:false是否包含明细
legacy已弃用number默认:0旧兼容字段
  • 0
  • 1

请求示例

GET /api/reports/demo HTTP/1.1

响应示例

{ "id": "demo", "status": "ready" }

图片对比

文档发布流程图内容渲染流程图
渲染流程发布流程

术语解释

页面使用 SSR服务端渲染:由服务器生成页面的初始 HTML。 生成内容,随后进行 Hydration客户端 Vue 接管服务端 HTML,并连接事件与响应式状态。。

阅读自测

示例组件会自动调用上面的 API 吗?
清单和自测会上传个人成绩吗?

下载示例

设备清单示例

只使用文档示例地址,没有真实凭据。

版本 1.0

下载文件:设备清单示例