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…...
基于算法竞赛的c++编程（28）结构体的进阶应用
结构体的嵌套与复杂数据组织 在C中，结构体可以嵌套使用，形成更复杂的数据结构。例如，可以通过嵌套结构体描述多层级数据关系： struct Address {string city;string street;int zipCode; };struct Employee {string name;int id;…...
进程地址空间（比特课总结）
一、进程地址空间 1. 环境变量 1 ）⽤户级环境变量与系统级环境变量 全局属性：环境变量具有全局属性，会被⼦进程继承。例如当bash启动⼦进程时，环 境变量会⾃动传递给⼦进程。 本地变量限制：本地变量只在当前进程(ba…...
Java - Mysql数据类型对应
Mysql数据类型java数据类型备注整型INT/INTEGERint / java.lang.Integer–BIGINTlong/java.lang.Long–––浮点型FLOATfloat/java.lang.FloatDOUBLEdouble/java.lang.Double–DECIMAL/NUMERICjava.math.BigDecimal字符串型CHARjava.lang.String固定长度字符串VARCHARjava.lang…...
解决本地部署 SmolVLM2 大语言模型运行 flash-attn 报错
出现的问题 安装 flash-attn 会一直卡在 build 那一步或者运行报错 解决办法 是因为你安装的 flash-attn 版本没有对应上，所以报错，到 https://github.com/Dao-AILab/flash-attention/releases 下载对应版本，cu、torch、cp 的版本一定要对…...
)
Angular微前端架构：Module Federation + ngx-build-plus (Webpack)
以下是一个完整的 Angular 微前端示例，其中使用的是 Module Federation 和 npx-build-plus 实现了主应用（Shell）与子应用（Remote）的集成。 🛠️ 项目结构 angular-mf/ ├── shell-app/ # 主应用&…...
高效线程安全的单例模式：Python 中的懒加载与自定义初始化参数
高效线程安全的单例模式：Python 中的懒加载与自定义初始化参数 在软件开发中，单例模式（Singleton Pattern）是一种常见的设计模式，确保一个类仅有一个实例，并提供一个全局访问点。在多线程环境下，实现单例模式时需要注意线程安全问题，以防止多个线程同时创建实例，导致…...
中医有效性探讨
文章目录 西医是如何发展到以生物化学为药理基础的现代医学？传统医学奠基期（远古 - 17 世纪）近代医学转型期（17 世纪 - 19 世纪末）现代医学成熟期（20世纪至今） 中医的源远流长和一脉相承远古至…...
SQL慢可能是触发了ring buffer
简介 最近在进行 postgresql 性能排查的时候，发现 PG 在某一个时间并行执行的 SQL 变得特别慢。最后通过监控监观察到并行发起得时间 buffers_alloc 就急速上升，且低水位伴随在整个慢 SQL，一直是 buferIO 的等待事件，此时也没有其他会话的争抢。SQL 虽然不是高效 SQL ，但…...
Chromium 136 编译指南 Windows篇：depot_tools 配置与源码获取（二）
引言 工欲善其事，必先利其器。在完成了 Visual Studio 2022 和 Windows SDK 的安装后，我们即将接触到 Chromium 开发生态中最核心的工具——depot_tools。这个由 Google 精心打造的工具集，就像是连接开发者与 Chromium 庞大代码库的智能桥梁…...
沙箱虚拟化技术虚拟机容器之间的关系详解
问题 沙箱、虚拟化、容器三者分开一一介绍的话我知道他们各自都是什么东西，但是如果把三者放在一起，它们之间到底什么关系？又有什么联系呢？我不是很明白！！！ 就比如说： 沙箱&#…...