JavaScript将array数据下载到Excel中
具体代码如下：
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><script src="https://cdn.jsdelivr.net/npm/xlsx/dist/xlsx.full.min.js"></script><script src="https://cdn.bootcss.com/FileSaver.js/2014-11-29/FileSaver.js"></script><script src="https://code.jquery.com/jquery-3.2.1.min.js"></script><title>下载Excel</title>
</head>
<body><button onclick="downloadfile()">下载Excel</button><script>function downloadfile() {var workbook = XLSX.utils.book_new(); //这段代码创建了一个名为的Workbook对象。console.log(workbook)var ws = XLSX.utils.json_to_sheet([]); //创建一个工作表对象var ws1 = XLSX.utils.json_to_sheet([]); //创建一个工作表对象XLSX.utils.book_append_sheet(workbook,ws,"ph数据"); //将工作表添加到workbook对象中XLSX.utils.book_append_sheet(workbook,ws1,"test"); //将工作表添加到workbook对象中workbook.creator = 'test123' //创建者workbook.created = new Date() //创建时间var data = [{"bz":"","cqqk":"/","date":"2023-01-04","djperson":"zs","id":1,"name":"2#","ph":5.8},{"bz":"","cqqk":"/","date":"2023-01-04","djperson":"zs","id":2,"name":"3#","ph":5.06}]var jsonDataWithHeaders = [{ "header1": "value1", "header2": "value2" },{ "header1": "value3", "header2": "value4" }];var datas = []for(var i = 0;i < data.length; i++){var p = {"id":data[i].id,"date":data[i].date,"name":data[i].name,"ph":data[i].ph,"cqqk":data[i].cqqk,"djperson":data[i].djperson,"bz":data[i].bz}datas.push(p)}////将数据添加到工作表XLSX.utils.sheet_add_json(ws,datas,{skipHeader:false,origin:"A1"})XLSX.utils.sheet_add_json(ws1,jsonDataWithHeaders,{skipHeader:true,origin:"A2"})var date = new Date();var isoString = '导出数据'+ date.toISOString().slice(0,10);// console.log(p);// const date = new Date();// // 获取年份// const year = date.getFullYear().toString(); // // 获取月份，月份从0开始，需要加1// const month = (date.getMonth() + 1).toString(); // // 获取日期// const day = date.getDate().toString();// 获取小时const hours = date.getHours().toString().padStart(2, '0');// 获取分钟padStart(2, '0')在前面补0const minutes = date.getMinutes().toString().padStart(2, '0');// 获取秒数const seconds = date.getSeconds().toString().padStart(2, '0');var sfm = hours+':'+minutes+':'+secondsvar names = isoString+' '+sfm+'.xlsx'console.log(names);//导出Excel文件XLSX.writeFile(workbook,names)}</script>
</body>
</html>这个建了一个Excel表，两个sheet，分别存放了一定的数据，最后进行下载下来，其中skipHeader:false,origin:"A1"代表不省略表头，表头默认是字典中的keys，从A1行开始：
相关文章：
JavaScript将array数据下载到Excel中
具体代码如下： <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><meta http-equiv"X-UA-Compatible" content"IEedge"><meta name"viewport" content"widt…...
【前端】Bootstrap：快速开始
Bootstrap 是一个功能强大且易于使用的前端框架，专门用于创建响应式和移动优先的网页。学习Bootstrap不仅可以帮助你快速构建现代网页，还可以提升你对前端开发流程的理解。本教程将从基础概念开始，逐步引导你掌握Bootstrap，并通过…...
文献阅读（222） VVQ协议死锁
题目：VVQ: Virtualizing Virtual Channel for Cost-Efficient Protocol Deadlock Avoidance时间：2023会议：HPCA研究机构：KAIST request-reply协议死锁如下图所示，每个node收到request之后发送reply，但是想…...
Node.js管理工具NVM
nvm（Node Version Manager）是一个用于管理多个 Node.js 版本的工具。以下是 nvm 的使用方法和一些常见命令： 一、安装 nvm 下载 nvm： 地址：https://github.com/coreybutler/nvm-windows/releases访问 nvm 的 GitHub 仓…...
云原生后端
云原生后端（Cloud-Native Backend）是指在云计算环境中，利用云原生技术（如容器、微服务、服务网格等）构建和部署后端应用程序的一种方法。以下是对云原生后端的详细讲解： 1. 定义 云原生是一种设计和构建应…...
充电宝哪个品牌值得买？2024年五款靠谱充电宝推荐
哪个品牌充电宝值得买？用过这么多款充电宝，个人还是觉得充电快、小巧便携的充电宝使用会更加的方便！在当今快节奏的生活中，手机已成为我们不可或缺的伙伴。然而，随着智能手机功能的日益强大，电池续航问题也…...
YOLOv11对比YOLOV8网络结构变化分析，帮助你真正的理解和学习yolo框架
本文在大佬的文章YOLOv11 | 一文带你深入理解ultralytics最新作品yolov11的创新 | 训练、推理、验证、导出 （附网络结构图）基础上做了一些补充。 一、YOLOv11和YOLOv8对比 二、YOLOv11的网络结构图 下面的图片为YOLOv11的网络结构图。 三、YOLOv11…...
弃用RestTemplate，RestClient真香！
在Spring框架的发展历程中，RestTemplate作为发起HTTP请求的同步API，曾经扮演着举足轻重的角色。然而，随着技术的不断进步和微服务架构的普及，RestTemplate的局限性逐渐显现，尤其是在处理高并发和异步请求时。因此&…...
electron-vite_10electron-updater软件更新
网很多electron-updater更新文章，这里只简单写一下演示代码； 为什么选择 electron-updater插件可以自动更新应用程序,同时支持多个平台;比官方要强; 官方的autoUpdater仅支持macOS 和 Windows 自动更新; 注意是自动，直接更新那种; 脚手架中是…...
React native之全局变量存储AsyncStorage
AsyncStorage是React native中对变量，对象进行全局存储，读取的异步使用对象。以key值进行存储。但是只能存储字符串数据，想存储对象，可把对象JSON进行序列化存储，读取的时候再转成JSON对象。 AsyncStorage.getItem()-…...
获取vue实例
需要注意的是，无论通过哪种方式获取元素，如果元素为 vue 组件，则需要在子组件中使用 defineExpose 进行暴露。 在父组件中，我们静态绑定 childRef： 在子组件中，我们需要通过defineExpose函数，手…...
基于Python实现电影推荐系统
电影推荐系统 标签：Tensorflow、矩阵分解、Surprise、PySpark 1、用Tensorflow实现矩阵分解 1.1、定义one_batch模块 import numpy as np import pandas as pddef read_and_process(filename, sep ::):col_names [user, item, rate, timestamp]df pd.read_cs…...
【linux】进程理解
🔥个人主页：Quitecoder 🔥专栏：linux笔记仓 目录 01.进程的基本概念进程的组成部分进程的特性进程的状态 02.PCBPCB的组成部分task_structtask_struct 的主要组成部分 03.进程属性查看进程 04.通过系统调用创建进程-fork初识工作…...
文件IO练习1
题目一： 1、使用fread和fwrite完成两个文件的拷贝，要求源文件和目标文件由外界输入 实现代码： #define LEN_BUF 256int main(int argc, const char *argv[]) {if(argc ! 3){fprintf(stderr,"程序入参输入有误\n");return -1;}FILE…...
c++ std::future 和 std::promise 的实现工作原理简介
为了便于理解 std::future 和 std::promise 的实现工作原理，我们可以创建一个简化的版本。这包括共享状态、Promise 设置值、Future 获取值的核心机制。我们的示例代码将实现 SimplePromise 和 SimpleFuture 两个类，二者通过一个共享状态实现线程间的通信…...
MATLAB(Octave)混电动力能耗评估
🎯要点 处理电动和混动汽车能耗的后向和前向算法模型(simulink)，以及图形函数、后处理函数等实现。构建储能元数据信息：电池标称特性、电池标识符等以及静止、恒定电流和恒定电压等特征阶段。使用电流脉冲或要识别的等效电路模型类型配置阻抗…...
opencv学习：人脸识别器特征提取BPHFaceRecognizer_create算法的使用
BPHFaceRecognizer_create算法 在OpenCV中，cv2.face.LBPHFaceRecognizer_create()函数用于创建一个局部二值模式直方图（Local Binary Patterns Histograms，简称LBPH）人脸识别器。LBPH是一种用于人脸识别的特征提取方法࿰…...
HTML+CSS总结【量大管饱】
文章目录 前言HTML总结语义化标签常用标签H5新的语义元素H5的媒体标签\<embed> 元素（少用）\<object>元素（少用）\<audio>\<video> 元素包含关系iframe元素嵌入flash内容常用表单inputselect CSS总结权重样…...
Android开发之Broadcast Receive（广播机制）其实开发如此简单
什么是BroadcastReceiver BroadcastReceiver（广播接收器）用于响应来自其他应用程序或者系统的广播消息。这些消息有时被称为事件或者意图。本质上来讲BroadcastReceiver是一个全局的监听器，隶属于Android四大组件之一。 使用场景 1、 不同…...
Chromium 中chrome.cookies扩展接口c++实现分析
chrome.cookies 使用 chrome.cookies API 查询和修改 Cookie，并在 Cookie 发生更改时收到通知。 更多参考官网定义：chrome.cookies | API | Chrome for Developers (google.cn) 本文以加载一个清理cookies功能扩展为例 https://github.com/Google…...
ESP32读取DHT11温湿度数据
芯片：ESP32 环境：Arduino 一、安装DHT11传感器库 红框的库，别安装错了 二、代码 注意，DATA口要连接在D15上 #include "DHT.h" // 包含DHT库#define DHTPIN 15 // 定义DHT11数据引脚连接到ESP32的GPIO15 #define D…...
【2025年】解决Burpsuite抓不到https包的问题
环境：windows11 burpsuite:2025.5 在抓取https网站时，burpsuite抓取不到https数据包，只显示： 解决该问题只需如下三个步骤： 1、浏览器中访问 http://burp 2、下载 CA certificate 证书 3、在设置--隐私与安全--…...
Android Bitmap治理全解析：从加载优化到泄漏防控的全生命周期管理
引言 Bitmap（位图）是Android应用内存占用的“头号杀手”。一张1080P（1920x1080）的图片以ARGB_8888格式加载时，内存占用高达8MB（192010804字节）。据统计，超过60%的应用OOM崩溃与Bitm…...
Android 之 kotlin 语言学习笔记三（Kotlin-Java 互操作）
参考官方文档：https://developer.android.google.cn/kotlin/interop?hlzh-cn 一、Java（供 Kotlin 使用） 1、不得使用硬关键字 不要使用 Kotlin 的任何硬关键字作为方法的名称 或字段。允许使用 Kotlin 的软关键字、修饰符关键字和特殊标识…...
Python Ovito统计金刚石结构数量
大家好，我是小马老师。 本文介绍python ovito方法统计金刚石结构的方法。 Ovito Identify diamond structure命令可以识别和统计金刚石结构，但是无法直接输出结构的变化情况。 本文使用python调用ovito包的方法，可以持续统计各步的金刚石结构，具体代码如下： from ovito…...
DBLP数据库是什么？
DBLP（Digital Bibliography & Library Project）Computer Science Bibliography是全球著名的计算机科学出版物的开放书目数据库。DBLP所收录的期刊和会议论文质量较高，数据库文献更新速度很快，很好地反映了国际计算机科学学术研…...
Python网页自动化Selenium中文文档
1. 安装 1.1. 安装 Selenium Python bindings 提供了一个简单的API，让你使用Selenium WebDriver来编写功能/校验测试。 通过Selenium Python的API，你可以非常直观的使用Selenium WebDriver的所有功能。 Selenium Python bindings 使用非常简洁方便的A…...
针对药品仓库的效期管理问题，如何利用WMS系统“破局”
案例： 某医药分销企业，主要经营各类药品的批发与零售。由于药品的特殊性，效期管理至关重要，但该企业一直面临效期问题的困扰。在未使用WMS系统之前，其药品入库、存储、出库等环节的效期管理主要依赖人工记录与检查。库…...
车载诊断架构 --- ZEVonUDS（J1979-3）简介第一篇
我是穿拖鞋的汉子，魔都中坚持长期主义的汽车电子工程师。 老规矩，分享一段喜欢的文字，避免自己成为高知识低文化的工程师： 做到欲望极简，了解自己的真实欲望，不受外在潮流的影响，不盲从，不跟风。把自己的精力全部用在自己。一是去掉多余，凡事找规律，基础是诚信；二是…...
PydanticAI快速入门示例
参考链接：https://ai.pydantic.dev/#why-use-pydanticai 示例代码 from pydantic_ai import Agent from pydantic_ai.models.openai import OpenAIModel from pydantic_ai.providers.openai import OpenAIProvider# 配置使用阿里云通义千问模型 model OpenAIMode…...