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…...
docker详细操作--未完待续
docker介绍 docker官网: Docker：加速容器应用程序开发 harbor官网：Harbor - Harbor 中文 使用docker加速器: Docker镜像极速下载服务 - 毫秒镜像 是什么 Docker 是一种开源的容器化平台，用于将应用程序及其依赖项（如库、运行时环…...
css实现圆环展示百分比，根据值动态展示所占比例
代码如下 <view class""><view class"circle-chart"><view v-if"!!num" class"pie-item" :style"{background: conic-gradient(var(--one-color) 0%,#E9E6F1 ${num}%),}"></view><view v-else …...
ElasticSearch搜索引擎之倒排索引及其底层算法
文章目录 一、搜索引擎1、什么是搜索引擎？2、搜索引擎的分类3、常用的搜索引擎4、搜索引擎的特点二、倒排索引1、简介2、为什么倒排索引不用B+树1.创建时间长，文件大。2.其次，树深，IO次数可怕。3.索引可能会失效。4.精准度差。三. 倒排索引四、算法1、Term Index的算法2、 …...
第 86 场周赛：矩阵中的幻方、钥匙和房间、将数组拆分成斐波那契序列、猜猜这个单词
Q1、[中等] 矩阵中的幻方 1、题目描述 3 x 3 的幻方是一个填充有 从 1 到 9 的不同数字的 3 x 3 矩阵，其中每行，每列以及两条对角线上的各数之和都相等。 给定一个由整数组成的row x col 的 grid，其中有多少个 3 3 的 “幻方” 子矩阵&am…...
安卓基础（aar）
重新设置java21的环境，临时设置 $env:JAVA_HOME "D:\Android Studio\jbr" 查看当前环境变量 JAVA_HOME 的值 echo $env:JAVA_HOME 构建ARR文件 ./gradlew :private-lib:assembleRelease 目录是这样的： MyApp/ ├── app/ …...
华硕a豆14 Air香氛版，美学与科技的馨香融合
在快节奏的现代生活中，我们渴望一个能激发创想、愉悦感官的工作与生活伙伴，它不仅是冰冷的科技工具，更能触动我们内心深处的细腻情感。正是在这样的期许下，华硕a豆14 Air香氛版翩然而至，它以一种前所未有的方式&#x…...
用机器学习破解新能源领域的“弃风”难题
音乐发烧友深有体会，玩音乐的本质就是玩电网。火电声音偏暖，水电偏冷，风电偏空旷。至于太阳能发的电，则略显朦胧和单薄。 不知你是否有感觉，近两年家里的音响声音越来越冷，听起来越来越单薄？ —…...
GitFlow 工作模式（详解）
今天再学项目的过程中遇到使用gitflow模式管理代码，因此进行学习并且发布关于gitflow的一些思考 Git与GitFlow模式 我们在写代码的时候通常会进行网上保存，无论是github还是gittee，都是一种基于git去保存代码的形式，这样保存代码…...
GO协程(Goroutine)问题总结
在使用Go语言来编写代码时，遇到的一些问题总结一下 [参考文档]：https://www.topgoer.com/%E5%B9%B6%E5%8F%91%E7%BC%96%E7%A8%8B/goroutine.html 1. main()函数默认的Goroutine 场景再现： 今天在看到这个教程的时候，在自己的电…...
从 GreenPlum 到镜舟数据库：杭银消费金融湖仓一体转型实践
作者：吴岐诗，杭银消费金融大数据应用开发工程师 本文整理自杭银消费金融大数据应用开发工程师在StarRocks Summit Asia 2024的分享 引言：融合数据湖与数仓的创新之路 在数字金融时代，数据已成为金融机构的核心竞争力。杭银消费金…...