当前位置：首页 > news >正文

利用阿里云Atlas地区选择器与Plotly.js实现数据可视化与交互

news 来源：原创 2025/8/23 2:14:23

在数据科学与可视化领域，交互式图表和地图应用越来越成为数据分析和展示的重要手段。本文将介绍如何结合阿里云Atlas地区选择器与Plotly.js，创建动态交互式的数据可视化应用。

一、阿里云Atlas地区选择器简介

阿里云Atlas是阿里云的一款数据可视化产品，提供了强大的地图与地区选择功能。你可以使用阿里云Atlas地区选择器轻松选择需要展示的数据所在地区。
在这里插入图片描述

阿里云Atlas的地区选择器提供了一个简洁直观的界面，用户可以在地图上选择一个或多个地区，并将这些选择传递给下游应用进行数据处理。这为构建动态的数据应用提供了灵活性和可操作性。

特性：

交互式地图：允许用户在地图上选择多个区域，并将这些信息传递给后台应用。
自定义界面：可以根据需求定制选择器的外观和行为，提供更加贴合业务需求的用户体验。
数据集成：能够与阿里云其他服务和数据源无缝集成，为数据可视化应用提供强大支持。

二、Plotly.js简介

Plotly.js 是一个用于创建交互式图表和可视化的开源JavaScript库。它支持各种类型的图表，包括线性图、散点图、条形图、热力图等，特别适合数据科学与工程中的复杂数据分析和展示。
在这里插入图片描述

Plotly.js的强大之处在于它能够生成高度可定制、动态交互的图表，并且图表不仅可以在Web浏览器中展示，还可以通过API与后台服务进行交互。

特性：

交互性强：支持缩放、拖拽、点击等交互操作，能够为用户提供更加灵活的视图。
丰富的图表类型：支持散点图、线性图、饼图、热力图、3D图等。
易于集成：Plotly.js可以很方便地与其他Web技术（如React、D3.js等）进行集成，构建高度定制的前端应用。

三、阿里云Atlas地区选择器与Plotly.js结合

通过结合使用阿里云Atlas地区选择器与Plotly.js，你可以创建一个动态交互式的数据可视化应用。用户在地图上选择的区域可以直接影响图表展示的内容，使得数据展示更加灵活和个性化。

示例：

地图区域选择：使用阿里云Atlas地区选择器，用户可以选择多个地区。
动态数据更新：选择的区域会通过API传递给后台，后台根据用户选择的区域从数据库获取相应的数据。
Plotly.js渲染图表：后台返回数据后，前端通过Plotly.js实时更新图表，展示所选地区的数据。

通过这种方式，用户可以在交互式的地图上选择不同的地区，查看与之相关的实时数据图表，如各地区的销售情况、流量分析等。

技术实现：

使用阿里云Atlas提供的地区选择器获取用户的选择。
利用JavaScript与Plotly.js实现图表的动态更新。
后端（如Node.js或Python Flask）根据地区选择从数据库或API获取数据。
前端通过Plotly.js更新页面上的可视化图表。

要实现阿里云Atlas地区选择器与Plotly.js的结合，首先需要进行以下步骤：

使用阿里云Atlas地区选择器获取用户选择的地区。
将用户选择的地区信息传递到后端（假设是一个简单的Node.js服务）。
后端从数据库或API获取相关数据。
将数据传递到前端，使用Plotly.js进行动态更新图表。

1. 前端：HTML + JavaScript

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Interactive Data Visualization with Atlas and Plotly.js</title><script src="https://cdn.plot.ly/plotly-latest.min.js"></script><script src="https://cdn.jsdelivr.net/npm/ali-oss/atlas.js"></script> <!-- 引入阿里云 Atlas --><style>body {font-family: Arial, sans-serif;}#map-container {height: 400px;width: 100%;}#plot-container {height: 500px;width: 100%;}</style>
</head>
<body><h1>Interactive Data Visualization</h1><div id="map-container"></div>
<div id="plot-container"></div><script>// 初始化阿里云Atlas地区选择器const atlas = new Atlas.Map({container: 'map-container',areaSelector: true,style: 'background: #f1f1f1;',onAreaSelect: function(selectedArea) {console.log("Selected Area:", selectedArea);  // 输出选择的地区信息// 调用后端API获取相应的图表数据fetchDataAndUpdatePlot(selectedArea);}});// 模拟从后端获取数据function fetchDataAndUpdatePlot(selectedArea) {// 发送选中的地区信息到后端，获取对应的数据fetch('/get-data', {method: 'POST',headers: {'Content-Type': 'application/json'},body: JSON.stringify({ area: selectedArea })}).then(response => response.json()).then(data => {// 使用Plotly.js渲染数据updatePlot(data);}).catch(error => console.error('Error fetching data:', error));}// 使用Plotly.js更新图表function updatePlot(data) {const trace1 = {x: data.x,  // 数据中的x轴y: data.y,  // 数据中的y轴mode: 'lines+markers',type: 'scatter'};const layout = {title: `Data for Selected Area`,xaxis: { title: 'X Axis' },yaxis: { title: 'Y Axis' }};Plotly.newPlot('plot-container', [trace1], layout);}
</script></body>
</html>

2. 后端：Node.js + Express (假设数据存储在一个API中)

首先，需要安装express并创建一个基本的Node.js服务器：

npm install express body-parser

然后在server.js中实现数据的获取：

const express = require('express');
const bodyParser = require('body-parser');
const app = express();// 使用JSON解析中间件
app.use(bodyParser.json());// 模拟数据：根据地区返回不同的数据
const mockData = {'area1': { x: [1, 2, 3, 4, 5], y: [10, 11, 12, 13, 14] },'area2': { x: [1, 2, 3, 4, 5], y: [5, 6, 7, 8, 9] },'area3': { x: [1, 2, 3, 4, 5], y: [15, 16, 17, 18, 19] }
};// 获取数据接口
app.post('/get-data', (req, res) => {const { area } = req.body;// 查找选择的地区数据const data = mockData[area];if (data) {res.json(data);} else {res.status(404).send('Area not found');}
});// 启动服务器
app.listen(3000, () => {console.log('Server is running on http://localhost:3000');
});

运行步骤:
启动Node.js服务器：打开index.html，加载页面后，你将看到阿里云Atlas地区选择器（地图），以及Plotly.js渲染的图表。

node server.js

代码解析

前端部分：使用引入Plotly.js。
使用阿里云Atlas的地区选择器获取用户选择的地区。当选择区域时，通过fetch将选定的区域信息发送到Node.js后端。fetchDataAndUpdatePlot函数接收用户选择的地区并调用后端API获取数据，然后使用Plotly.js更新图表。

后端部分：使用Node.js和Express创建API，在/get-data端点上根据地区返回不同的模拟数据。数据使用mockData对象模拟，实际应用中可以从数据库或其他API获取。

四、总结

结合阿里云Atlas地区选择器与Plotly.js，你可以轻松构建一个互动性强且灵活的数据可视化平台。这种组合不仅适用于业务数据的展示，也能很好地服务于地理信息系统（GIS）和数据分析领域。无论是销售分析、流量分析还是区域比较，这一技术方案都能为你的数据可视化提供更多的可能性。

希望通过这篇文章，能够帮助你更好地理解如何结合使用阿里云Atlas与Plotly.js来创建强大的数据可视化应用。如果你有任何问题，欢迎在评论区留言交流！

参考资料

https://datav.aliyun.com/portal/school/atlas/area_selector
https://plotly.com/javascript/
https://www.bilibili.com/opus/986676982908452867

利用阿里云Atlas地区选择器与Plotly.js实现数据可视化与交互

在数据科学与可视化领域，交互式图表和地图应用越来越成为数据分析和展示的重要手段。本文将介绍如何结合阿里云Atlas地区选择器与Plotly.js，创建动态交互式的数据可视化应用。一、阿里云Atlas地区选择器简介阿里云Atlas是阿里云的一款数据可视化产品…...

编程日记 2025/8/23 2:14:23

尚硅谷TS快速入门笔记（个人笔记用）

TypeScript 快速上手 🪩 禹神：三小时快速上手TypeScript，TS速通教程_哔哩哔哩_bilibili ⼀、TypeScript 简介 TypeScript 由微软开发,是基于 JavaScript 的⼀个扩展语⾔。 TypeScript 包含了 JavaScript 的所有内容,即: TypeScript 是 Jav…...

编程日记 2025/8/23 2:07:12

python: DDD+ORM using oracle 21c

sql script: create table GEOVINDU.School --創建表 ( SchoolId char(5) NOT NULL, -- SchoolName nvarchar2(500) NOT NULL, SchoolTelNo varchar(8) NULL, PRIMARY KEY (SchoolId) --#主鍵 );create table GEOVINDU.Teacher ( TeacherId char(5) NOT NULL , TeacherFirstNa…...

编程日记 2025/8/23 2:48:21

KidneyTalk-open系统，RAG在医疗场景的真实落地：用于解决肾脏疾病的医疗问答问题

如何在保护隐私的前提下，本地部署大型语言模型（LLMs），以支持肾脏疾病的医学决策支持。难点包括：云端LLMs的数据泄露风险、本地部署的复杂性、通用LLMs在医学知识整合方面的不足、检索增强系统在医学文档处理和临床可用性方面的挣扎。Med-PaLM 2和MedFound在医学问答和临床…...

编程日记 2025/8/22 16:31:50

flask-定时任务

文章目录前言一、APScheduler是什么二、APScheduler 主要功能：三、主要组成部分：四、典型使用场景：五、具体使用1.安装 APScheduler2.假设我们有一个需要五分钟请求一次http接口的任务1.定义一个scheduler.py去专门处理定时2.启动文件处理3.…...

编程日记 2025/8/23 2:46:03

6-langchang多模态输入和自定义输出

6-langchang多模态输入和自定义输出多模态数据输入urlbase64url list工具调用自定义输出: JSON, XML, YAML如何解析 JSON 输出json如何解析xmlYAML解析器多模态数据输入这里我们演示如何将多模态输入直接传递给模型。我们目前期望所有输入都以与OpenAI 期望的格式相同的格式…...

编程日记 2025/8/23 2:43:36

接口自动化入门 —— Http的请求头，请求体，响应码解析！

在接口自动化测试中，HTTP请求头、请求体和响应码是核心组成部分。理解它们的作用、格式和解析方法对于进行有效的接口测试至关重要。以下是详细解析： 1. HTTP 请求头（Request Header） 1.1 作用请求头是客户端向服务器发送的附加…...

编程日记 2025/8/23 2:46:47

AI-NAS：当存储遇上智能，开启数据管理新纪元

在数据爆炸的时代，NAS（网络附加存储）已成为个人和企业存储海量数据的利器。然而，面对日益庞大的数据量，传统的NAS系统在文件管理和搜索效率上逐渐力不从心。AI-NAS应运而生，它将NAS与人工智能（A…...

编程日记 2025/8/23 2:48:21

MWC 2025 | 移远通信推出AI智能无人零售解决方案，以“动态视觉+边缘计算”引领智能零售新潮流

在无人零售市场蓬勃发展的浪潮中，自动售货机正经历着从传统机械式操作向AI视觉技术的重大跨越。移远通信作为全球领先的物联网整体解决方案供应商，精准把握行业趋势，在2025世界移动通信大会（MWC）上宣布推出全新AI智能…...

编程日记 2025/8/23 2:48:21

个人记录的一个插件，Unity-RuntimeMonitor

没有什么干货，仅仅是个人的记录基于GUI做的一个工具：好处就是Monitor必须，Unity天然支持实时的Monitor;唯一不好处，就是默认字体太小了，layout居中，居右也是要自行设计的。（下面文字是有一点点写错，但意思和功能就很牛逼了；并不是都按2 x shift，而是一个 shift 添…...

编程日记 2025/8/23 3:17:24

【C语言】考研复试上机代码题（基础篇）

文章目录一、输入与输出1、温度转换2、排齐数据3、进制转换二、选择分支结构1、分段函数求值2、成绩评定3、平闰年判定4、二次方程的根5、字符大小写三、循环结构程序1、倒数求和4、判断数根5、打印菱形6、最大公约数7、最小公倍数8、复读机四、数组1、数组的批量增2、数组…...

编程日记 2025/8/23 3:19:18

video可以播放视屏但无法使用进度条点击快进/video的进度条失效无法点击

1、问题描述？ 1、在SpringBoot+jQuery的$.get+HTML的video，进行动态加载视屏的时候，页面可以正常的播放视频，但是video自带的点击进度条快进视频功能失效。即如下进度条无法点击，只能顺序播放。 2、视频格式是mp4格式。 3、在主流的浏览器中都可以实现点击播放，但是进度…...

编程日记 2025/8/23 3:14:33

DeepSeekR1之四_在RAGFlow中配置DeepSeekR1模型

DeepSeekR1之四_在RAGFlow中配置DeepSeekR1模型文章目录 DeepSeekR1之四_在RAGFlow中配置DeepSeekR1模型1. 通过Ollama下载模型1. 下载DeepSeekR1模型2. 下载嵌入模型 2. 查看本地的Ollama模型3. 模型提供商中添加模型1. 打开模型提供商2. 选择Ollama待添加模型3. 添加DeepSee…...

编程日记 2025/8/23 3:17:11

electron + vue3 + vite 渲染进程与渲染进程之间的消息端口通信

渲染进程与渲染进程之间的通信有两种： 通过主进程进行消息转发（通过组合主进程与渲染进程之间的单向、双向通信可以实现，可以自己动手尝试，该篇不讲解）通过消息端口进行直接通信该篇主要用示例讲解下单项目内多个窗口…...

编程日记 2025/8/23 3:17:10

MySQL性能调优实战手册：从慢查询到执行计划全解析

一、调优流程四步走 🚀 当我们遇到数据库调优问题的时候，该如何思考呢? 这里把思考的流程整理成下面这张图。整个流程划分成了观察（Show status）和行动(Action）两个部分。字母S的部分代表观察（会使用相…...

编程日记 2025/8/22 10:49:11

作为高数小白，我尝试理解概念：高数 - 导数

作为C#开发者，其实我是一个高数小白，可是我对它极其好奇，非常想了解它里面到底讲了什么内容，貌似这对于我是一个非常艰难的过程，因为完全没有接触过高等数学，可是又太想去了解。所以我计划开始慢慢学习它。…...

编程日记 2025/8/23 3:27:51

在 IntelliJ IDEA(2024) 中创建 JAR 包步骤

下是在 IntelliJ IDEA 中创建 JAR 包的详细的步骤： 1. 选择File -> Project Structure->Artifacts， (1)点击➕新建，如下图所示： (2)选择JAR->Empty (3)输入jar包名称，确定输出路径 （4&#…...

编程日记 2025/8/23 3:21:02

『PostgreSQL』PGSQL备份与还原实操指南

📣读完这篇文章里你能收获到了解逻辑备份与物理备份的区别及适用场景🔍。掌握全库、指定库、指定表备份还原的命令及参数📝。学会如何根据业务需求选择合适的备份策略📊。熟悉常见备份还原问题的排查与解决方法🔧。 …...

编程日记 2025/8/23 3:28:35

Mentalab Explore 在低密度 EEG 系统中的创新应用

在当今科技飞速发展的时代，脑电图（EEG）技术已成为神经科学研究、医疗诊断和教育领域广泛使用的工具。Mentalab Explore 作为一款专为灵活性和高效性设计的便携式低密度 EEG 系统，凭借其性能和多样的应用场景，正引领着便…...

编程日记 2025/8/23 3:27:24

Ubuntu 24.04.2 允许 root 登录桌面、 ssh 远程、允许 Ubuntu 客户机与主机拖拽传递文件

允许 root 登录桌面修改 /etc/pam.d/gdm-autologin , /etc/pam.d/gdm-password 加 # 以注释掉 auth required pam_succeed_if.so user ! root quiet_success 允许 root 通过 ssh 登录修改 /etc/ssh/sshd_config ... #PermitRootLogin prohibit-password PermitRootLogin …...

编程日记 2025/8/23 3:24:25

ngx_openssl_create_conf

ngx_openssl_create_conf 声明在 src\event\ngx_event_openssl.c static void *ngx_openssl_create_conf(ngx_cycle_t *cycle); 定义在 src\event\ngx_event_openssl.c static void * ngx_openssl_create_conf(ngx_cycle_t *cycle) {ngx_openssl_conf_t *oscf;oscf ngx_…...

编程日记 2025/8/23 3:25:11

数学二次函数

二次函数就是计算一个抛物线。抛物线的基本公式： 重点中的重点就是解决： （开口方向： 对称轴，顶点，交点） 这里的 y 和 x 就是这个抛物线的个个点的坐标连成的线。 a 的正负决定和大小决定…...

编程日记 2025/8/23 3:22:20

系统架构的评估的系统的质量属性

体系结构苹果可以针对一个体系结构，也可以针对一组体系结构。体系结构评估过程中，评估人员所关注的是系统的质量属性，所有评估方法所普遍关注的质量属性有以下几个：性能、可靠性（容错，健壮性）…...

编程日记 2025/8/23 3:23:12

Facebook 的历史与发展：从校园网站到全球社交平台

引言 Facebook，这个全球最大的社交网络平台之一，其发展历程充满了创新和变革。从最初的校园网站到如今的全球社交平台，Facebook 不仅改变了人们的沟通方式，也重塑了信息传播和社交互动的模式。起源：校园内的点子 Fa…...

编程日记 2025/8/23 3:25:12

开源、创新与人才发展：机器人产业的战略布局与稚晖君成功案例解析

目录引言一、开源：机器人产业的战略布局促进技术进步和生态建设吸引人才和合作伙伴建立标准和网络效应降低研发风险与成本二、稚晖君：华为"天才少年计划"的成功典范深厚的技术积累与动手能力强烈的探索和创新意识持续公开…...

编程日记 2025/8/23 3:29:58

Visual Studio 2022新建c语言项目的详细步骤

步骤1：点击创建新项目步骤2：到了项目模板 --> 选择“控制台应用” (在window终端运行代码。默认打印"Hello World") --> 点击 “下一步” 步骤3：到了配置新项目模块 --> 输入“项目名称” --> 更改“位置”路径&…...

编程日记 2025/8/23 3:32:17

利用FatJar彻底解决Jar包冲突（三）

利用FatJar彻底解决Jar包冲突 Spring 容器的加载与隔离⽀持注解配置⽂件定位与容器初始化嵌套Spring容器的加载隔离优化EagleEye traceId不⼀致问题原因解决 Spring 容器的加载与隔离⽀持注解这个⽐较容易，主要是我们之前的应⽤不⽀持⼆⽅包内部的注解&#xf…...

编程日记 2025/8/23 3:32:18

【TMS570LC4357】之工程创建

备注：具体资料请在官网海淘.TMS570LC4357资料 1. 下载软件官网下载对应的编译编辑工具如下图，主要是这两个，其它Flash工具等酌情考虑安装软件，一直next就可以。安装后新建工程 2. 新建工程如果不知道怎么建工程&#xff0…...

编程日记 2025/8/23 3:31:25

工作记录 2016-12-22

工作记录 2016-12-22 更新的问题 1、修改了Job Summary的Bill Amount的Bug。 2、修改了Account #的宽度。 3、修改了Clearinghouse Status的默认查询的条件。 4、修改了Upload Files的Add File的bug。 5、Pending Pool、Missing Infos加了Write Off，修改了Histor…...

编程日记 2025/8/23 3:29:58

若依-导出后端解析

针对若依框架微服务版本学习若依导入导出功能的具体使用详见：后台手册 | RuoYi 1.导出逻辑： 导出文件的逻辑是先创建一个临时文件，等待前端请求下载结束后马上删除这个临时文件。但是有些下载插件，例如迅雷（他们是二…...

编程日记 2025/8/23 3:21:02

【QT5 Widgets示例】记事本：（二）界面设计

文章目录记事本：（二）界面设计设置窗口标题和图标创建菜单工具栏创建文本框记事本：（二）界面设计设置窗口标题和图标标题点击窗口，修改windowTitle项图标点击windowIcon 倒三角&#xf…...

编程日记 2025/8/23 3:26:30

MPPT与PWM充电原理及区别详解

MPPT（最大功率点跟踪）和PWM（脉宽调制）是太阳能充电控制器中常用的两种技术，它们在原理、效率和适用场景上有显著区别。以下是两者的详细对比： 1. 工作原理 PWM（脉宽调制） 核心机制…...

编程日记 2025/8/23 3:31:26

K8S 集群搭建——cri-dockerd版

目录一、工作准备 1.配置主机名 2.配置hosts解析 3.配置免密登录（只需要在master上操作） 4.时间同步（每台节点都要做，必做，否则可能会因为时间不同步导致集群初始化失败） 5.关闭系统防火墙 6.配置…...

编程日记 2025/8/23 3:24:25

使用express创建服务器保存数据到mysql

创建数据库和表结构 CREATE DATABASE collect;USE collect;CREATE TABLE info (id int(11) NOT NULL AUTO_INCREMENT,create_date bigint(20) DEFAULT NULL COMMENT 时间,type varchar(20) DEFAULT NULL COMMENT 数据分类,text_value text COMMENT 内容,PRIMARY KEY (id) ) EN…...

编程日记 2025/8/22 11:33:18

ubuntu-学习笔记-nginx+php

nginxphp nginx下载nginx配置nginx.conf php其他记录一下在ubuntu中nginxphp部署tp项目 nginx nginx就是正常下载下载nginx sudo apt-get install nginx tp项目版本是3.2，通过设置路由，以域名/api.php/控制器/xxx的格式进行api的调用，文…...

编程日记 2025/8/23 3:21:04

打造智能聊天体验：前端集成 DeepSeek AI 助你快速上手

DeepSeek AI 聊天助手集成指南先看完整效果： PixPin_2025-02-19_09-15-59 效果图： 目录项目概述功能特点环境准备项目结构组件详解 ChatContainerChatInputMessageBubbleTypeWriter 核心代码示例使用指南常见问题项目概述基于 Vue 3 TypeScrip…...

编程日记 2025/8/23 3:27:25

github生成badges的方法

在Github页面上生成类似下面这样的badge的方法你可以通过以下步骤在GitHub个人主页的README中创建类似的技术栈徽章： 一、使用 Shields.io 生成徽章 Shields.io 是一个开源徽章生成工具，支持自定义文本、颜色、图标等参数。 1. 基础模板 https://…...

编程日记 2025/8/23 3:22:22

vulnhub靶场渗透之SickOs1.2渗透教程，计划任务提权、chkrootkit提权

vulnhub靶场渗透之SickOs1.2渗透教程，计划任务提权、chkrootkit提权一、信息收集 1、首先拿到靶场先扫一下ip 2025.3.7 AM 8：36 arp-scan -l 扫描同网段 nmap -sP 192.168.66.24/02、指纹扫描 nmap -sS -sV 192.168.66.130 指纹扫描PORT STATE S…...

编程日记 2025/8/23 3:25:44

Ubuntu系统部署.NET 8网站项目

一、使用XShell连接 Ubuntu系统初次连接时默认的用户名为：ubuntu，使用此用户名与系统登录密码进行连接。登录成功效果如下图： 二、root用户登录 linux下有超级用户（root）和普通用户，普通用户不能直接操…...

编程日记 2025/8/22 15:29:20

CI/CD—Jenkins配置一次完整的jar自动化发布流程

背景： 实现设想： 要创建自动化发布，需要准备一台测试服务器提前安装好java运行所需的环境，JDK版本最好和Windows开发机器上的版本一致，在Jenkins上配置将构建好的jar上传到测试服务器上，测试服务器自动启动…...

编程日记 2025/8/23 3:30:31

【Academy】Web 缓存欺骗 ------ Web cache deception

Web 缓存欺骗 ------ Web cache deception 1. 概述2. Web 缓存2.1 缓存键2.2 缓存规则 3. 构建 Web 缓存欺骗攻击3.1 使用缓存破坏器3.2 检测缓存的响应 4. 利用静态扩展缓存规则4.1 路径映射差异4.2 利用路径映射差异4.3 分隔符差异4.4 利用分隔符差异4.5 分隔符解码差异4.6 利…...

编程日记 2025/8/23 3:32:16

MATLAB表格Table与时间序列Timetable的高效操作方法

MATLAB中的表格（Table） 和时间序列（Timetable） 是处理结构化数据和时间相关数据的核心工具。以下从基础操作到高级技巧，分步骤详解其使用方法。一、创建与基础操作 1. 表格（Table）的创建与访…...

编程日记 2025/8/23 3:27:52

【leetcode hot 100 21】合并两个有序链表

解法一：新建一个链表存放有序的合并链表。当list1和list2至少有一个非空时，返回非空的；否则找出两个链表的最小值作为新链表的头，然后依次比较两链表，每次都先插入小的值。 /*** Definition for singly-linked list.*…...

编程日记 2025/8/22 7:36:25

本地部署 OpenManus 保姆级教程（Windows 版）

一、环境搭建我的电脑是Windows 10版本，其他的没尝试，如果大家系统和我的不一致，请自行判断，基本上没什么大的出入啊。 openManus的Git地址：https://github.com/mannaandpoem/OpenManus 根据官网的两种安装推荐方式如…...

编程日记 2025/8/22 20:56:39

20250310：OpenCV mat对象与base64互转

代码： https://github.com/ReneNyffenegger/cpp-base64 指南：https://renenyffenegger.ch/notes/development/Base64/Encoding-and-decoding-base-64-with-cpp/ 实操：...

编程日记 2025/8/23 3:30:30