python获取页面数据、然后报警_如何使用Python获取当前页面的请求接口的返回信息?...

这个非常简单,requests模块就可以轻松实现,下面我简单介绍一下:

requests简介

requests模块是Python一个非常实用的HTTP库,可以很方便的进行get、post、put、delete等常见web接口测试,对于返回的数据可以直接json序列化,处理起来非常快捷,中文官网地址https://2.python-requests.org//zh_CN/latest/index.html,介绍的非常详细:

接口测试

1.首先,安装requests模块,这个直接在cmd窗口输入安装命令“pip install requests”就行,如下,很快就能安装成功:

2.安装完成后,我们就可以直接进行web接口测试了,这里主要进行了get、post、put、delete4中常见类型的请求,主要代码及截图如下:get请求:这里可以直接将参数作为url的一部分进行传递(单独封装也行),测试代码如下,非常简单,get发送request请求,然后获取response响应,解析并打印响应信息,包括status_code、headers、cookies、text等:

程序运行截图如下,已经成功获取到接口返回的数据:

post请求:这里的参数

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,我可以帮你设计这个页面。首先,请问你已经有一些数据和后端API可以供我调用了吗? 如果有,我们可以按照以下步骤实现: 1. 首先,我们需要创建一个基本的 HTML 模板并加载 Chart.js 库,可以在 head 标签中添加以下代码: ```html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>可视化数据</title> <script src="https://cdn.jsdelivr.net/npm/chart.js"></script> </head> <body> </body> </html> ``` 2. 接下来,我们可以添加一个包含五个标签的导航栏,可以在 body 标签中添加以下代码: ```html <nav> <ul> <li><a href="#" id="temp">温度数据</a></li> <li><a href="#" id="hum">湿度数据</a></li> <li><a href="#" id="gas">有害气体浓度数据</a></li> <li><a href="#" id="dust">灰尘浓度数据</a></li> <li><a href="#" id="alert">报警数据</a></li> </ul> </nav> ``` 3. 然后,我们可以创建一个用于显示数据的 canvas 标签,可以在 body 标签中添加以下代码: ```html <div> <canvas id="myChart"></canvas> </div> ``` 4. 接下来,我们可以为每个标签添加点击事件监听器,当用户点击标签时,发送请求获取数据并绘制图表。同时也为每个标签添加鼠标悬停事件监听器,当用户悬停在标签上时,标签的颜色会发生变化。 ```html <script> const endpoints = { temp: "/api/temp", hum: "/api/hum", gas: "/api/gas", dust: "/api/dust", alert: "/api/alert" }; const chartConfig = { type: "line", data: { labels: [], datasets: [{ label: "", data: [], borderWidth: 2, lineTension: 0.4, borderColor: "#3e95cd", fill: false }] }, options: { legend: { display: false } } }; const ctx = document.getElementById('myChart').getContext('2d'); const myChart = new Chart(ctx, chartConfig); const nav = document.querySelector("nav ul"); const navItems = nav.querySelectorAll("a"); navItems.forEach((item) => { item.addEventListener("click", () => getData(item.id)); item.addEventListener("mouseenter", () => item.style.backgroundColor = "#333"); item.addEventListener("mouseleave", () => item.style.backgroundColor = ""); }); async function getData(endpoint) { try { const response = await fetch(endpoints[endpoint]); const data = await response.json(); chartConfig.data.labels = data.labels; chartConfig.data.datasets[0].label = data.label; chartConfig.data.datasets[0].data = data.data; myChart.update(); } catch (error) { console.log(error); } } </script> ``` 5. 最后,我们需要编写后端的 API,用于返回对应的数据。下面是一个简单的示例: ```python from flask import Flask, jsonify app = Flask(__name__) data = { "temp": { "labels": ["1", "2", "3", "4", "5"], "data": [20, 21, 22, 23, 25], "label": "温度数据" }, "hum": { "labels": ["1", "2", "3", "4", "5"], "data": [40, 42, 43, 45, 46], "label": "湿度数据" }, "gas": { "labels": ["1", "2", "3", "4", "5"], "data": [100, 120, 130, 140, 150], "label": "有害气体浓度数据" }, "dust": { "labels": ["1", "2", "3", "4", "5"], "data": [0.1, 0.2, 0.3, 0.4, 0.5], "label": "灰尘浓度数据" }, "alert": { "labels": ["1", "2", "3", "4", "5"], "data": [0, 0, 1, 0, 1], "label": "报警数据" } } @app.route("/api/<string:endpoint>") def get_data(endpoint): return jsonify(data[endpoint]) if __name__ == "__main__": app.run(debug=True) ``` 以上是基本框架的示例代码,你可以根据具体的需求进行修改和优化。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值