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…...
uniapp 对接腾讯云IM群组成员管理（增删改查）
UniApp 实战：腾讯云IM群组成员管理（增删改查） 一、前言 在社交类App开发中，群组成员管理是核心功能之一。本文将基于UniApp框架，结合腾讯云IM SDK，详细讲解如何实现群组成员的增删改查全流程。 权限校验…...
web vue 项目 Docker化部署
Web 项目 Docker 化部署详细教程 目录 Web 项目 Docker 化部署概述Dockerfile 详解 构建阶段生产阶段 构建和运行 Docker 镜像 1. Web 项目 Docker 化部署概述 Docker 化部署的主要步骤分为以下几个阶段： 构建阶段（Build Stage）：…...
: K8s 核心概念白话解读(上)：Pod 和 Deployment 究竟是什么？)
云原生核心技术 (7/12): K8s 核心概念白话解读(上)：Pod 和 Deployment 究竟是什么？
大家好，欢迎来到《云原生核心技术》系列的第七篇！ 在上一篇，我们成功地使用 Minikube 或 kind 在自己的电脑上搭建起了一个迷你但功能完备的 Kubernetes 集群。现在，我们就像一个拥有了一块崭新数字土地的农场主，是时…...
模型参数、模型存储精度、参数与显存
模型参数量衡量单位 M：百万（Million） B：十亿（Billion） 1 B 1000 M 1B 1000M 1B1000M 参数存储精度 模型参数是固定的，但是一个参数所表示多少字节不一定，需要看这个参数以什么…...
cf2117E
原题链接：https://codeforces.com/contest/2117/problem/E 题目背景： 给定两个数组a,b，可以执行多次以下操作：选择 i (1 < i < n - 1)，并设置 或，也可以在执行上述操作前执行一次删除任意 和 。求…...
新能源汽车智慧充电桩管理方案：新能源充电桩散热问题及消防安全监管方案
随着新能源汽车的快速普及，充电桩作为核心配套设施，其安全性与可靠性备受关注。然而，在高温、高负荷运行环境下，充电桩的散热问题与消防安全隐患日益凸显，成为制约行业发展的关键瓶颈。 如何通过智慧化管理手段优化散…...
【HTML-16】深入理解HTML中的块元素与行内元素
HTML元素根据其显示特性可以分为两大类：块元素(Block-level Elements)和行内元素(Inline Elements)。理解这两者的区别对于构建良好的网页布局至关重要。本文将全面解析这两种元素的特性、区别以及实际应用场景。 1. 块元素(Block-level Elements) 1.1 基本特性 …...
如何理解 IP 数据报中的 TTL？
目录 前言理解 前言 面试灵魂一问：说说对 IP 数据报中 TTL 的理解？我们都知道，IP 数据报由首部和数据两部分组成，首部又分为两部分：固定部分和可变部分，共占 20 字节，而即将讨论的 TTL 就位于首…...
rnn判断string中第一次出现a的下标
# coding:utf8 import torch import torch.nn as nn import numpy as np import random import json""" 基于pytorch的网络编写 实现一个RNN网络完成多分类任务 判断字符 a 第一次出现在字符串中的位置 """class TorchModel(nn.Module):def __in…...
重启Eureka集群中的节点，对已经注册的服务有什么影响
先看答案，如果正确地操作，重启Eureka集群中的节点，对已经注册的服务影响非常小，甚至可以做到无感知。 但如果操作不当，可能会引发短暂的服务发现问题。 下面我们从Eureka的核心工作原理来详细分析这个问题。 Eureka的…...