实习内容

通用前台顶部

概要

iVX无编程前端可视化开发平台

公网地址：http://192.168.10.114/zdhome/?Mqtt=74EF0#/login?redirect=/home
http://192.168.10.6/
企业主账号：org
子用户名：yjq
密码：12345678

通用前台顶部

顶部左右两侧：

菜单按钮

时间显示

字体设置：
文字颜色：#168FFF
文字字号：16
文本字体：全局变量->数字字体->下标0
排版设置：
右外边距：（选择前台时间参数）时间==true?”136px”:””
事件：创建触发器

mqtt

重点参考
RabbitMQ超详细学习笔记

自定义图表 Echats

Echats官网：
echarts自定义图表

自定义图表组件

进入官网后，选择需要的图表示例

在IVX中选择通用变量将json串导入进去，然后让自定义图表的数据选择到刚才设置的变量对象。

函数法引入echats图表

API使用

什么是 API?

应用程序接口（API，Application Programming Interface）是基于编程语言构建的结构，使开发人员更容易地创建复杂的功能。它们抽象了复杂的代码，并提供一些简单的接口规则直接使用。

客户端 JavaScript 中有很多可用的 API — 他们本身并不是 JavaScript 语言的一部分，却建立在 JavaScript 语言核心的顶部，为使用 JavaScript 代码提供额外的超强能力。他们通常分为两类：

浏览器 API内置于 Web 浏览器中，能从浏览器和电脑周边环境中提取数据，并用来做有用的复杂的事情。例如Geolocation API提供了一些简单的 JavaScript 结构以获得位置数据，因此你可以在 Google 地图上标示你的位置。在后台，浏览器确实使用一些复杂的低级代码（例如 C++）与设备的 GPS 硬件（或可以决定位置数据的任何设施）通信来获取位置数据并把这些数据返回给你的代码中使用浏览器环境；但是，这种复杂性通过 API 抽象出来，因而与你无关。
第三方 API缺省情况下不会内置于浏览器中，通常必须在 Web 中的某个地方获取代码和信息。例如Twitter API 使你能做一些显示最新推文这样的事情，它提供一系列特殊的结构，可以用来请求 Twitter 服务并返回特殊的信息。

使用别人的API，通常需要以下步骤：

准备工作：首先，你需要在API提供商的网站上注册账号，并申请API Key。API Key是一个字符串，可以用于标识你的身份和访问权限。
查看API文档：其次，你需要查看API的文档，了解API的功能、参数和返回值。一般来说，API文档会包含以下内容：

API的地址（URL）
API的请求方式（GET、POST、PUT、DELETE等）
API的请求头（Headers）
API的请求参数（Query String / Request Body）
API的响应状态码（Status Code）
API的响应格式（Content-Type）
API的响应数据（Response Body）

发送请求：然后，你可以使用你喜欢的编程语言，通过HTTP协议向API发送请求。例如，你可以使用Python的requests库，发送GET请求：

import requests

# 设置API地址、请求头和请求参数
url = 'https://api.example.com/users'
headers = {'Authorization': 'Bearer YOUR_API_KEY'}
params = {'page': 2, 'per_page': 10}

# 发送GET请求
response = requests.get(url, headers=headers, params=params)

# 打印响应状态码
print(response.status_code)

# 打印响应数据
print(response.text)

处理响应：最后，你可以根据API的文档，处理响应数据。根据响应状态码和响应格式，你可以判断请求是否成功，并进行相应的处理。

例如，假设API返回的是JSON格式的数据，你可以使用Python的json库将响应数据转换为字典：

import requests
import json

# 设置API地址、请求头和请求参数
url = 'https://api.example.com/users'
headers = {'Authorization': 'Bearer YOUR_API_KEY'}
params = {'page': 2, 'per_page': 10}

# 发送GET请求
response = requests.get(url, headers=headers, params=params)

# 判断响应状态码
if response.status_code == 200:
    # 将响应数据转换为字典
    data = json.loads(response.text)
    # 打印响应数据
    print(data)
else:
    print('Request failed!')

注意，使用API时，你需要遵守API的规则和限制，如请求频率限制、访问权限限制等。你也应该对API的响应进行错误处理，避免程序因为API的问题而崩溃。

学习任务

1.先做书上的示例，理解组件及其属性

任务一：换肤功能实现

1.IVX（已完成）
2.vue+bootstrap

顶部左右两侧：

概要

iVX无编程前端可视化开发平台

公网地址：http://192.168.10.114/zdhome/?Mqtt=74EF0#/login?redirect=/home
http://192.168.10.6/
企业主账号：org
子用户名：yjq
密码：12345678

通用前台顶部

顶部左右两侧：

菜单按钮

时间显示

mqtt

重点参考
RabbitMQ超详细学习笔记

自定义图表 Echats

Echats官网：
echarts自定义图表

自定义图表组件

进入官网后，选择需要的图表示例

在IVX中选择通用变量将json串导入进去，然后让自定义图表的数据选择到刚才设置的变量对象。

函数法引入echats图表

API使用

什么是 API?

浏览器 API内置于 Web 浏览器中，能从浏览器和电脑周边环境中提取数据，并用来做有用的复杂的事情。例如Geolocation API提供了一些简单的 JavaScript 结构以获得位置数据，因此你可以在 Google 地图上标示你的位置。在后台，浏览器确实使用一些复杂的低级代码（例如 C++）与设备的 GPS 硬件（或可以决定位置数据的任何设施）通信来获取位置数据并把这些数据返回给你的代码中使用浏览器环境；但是，这种复杂性通过 API 抽象出来，因而与你无关。
第三方 API缺省情况下不会内置于浏览器中，通常必须在 Web 中的某个地方获取代码和信息。例如Twitter API 使你能做一些显示最新推文这样的事情，它提供一系列特殊的结构，可以用来请求 Twitter 服务并返回特殊的信息。

使用别人的API，通常需要以下步骤：

准备工作：首先，你需要在API提供商的网站上注册账号，并申请API Key。API Key是一个字符串，可以用于标识你的身份和访问权限。
查看API文档：其次，你需要查看API的文档，了解API的功能、参数和返回值。一般来说，API文档会包含以下内容：

API的地址（URL）
API的请求方式（GET、POST、PUT、DELETE等）
API的请求头（Headers）
API的请求参数（Query String / Request Body）
API的响应状态码（Status Code）
API的响应格式（Content-Type）
API的响应数据（Response Body）

发送请求：然后，你可以使用你喜欢的编程语言，通过HTTP协议向API发送请求。例如，你可以使用Python的requests库，发送GET请求：

import requests

# 设置API地址、请求头和请求参数
url = 'https://api.example.com/users'
headers = {'Authorization': 'Bearer YOUR_API_KEY'}
params = {'page': 2, 'per_page': 10}

# 发送GET请求
response = requests.get(url, headers=headers, params=params)

# 打印响应状态码
print(response.status_code)

# 打印响应数据
print(response.text)

处理响应：最后，你可以根据API的文档，处理响应数据。根据响应状态码和响应格式，你可以判断请求是否成功，并进行相应的处理。

例如，假设API返回的是JSON格式的数据，你可以使用Python的json库将响应数据转换为字典：

import requests
import json

# 设置API地址、请求头和请求参数
url = 'https://api.example.com/users'
headers = {'Authorization': 'Bearer YOUR_API_KEY'}
params = {'page': 2, 'per_page': 10}

# 发送GET请求
response = requests.get(url, headers=headers, params=params)

# 判断响应状态码
if response.status_code == 200:
    # 将响应数据转换为字典
    data = json.loads(response.text)
    # 打印响应数据
    print(data)
else:
    print('Request failed!')

学习任务

1.先做书上的示例，理解组件及其属性

任务一：换肤功能实现

1.IVX（已完成）
2.vue+bootstrap

菜单按钮

概要

iVX无编程前端可视化开发平台

公网地址：http://192.168.10.114/zdhome/?Mqtt=74EF0#/login?redirect=/home
http://192.168.10.6/
企业主账号：org
子用户名：yjq
密码：12345678

通用前台顶部

顶部左右两侧：

菜单按钮

时间显示

mqtt

重点参考
RabbitMQ超详细学习笔记

自定义图表 Echats

Echats官网：
echarts自定义图表

自定义图表组件

进入官网后，选择需要的图表示例

在IVX中选择通用变量将json串导入进去，然后让自定义图表的数据选择到刚才设置的变量对象。

函数法引入echats图表

API使用

什么是 API?

浏览器 API内置于 Web 浏览器中，能从浏览器和电脑周边环境中提取数据，并用来做有用的复杂的事情。例如Geolocation API提供了一些简单的 JavaScript 结构以获得位置数据，因此你可以在 Google 地图上标示你的位置。在后台，浏览器确实使用一些复杂的低级代码（例如 C++）与设备的 GPS 硬件（或可以决定位置数据的任何设施）通信来获取位置数据并把这些数据返回给你的代码中使用浏览器环境；但是，这种复杂性通过 API 抽象出来，因而与你无关。
第三方 API缺省情况下不会内置于浏览器中，通常必须在 Web 中的某个地方获取代码和信息。例如Twitter API 使你能做一些显示最新推文这样的事情，它提供一系列特殊的结构，可以用来请求 Twitter 服务并返回特殊的信息。

使用别人的API，通常需要以下步骤：

准备工作：首先，你需要在API提供商的网站上注册账号，并申请API Key。API Key是一个字符串，可以用于标识你的身份和访问权限。
查看API文档：其次，你需要查看API的文档，了解API的功能、参数和返回值。一般来说，API文档会包含以下内容：

API的地址（URL）
API的请求方式（GET、POST、PUT、DELETE等）
API的请求头（Headers）
API的请求参数（Query String / Request Body）
API的响应状态码（Status Code）
API的响应格式（Content-Type）
API的响应数据（Response Body）

发送请求：然后，你可以使用你喜欢的编程语言，通过HTTP协议向API发送请求。例如，你可以使用Python的requests库，发送GET请求：

import requests

# 设置API地址、请求头和请求参数
url = 'https://api.example.com/users'
headers = {'Authorization': 'Bearer YOUR_API_KEY'}
params = {'page': 2, 'per_page': 10}

# 发送GET请求
response = requests.get(url, headers=headers, params=params)

# 打印响应状态码
print(response.status_code)

# 打印响应数据
print(response.text)

处理响应：最后，你可以根据API的文档，处理响应数据。根据响应状态码和响应格式，你可以判断请求是否成功，并进行相应的处理。

例如，假设API返回的是JSON格式的数据，你可以使用Python的json库将响应数据转换为字典：

import requests
import json

# 设置API地址、请求头和请求参数
url = 'https://api.example.com/users'
headers = {'Authorization': 'Bearer YOUR_API_KEY'}
params = {'page': 2, 'per_page': 10}

# 发送GET请求
response = requests.get(url, headers=headers, params=params)

# 判断响应状态码
if response.status_code == 200:
    # 将响应数据转换为字典
    data = json.loads(response.text)
    # 打印响应数据
    print(data)
else:
    print('Request failed!')

学习任务

1.先做书上的示例，理解组件及其属性

任务一：换肤功能实现

1.IVX（已完成）
2.vue+bootstrap

概要

iVX无编程前端可视化开发平台

公网地址：http://192.168.10.114/zdhome/?Mqtt=74EF0#/login?redirect=/home
http://192.168.10.6/
企业主账号：org
子用户名：yjq
密码：12345678

通用前台顶部

顶部左右两侧：

菜单按钮

时间显示

mqtt

重点参考
RabbitMQ超详细学习笔记

自定义图表 Echats

Echats官网：
echarts自定义图表

自定义图表组件

进入官网后，选择需要的图表示例

在IVX中选择通用变量将json串导入进去，然后让自定义图表的数据选择到刚才设置的变量对象。

函数法引入echats图表

API使用

什么是 API?

浏览器 API内置于 Web 浏览器中，能从浏览器和电脑周边环境中提取数据，并用来做有用的复杂的事情。例如Geolocation API提供了一些简单的 JavaScript 结构以获得位置数据，因此你可以在 Google 地图上标示你的位置。在后台，浏览器确实使用一些复杂的低级代码（例如 C++）与设备的 GPS 硬件（或可以决定位置数据的任何设施）通信来获取位置数据并把这些数据返回给你的代码中使用浏览器环境；但是，这种复杂性通过 API 抽象出来，因而与你无关。
第三方 API缺省情况下不会内置于浏览器中，通常必须在 Web 中的某个地方获取代码和信息。例如Twitter API 使你能做一些显示最新推文这样的事情，它提供一系列特殊的结构，可以用来请求 Twitter 服务并返回特殊的信息。

使用别人的API，通常需要以下步骤：

准备工作：首先，你需要在API提供商的网站上注册账号，并申请API Key。API Key是一个字符串，可以用于标识你的身份和访问权限。
查看API文档：其次，你需要查看API的文档，了解API的功能、参数和返回值。一般来说，API文档会包含以下内容：

API的地址（URL）
API的请求方式（GET、POST、PUT、DELETE等）
API的请求头（Headers）
API的请求参数（Query String / Request Body）
API的响应状态码（Status Code）
API的响应格式（Content-Type）
API的响应数据（Response Body）

发送请求：然后，你可以使用你喜欢的编程语言，通过HTTP协议向API发送请求。例如，你可以使用Python的requests库，发送GET请求：

import requests

# 设置API地址、请求头和请求参数
url = 'https://api.example.com/users'
headers = {'Authorization': 'Bearer YOUR_API_KEY'}
params = {'page': 2, 'per_page': 10}

# 发送GET请求
response = requests.get(url, headers=headers, params=params)

# 打印响应状态码
print(response.status_code)

# 打印响应数据
print(response.text)

处理响应：最后，你可以根据API的文档，处理响应数据。根据响应状态码和响应格式，你可以判断请求是否成功，并进行相应的处理。

例如，假设API返回的是JSON格式的数据，你可以使用Python的json库将响应数据转换为字典：

import requests
import json

# 设置API地址、请求头和请求参数
url = 'https://api.example.com/users'
headers = {'Authorization': 'Bearer YOUR_API_KEY'}
params = {'page': 2, 'per_page': 10}

# 发送GET请求
response = requests.get(url, headers=headers, params=params)

# 判断响应状态码
if response.status_code == 200:
    # 将响应数据转换为字典
    data = json.loads(response.text)
    # 打印响应数据
    print(data)
else:
    print('Request failed!')

学习任务

1.先做书上的示例，理解组件及其属性

任务一：换肤功能实现

1.IVX（已完成）
2.vue+bootstrap

概要

iVX无编程前端可视化开发平台

公网地址：http://192.168.10.114/zdhome/?Mqtt=74EF0#/login?redirect=/home
http://192.168.10.6/
企业主账号：org
子用户名：yjq
密码：12345678

通用前台顶部

顶部左右两侧：

菜单按钮

时间显示

mqtt

重点参考
RabbitMQ超详细学习笔记

自定义图表 Echats

Echats官网：
echarts自定义图表

自定义图表组件

进入官网后，选择需要的图表示例

在IVX中选择通用变量将json串导入进去，然后让自定义图表的数据选择到刚才设置的变量对象。

函数法引入echats图表

API使用

什么是 API?

浏览器 API内置于 Web 浏览器中，能从浏览器和电脑周边环境中提取数据，并用来做有用的复杂的事情。例如Geolocation API提供了一些简单的 JavaScript 结构以获得位置数据，因此你可以在 Google 地图上标示你的位置。在后台，浏览器确实使用一些复杂的低级代码（例如 C++）与设备的 GPS 硬件（或可以决定位置数据的任何设施）通信来获取位置数据并把这些数据返回给你的代码中使用浏览器环境；但是，这种复杂性通过 API 抽象出来，因而与你无关。
第三方 API缺省情况下不会内置于浏览器中，通常必须在 Web 中的某个地方获取代码和信息。例如Twitter API 使你能做一些显示最新推文这样的事情，它提供一系列特殊的结构，可以用来请求 Twitter 服务并返回特殊的信息。

使用别人的API，通常需要以下步骤：

准备工作：首先，你需要在API提供商的网站上注册账号，并申请API Key。API Key是一个字符串，可以用于标识你的身份和访问权限。
查看API文档：其次，你需要查看API的文档，了解API的功能、参数和返回值。一般来说，API文档会包含以下内容：

API的地址（URL）
API的请求方式（GET、POST、PUT、DELETE等）
API的请求头（Headers）
API的请求参数（Query String / Request Body）
API的响应状态码（Status Code）
API的响应格式（Content-Type）
API的响应数据（Response Body）

发送请求：然后，你可以使用你喜欢的编程语言，通过HTTP协议向API发送请求。例如，你可以使用Python的requests库，发送GET请求：

import requests

# 设置API地址、请求头和请求参数
url = 'https://api.example.com/users'
headers = {'Authorization': 'Bearer YOUR_API_KEY'}
params = {'page': 2, 'per_page': 10}

# 发送GET请求
response = requests.get(url, headers=headers, params=params)

# 打印响应状态码
print(response.status_code)

# 打印响应数据
print(response.text)

处理响应：最后，你可以根据API的文档，处理响应数据。根据响应状态码和响应格式，你可以判断请求是否成功，并进行相应的处理。

例如，假设API返回的是JSON格式的数据，你可以使用Python的json库将响应数据转换为字典：

import requests
import json

# 设置API地址、请求头和请求参数
url = 'https://api.example.com/users'
headers = {'Authorization': 'Bearer YOUR_API_KEY'}
params = {'page': 2, 'per_page': 10}

# 发送GET请求
response = requests.get(url, headers=headers, params=params)

# 判断响应状态码
if response.status_code == 200:
    # 将响应数据转换为字典
    data = json.loads(response.text)
    # 打印响应数据
    print(data)
else:
    print('Request failed!')

学习任务

1.先做书上的示例，理解组件及其属性

任务一：换肤功能实现

1.IVX（已完成）
2.vue+bootstrap

时间显示

概要

iVX无编程前端可视化开发平台

公网地址：http://192.168.10.114/zdhome/?Mqtt=74EF0#/login?redirect=/home
http://192.168.10.6/
企业主账号：org
子用户名：yjq
密码：12345678

通用前台顶部

顶部左右两侧：

菜单按钮

时间显示

mqtt

重点参考
RabbitMQ超详细学习笔记

自定义图表 Echats

Echats官网：
echarts自定义图表

自定义图表组件

进入官网后，选择需要的图表示例

在IVX中选择通用变量将json串导入进去，然后让自定义图表的数据选择到刚才设置的变量对象。

函数法引入echats图表

API使用

什么是 API?

浏览器 API内置于 Web 浏览器中，能从浏览器和电脑周边环境中提取数据，并用来做有用的复杂的事情。例如Geolocation API提供了一些简单的 JavaScript 结构以获得位置数据，因此你可以在 Google 地图上标示你的位置。在后台，浏览器确实使用一些复杂的低级代码（例如 C++）与设备的 GPS 硬件（或可以决定位置数据的任何设施）通信来获取位置数据并把这些数据返回给你的代码中使用浏览器环境；但是，这种复杂性通过 API 抽象出来，因而与你无关。
第三方 API缺省情况下不会内置于浏览器中，通常必须在 Web 中的某个地方获取代码和信息。例如Twitter API 使你能做一些显示最新推文这样的事情，它提供一系列特殊的结构，可以用来请求 Twitter 服务并返回特殊的信息。

使用别人的API，通常需要以下步骤：

准备工作：首先，你需要在API提供商的网站上注册账号，并申请API Key。API Key是一个字符串，可以用于标识你的身份和访问权限。
查看API文档：其次，你需要查看API的文档，了解API的功能、参数和返回值。一般来说，API文档会包含以下内容：

API的地址（URL）
API的请求方式（GET、POST、PUT、DELETE等）
API的请求头（Headers）
API的请求参数（Query String / Request Body）
API的响应状态码（Status Code）
API的响应格式（Content-Type）
API的响应数据（Response Body）

发送请求：然后，你可以使用你喜欢的编程语言，通过HTTP协议向API发送请求。例如，你可以使用Python的requests库，发送GET请求：

import requests

# 设置API地址、请求头和请求参数
url = 'https://api.example.com/users'
headers = {'Authorization': 'Bearer YOUR_API_KEY'}
params = {'page': 2, 'per_page': 10}

# 发送GET请求
response = requests.get(url, headers=headers, params=params)

# 打印响应状态码
print(response.status_code)

# 打印响应数据
print(response.text)

处理响应：最后，你可以根据API的文档，处理响应数据。根据响应状态码和响应格式，你可以判断请求是否成功，并进行相应的处理。

例如，假设API返回的是JSON格式的数据，你可以使用Python的json库将响应数据转换为字典：

import requests
import json

# 设置API地址、请求头和请求参数
url = 'https://api.example.com/users'
headers = {'Authorization': 'Bearer YOUR_API_KEY'}
params = {'page': 2, 'per_page': 10}

# 发送GET请求
response = requests.get(url, headers=headers, params=params)

# 判断响应状态码
if response.status_code == 200:
    # 将响应数据转换为字典
    data = json.loads(response.text)
    # 打印响应数据
    print(data)
else:
    print('Request failed!')

学习任务

1.先做书上的示例，理解组件及其属性

任务一：换肤功能实现

1.IVX（已完成）
2.vue+bootstrap

mqtt

重点参考
RabbitMQ超详细学习笔记

自定义图表 Echats

Echats官网：
echarts自定义图表

自定义图表组件

进入官网后，选择需要的图表示例

概要

iVX无编程前端可视化开发平台

公网地址：http://192.168.10.114/zdhome/?Mqtt=74EF0#/login?redirect=/home
http://192.168.10.6/
企业主账号：org
子用户名：yjq
密码：12345678

通用前台顶部

顶部左右两侧：

菜单按钮

时间显示

mqtt

重点参考
RabbitMQ超详细学习笔记

自定义图表 Echats

Echats官网：
echarts自定义图表

自定义图表组件

进入官网后，选择需要的图表示例

在IVX中选择通用变量将json串导入进去，然后让自定义图表的数据选择到刚才设置的变量对象。

函数法引入echats图表

API使用

什么是 API?

浏览器 API内置于 Web 浏览器中，能从浏览器和电脑周边环境中提取数据，并用来做有用的复杂的事情。例如Geolocation API提供了一些简单的 JavaScript 结构以获得位置数据，因此你可以在 Google 地图上标示你的位置。在后台，浏览器确实使用一些复杂的低级代码（例如 C++）与设备的 GPS 硬件（或可以决定位置数据的任何设施）通信来获取位置数据并把这些数据返回给你的代码中使用浏览器环境；但是，这种复杂性通过 API 抽象出来，因而与你无关。
第三方 API缺省情况下不会内置于浏览器中，通常必须在 Web 中的某个地方获取代码和信息。例如Twitter API 使你能做一些显示最新推文这样的事情，它提供一系列特殊的结构，可以用来请求 Twitter 服务并返回特殊的信息。

使用别人的API，通常需要以下步骤：

准备工作：首先，你需要在API提供商的网站上注册账号，并申请API Key。API Key是一个字符串，可以用于标识你的身份和访问权限。
查看API文档：其次，你需要查看API的文档，了解API的功能、参数和返回值。一般来说，API文档会包含以下内容：

API的地址（URL）
API的请求方式（GET、POST、PUT、DELETE等）
API的请求头（Headers）
API的请求参数（Query String / Request Body）
API的响应状态码（Status Code）
API的响应格式（Content-Type）
API的响应数据（Response Body）

发送请求：然后，你可以使用你喜欢的编程语言，通过HTTP协议向API发送请求。例如，你可以使用Python的requests库，发送GET请求：

import requests

# 设置API地址、请求头和请求参数
url = 'https://api.example.com/users'
headers = {'Authorization': 'Bearer YOUR_API_KEY'}
params = {'page': 2, 'per_page': 10}

# 发送GET请求
response = requests.get(url, headers=headers, params=params)

# 打印响应状态码
print(response.status_code)

# 打印响应数据
print(response.text)

处理响应：最后，你可以根据API的文档，处理响应数据。根据响应状态码和响应格式，你可以判断请求是否成功，并进行相应的处理。

例如，假设API返回的是JSON格式的数据，你可以使用Python的json库将响应数据转换为字典：

import requests
import json

# 设置API地址、请求头和请求参数
url = 'https://api.example.com/users'
headers = {'Authorization': 'Bearer YOUR_API_KEY'}
params = {'page': 2, 'per_page': 10}

# 发送GET请求
response = requests.get(url, headers=headers, params=params)

# 判断响应状态码
if response.status_code == 200:
    # 将响应数据转换为字典
    data = json.loads(response.text)
    # 打印响应数据
    print(data)
else:
    print('Request failed!')

学习任务

1.先做书上的示例，理解组件及其属性

任务一：换肤功能实现

1.IVX（已完成）
2.vue+bootstrap

概要

iVX无编程前端可视化开发平台

公网地址：http://192.168.10.114/zdhome/?Mqtt=74EF0#/login?redirect=/home
http://192.168.10.6/
企业主账号：org
子用户名：yjq
密码：12345678

通用前台顶部

顶部左右两侧：

菜单按钮

时间显示

mqtt

重点参考
RabbitMQ超详细学习笔记

自定义图表 Echats