手写OOXML文档——导出xlsx格式表格文档

一、准备工作：

2个js库，另外把样式文件抽离出来

require('file-saver');

import JSZip from 'jszip'

import {stylesData,theme1Data} from './xlsxStyles'

转换成OOXML文档：

新建“工作簿1.xlsx”，修改后缀.zip,得到如下目录结构：

内容、属性文档目录：content_Types

<?xml version="1.0" encoding="UTF-8" standalone="yes"?>

<Types xmlns="http://schemas.openxmlformats.org/package/2006/content-types">

    <Default Extension="png" ContentType="image/png" />

    <Default Extension="rels" ContentType="application/vnd.openxmlformats-package.relationships+xml" />

    <Default Extension="xml" ContentType="application/xml" />

    <Override PartName="/docProps/app.xml" ContentType="application/vnd.openxmlformats-officedocument.extended-properties+xml" />

    <Override PartName="/docProps/core.xml" ContentType="application/vnd.openxmlformats-package.core-properties+xml" />

    <Override PartName="/xl/sharedStrings.xml" ContentType="application/vnd.openxmlformats-officedocument.spreadsheetml.sharedStrings+xml" /> //字符串存储共享文件

    <Override PartName="/xl/styles.xml" ContentType="application/vnd.openxmlformats-officedocument.spreadsheetml.styles+xml" />

    <Override PartName="/xl/theme/theme1.xml" ContentType="application/vnd.openxmlformats-officedocument.theme+xml" />

    <Override PartName="/xl/workbook.xml" ContentType="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet.main+xml" />

    <Override PartName="/docProps/custom.xml" ContentType="application/vnd.openxmlformats-officedocument.custom-properties+xml" /> //自定义属性文档：如有样式设置

    <Override PartName="/xl/worksheets/sheet1.xml" ContentType="application/vnd.openxmlformats-officedocument.spreadsheetml.worksheet+xml" /> //遍历：纯数字数据文档或内嵌的字符串

    <Override PartName="/xl/worksheets/sheet2.xml" ContentType="application/vnd.openxmlformats-officedocument.spreadsheetml.worksheet+xml" />

    <Override PartName="/xl/worksheets/sheet3.xml" ContentType="application/vnd.openxmlformats-officedocument.spreadsheetml.worksheet+xml" />

    <Override PartName="/xl/worksheets/sheet4.xml" ContentType="application/vnd.openxmlformats-officedocument.spreadsheetml.worksheet+xml" />

    <Override PartName="/xl/worksheets/sheet5.xml" ContentType="application/vnd.openxmlformats-officedocument.spreadsheetml.worksheet+xml" />

    <Override PartName="/xl/worksheets/sheet6.xml" ContentType="application/vnd.openxmlformats-officedocument.spreadsheetml.worksheet+xml" />

    <Override PartName="/xl/drawings/drawing1.xml" ContentType="application/vnd.openxmlformats-officedocument.drawing+xml" /> //遍历：数据关联文档,如插入图片、表格

    <Override PartName="/xl/drawings/drawing2.xml" ContentType="application/vnd.openxmlformats-officedocument.drawing+xml" />

    <Override PartName="/xl/drawings/drawing3.xml" ContentType="application/vnd.openxmlformats-officedocument.drawing+xml" />

    <Override PartName="/xl/drawings/drawing4.xml" ContentType="application/vnd.openxmlformats-officedocument.drawing+xml" />

    <Override PartName="/xl/drawings/drawing5.xml" ContentType="application/vnd.openxmlformats-officedocument.drawing+xml" />

    <Override PartName="/xl/drawings/drawing6.xml" ContentType="application/vnd.openxmlformats-officedocument.drawing+xml" />

</Types>

1.1关联文件：

<?xml version="1.0" encoding="UTF-8" standalone="yes"?>

<Relationships xmlns="http://schemas.openxmlformats.org/package/2006/relationships">

    <Relationship Id="rId3" Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/extended-properties" Target="docProps/app.xml" />

    <Relationship Id="rId2" Type="http://schemas.openxmlformats.org/package/2006/relationships/metadata/core-properties" Target="docProps/core.xml" />

    <Relationship Id="rId1" Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/officeDocument" Target="xl/workbook.xml" />

</Relationships>

复杂一点的：多个自定义custom.xml文件

<?xml version="1.0" encoding="UTF-8" standalone="yes"?>

<Relationships xmlns="http://schemas.openxmlformats.org/package/2006/relationships">

    <Relationship Id="rId4" Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/custom-properties" Target="docProps/custom.xml" />
　　...

</Relationships>

1.2.文档属性：

或

多一个自定义xml文档:目测fmtid是随机生成的UUID

<?xml version="1.0" encoding="UTF-8" standalone="yes"?>

<Properties xmlns="http://schemas.openxmlformats.org/officeDocument/2006/custom-properties" xmlns:vt="http://schemas.openxmlformats.org/officeDocument/2006/docPropsVTypes">

    <property fmtid="{D5CDD505-2E9C-101B-9397-08002B2CF9AE}" pid="" name="KSOProductBuildVer">

        <vt:lpwstr>-11.1.0.8976</vt:lpwstr>

    </property>

</Properties>

其他2个文件：

app.xml:分页sheet文档,如果是wps生成的信息没有那么全

<?xml version="1.0" encoding="UTF-8" standalone="yes"?>

<Properties xmlns="http://schemas.openxmlformats.org/officeDocument/2006/extended-properties" xmlns:vt="http://schemas.openxmlformats.org/officeDocument/2006/docPropsVTypes">

    <Application>Microsoft Excel</Application>

    <DocSecurity>0</DocSecurity>

    <ScaleCrop>false</ScaleCrop>

    <HeadingPairs>

        <vt:vector size="2" baseType="variant">

            <vt:variant>

                <vt:lpstr>工作表</vt:lpstr>

            </vt:variant>

            <vt:variant>

                <vt:i4>6</vt:i4> //合计总数：6

            </vt:variant>

        </vt:vector>

    </HeadingPairs>

    <TitlesOfParts>

        <vt:vector size="6" baseType="lpstr"> //合计总数+遍历1-6

            <vt:lpstr>Sheet1</vt:lpstr>

            <vt:lpstr>Sheet2</vt:lpstr>

            <vt:lpstr>Sheet3</vt:lpstr>

            <vt:lpstr>Sheet4</vt:lpstr>

            <vt:lpstr>Sheet5</vt:lpstr>

            <vt:lpstr>Sheet6</vt:lpstr>

        </vt:vector>

    </TitlesOfParts>

    <Company></Company>

    <LinksUpToDate>false</LinksUpToDate>

    <SharedDoc>false</SharedDoc>

    <HyperlinksChanged>false</HyperlinksChanged>

    <AppVersion>16.0300</AppVersion>

</Properties>

固定格式的core.xml文档信息：如创建人、创建时间

<?xml version="1.0" encoding="UTF-8" standalone="yes"?>

<cp:coreProperties xmlns:cp="http://schemas.openxmlformats.org/package/2006/metadata/core-properties" xmlns:dc="http://purl.org/dc/elements/1.1/"

 xmlns:dcterms="http://purl.org/dc/terms/" xmlns:dcmitype="http://purl.org/dc/dcmitype/" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">

    <dc:creator>zhangsan</dc:creator>

    <cp:lastModifiedBy>zhangsan</cp:lastModifiedBy>

    <dcterms:created xsi:type="dcterms:W3CDTF">2019-10-21T12:16:00Z</dcterms:created>

    <dcterms:modified xsi:type="dcterms:W3CDTF">2019-10-21T12:16:16Z</dcterms:modified>

</cp:coreProperties>

二、核心文件XL：

或

内容不为空多出一个字符串共享文档：

<?xml version="1.0" encoding="UTF-8" standalone="yes"?>

<sst xmlns="http://schemas.openxmlformats.org/spreadsheetml/2006/main" count="841" uniqueCount="217">

    <si>

        <t>列1</t>

    </si>

</sst>

如果是数据不为空，会多出1个drawings文档；

如果有图片，会多出一个media文档；

如果插入表格，会多出一个tables文档。

图形信息使用base64格式存储

<?xml version="1.0" encoding="UTF-8" standalone="yes"?>

<table xmlns="http://schemas.openxmlformats.org/spreadsheetml/2006/main" id="1" name="表1" displayName="表1" ref="A1:U25"

 totalsRowShown="0">

    <tableColumns count="21">

        <tableColumn id="1" name="列1" dataDxfId="0" />

        <tableColumn id="2" name="列2" dataDxfId="1" />

        <tableColumn id="3" name="列3" dataDxfId="2" />

    </tableColumns>

    <tableStyleInfo name="TableStyleMedium2" showFirstColumn="0" showLastColumn="0" showRowStripes="1" showColumnStripes="0" />

</table>

其他：主题文件theme1.xml和外部样式文件styles.xml,数据可以抽离出来单独存放

三、数据输出：存储格式需要区分，并分开存储

/* eslint-disable */

require('file-saver');

import JSZip from 'jszip'

import {stylesData,theme1Data} from './xlsxStyles'

export function export_txt_to_zip(imgData, chartData ,xlsxName) {

    // console.log(imgData,"图形");

    // console.log(chartData ,"数据");

  const chartDataLen = chartData.length || 1

  const zip = new JSZip();

  const zip_name = xlsxName || 'excel文档';

    // 第一层文件夹：

    const _rels = zip.folder("_rels");

    const docProps = zip.folder("docProps");//app.xml core.xml custom.xml

    const xl = zip.folder("xl"); // sharedStrings.xml styles.xml workbook.xml

  // 第二层文件夹：

    const xl_rels = xl.folder("_rels");

    const media = xl.folder("media"); //图片2*6=12

    const theme = xl.folder("theme");// theme1.xml

    const drawings = xl.folder("drawings"); // 【1个关系文件夹+数据文件6个】

    const worksheets = xl.folder("worksheets"); // 【1个关系文件夹+数据文件6个】

    // 第三层文件夹：

    const drawings_xl_rels = drawings.folder("_rels");

    const sheets_xl_rels = worksheets.folder("_rels");//可以不需要关系文档

    // 文件内容

    //【1】

    let xmlData =`<?xml version="1.0" encoding="UTF-8" standalone="yes"?>

    <Types xmlns="http://schemas.openxmlformats.org/package/2006/content-types">

        <Default Extension="png" ContentType="image/png" />

        <Default Extension="rels" ContentType="application/vnd.openxmlformats-package.relationships+xml" />

        <Default Extension="xml" ContentType="application/xml" />

        <Override PartName="/docProps/app.xml" ContentType="application/vnd.openxmlformats-officedocument.extended-properties+xml" />

        <Override PartName="/docProps/core.xml" ContentType="application/vnd.openxmlformats-package.core-properties+xml" />

        <Override PartName="/xl/sharedStrings.xml" ContentType="application/vnd.openxmlformats-officedocument.spreadsheetml.sharedStrings+xml" />

        <Override PartName="/xl/styles.xml" ContentType="application/vnd.openxmlformats-officedocument.spreadsheetml.styles+xml" />

        <Override PartName="/xl/theme/theme1.xml" ContentType="application/vnd.openxmlformats-officedocument.theme+xml" />

        <Override PartName="/xl/workbook.xml" ContentType="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet.main+xml" />

    `;

    //【2】

    const relsData = `<?xml version="1.0" encoding="UTF-8" standalone="yes"?>

    <Relationships xmlns="http://schemas.openxmlformats.org/package/2006/relationships">

        <Relationship Id="rId1" Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/officeDocument" Target="xl/workbook.xml" />

        <Relationship Id="rId2" Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/extended-properties" Target="docProps/app.xml" />

        <Relationship Id="rId3" Type="http://schemas.openxmlformats.org/package/2006/relationships/metadata/core-properties" Target="docProps/core.xml" />

    </Relationships>

    `;

    //【3】

    let appData = `<?xml version="1.0" encoding="UTF-8" standalone="yes"?>

    <Properties

        xmlns="http://schemas.openxmlformats.org/officeDocument/2006/extended-properties"

        xmlns:vt="http://schemas.openxmlformats.org/officeDocument/2006/docPropsVTypes">

        <Application>表格</Application>

        <HeadingPairs>

            <vt:vector size="2" baseType="constiant">

                <vt:constiant>

                    <vt:lpstr>工作表</vt:lpstr>

                </vt:constiant>

                <vt:constiant>

                    <vt:i4>${chartDataLen}</vt:i4>

                </vt:constiant>

            </vt:vector>

        </HeadingPairs>

        <TitlesOfParts>

            <vt:vector size="${chartDataLen}" baseType="lpstr">

    `;

    //【4】

    let coreData = `<?xml version="1.0" encoding="UTF-8" standalone="yes"?>

    <cp:coreProperties

        xmlns:cp="http://schemas.openxmlformats.org/package/2006/metadata/core-properties"

        xmlns:dc="http://purl.org/dc/elements/1.1/"

        xmlns:dcterms="http://purl.org/dc/terms/"

        xmlns:dcmitype="http://purl.org/dc/dcmitype/"

        xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">

      xmlns:dc="http://purl.org/dc/elements/1.1/"

        xmlns:dcterms="http://purl.org/dc/terms/"

        xmlns:dcmitype="http://purl.org/dc/dcmitype/"

        xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">

    `;

    // const userName = JSON.parse(localStorage.getItem("usern")).enname || '创建人'

    let creatTime =  new Date().getFullYear() + '-';

    creatTime += (new Date().getMonth() + 1) + '-';

    creatTime += new Date().getDate() + 'T';

    creatTime += new Date().getHours() + ':';

    creatTime += new Date().getMinutes() + ':';

    creatTime += new Date().getSeconds() + 'Z';

    coreData += `    <dc:creator></dc:creator>`; // 创建人

    coreData += `    <cp:lastModifiedBy></cp:lastModifiedBy>`; // 最后修改人

    coreData += `    <dcterms:created xsi:type="dcterms:W3CDTF">${creatTime}</dcterms:created>`; // 创建时间

    coreData += `    <dcterms:modified xsi:type="dcterms:W3CDTF">${creatTime}</dcterms:modified>`; // 调整时间

    coreData += `    </cp:coreProperties>`;

    //【5】

    // const customData = `<?xml version="1.0" encoding="UTF-8" standalone="yes"?>

    // <Properties xmlns="http://schemas.openxmlformats.org/officeDocument/2006/custom-properties" xmlns:vt="http://schemas.openxmlformats.org/officeDocument/2006/docPropsVTypes">

    //     <property fmtid="{00000000-0001-0000-0${index}00-000000000000}" pid="2" name="KSOProductBuildVer">

    //         <vt:lpwstr>2052-11.1.0.8976</vt:lpwstr>

    //     </property>

    // </Properties>

    // `;

    //【6】:字符串存储。

    let rowNum = 0;

    let sharedStringsData = ``;

    //【7】

    let xl_relsData = `<?xml version="1.0" encoding="UTF-8" standalone="yes"?>

    <Relationships xmlns="http://schemas.openxmlformats.org/package/2006/relationships">

        <Relationship Id="rId${chartDataLen+3}" Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/sharedStrings" Target="sharedStrings.xml" />

        <Relationship Id="rId${chartDataLen+2}" Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/styles" Target="styles.xml" />

        <Relationship Id="rId${chartDataLen+1}" Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/theme" Target="theme/theme1.xml" />

    `;

    //【8】

    let workbookData = `<?xml version="1.0" encoding="UTF-8" standalone="yes"?>

    <workbook xmlns="http://schemas.openxmlformats.org/spreadsheetml/2006/main" xmlns:r="http://schemas.openxmlformats.org/officeDocument/2006/relationships"

     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="x15 xr xr6 xr10 xr2" xmlns:x15="http://schemas.microsoft.com/office/spreadsheetml/2010/11/main"

     xmlns:xr="http://schemas.microsoft.com/office/spreadsheetml/2014/revision" xmlns:xr6="http://schemas.microsoft.com/office/spreadsheetml/2016/revision6"

     xmlns:xr10="http://schemas.microsoft.com/office/spreadsheetml/2016/revision10" xmlns:xr2="http://schemas.microsoft.com/office/spreadsheetml/2015/revision2">

        <fileVersion appName="xl" lastEdited="${chartDataLen+2}" lowestEdited="${chartDataLen+2}" rupBuild="21328" />

        <workbookPr />

        <bookViews>

            <workbookView windowWidth="28245" windowHeight="13500" />

        </bookViews>

        <sheets>

    `;

    chartData.forEach((item,index)=>{

        //【1】

        xmlData+=`<Override PartName="/xl/drawings/drawing${index+1}.xml" ContentType="application/vnd.openxmlformats-officedocument.drawing+xml" />`;

        xmlData+=`<Override PartName="/xl/worksheets/sheet${index+1}.xml" ContentType="application/vnd.openxmlformats-officedocument.spreadsheetml.worksheet+xml" />`;

        //【3】

        appData +=`<vt:lpstr>${item.name}</vt:lpstr>`;

        //【7】

        xl_relsData +=`<Relationship Id="rId${index+1}" Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/worksheet" Target="worksheets/sheet${index+1}.xml" />`;

        //【8】

        workbookData +=`<sheet name="${item.name}" sheetId="${index+1}" r:id="rId${index+1}" />`;

        //【9】

        let drawing_xml_rels = `<?xml version="1.0" encoding="UTF-8" standalone="yes"?><Relationships xmlns="http://schemas.openxmlformats.org/package/2006/relationships">`;

        let num = index*2

        imgData[index][0].forEach((v,i)=>{

            //【9】

            num++

            drawing_xml_rels += `<Relationship Id="rId${i+1}" Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/image" Target="../media/image${num}.png" />`;

            // 【11】图片文件

            media.file(`image${num}.png`, v, {base64: true});

        })

        drawing_xml_rels += `</Relationships>`;

        drawings_xl_rels.file(`drawing${index+1}.xml.rels`, drawing_xml_rels);

        //【12】

        const sheet_xml_rels = `<?xml version="1.0" encoding="UTF-8" standalone="yes"?>

        <Relationships xmlns="http://schemas.openxmlformats.org/package/2006/relationships">

            <Relationship Id="rId1" Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/drawing" Target="../drawings/drawing${index+1}.xml" />

        </Relationships>

        `;

        sheets_xl_rels.file(`sheet${index+1}.xml.rels`, sheet_xml_rels);

        const maxLenArr = item.data.map(v=>v.length)

        const maxLen = Math.max(...maxLenArr) //es6

        const dataLen = item.data.length +1 //第一行:+1

        const dimension = String.fromCharCode(64 + maxLen) + String(dataLen)

        //【13】数据：不允许使用特殊符号标记

        let drawingData = `<?xml version="1.0" encoding="UTF-8" standalone="yes"?>

        <xdr:wsDr xmlns:xdr="http://schemas.openxmlformats.org/drawingml/2006/spreadsheetDrawing" xmlns:a="http://schemas.openxmlformats.org/drawingml/2006/main">

            <xdr:twoCellAnchor editAs="oneCell">

                <xdr:from>

                    <xdr:col>9</xdr:col>

                    <xdr:colOff>0</xdr:colOff>

                    <xdr:row>0</xdr:row>

                    <xdr:rowOff>161925</xdr:rowOff>

                </xdr:from>

                <xdr:to>

                    <xdr:col>15</xdr:col>

                    <xdr:colOff>542925</xdr:colOff>

                    <xdr:row>16</xdr:row>

                    <xdr:rowOff>38100</xdr:rowOff>

                </xdr:to>

                <xdr:pic>

                    <xdr:nvPicPr>

                        <xdr:cNvPr id="2" name="图片 1" descr="图1">

                            <a:extLst>

                                <a:ext uri="{00000000-0001-0000-0${index}00-000000000000}">

                                    <a16:creationId xmlns:a16="http://schemas.microsoft.com/office/drawing/2014/main" id="{00000000-0000-0000-0${index}00-000000000000}" />

                                </a:ext>

                            </a:extLst>

                        </xdr:cNvPr>

                        <xdr:cNvPicPr>

                            <a:picLocks noChangeAspect="1" />

                        </xdr:cNvPicPr>

                    </xdr:nvPicPr>

                    <xdr:blipFill>

                        <a:blip xmlns:r="http://schemas.openxmlformats.org/officeDocument/2006/relationships" r:embed="rId1" />

                        <a:stretch>

                            <a:fillRect />

                        </a:stretch>

                    </xdr:blipFill>

                    <xdr:spPr>

                        <a:xfrm>

                            <a:off x="6172200" y="161925" />

                            <a:ext cx="4657725" cy="2771775" />

                        </a:xfrm>

                        <a:prstGeom prst="rect">

                            <a:avLst />

                        </a:prstGeom>

                    </xdr:spPr>

                </xdr:pic>

                <xdr:clientData />

            </xdr:twoCellAnchor>

            <xdr:twoCellAnchor editAs="oneCell">

                <xdr:from>

                    <xdr:col>9</xdr:col>

                    <xdr:colOff>9525</xdr:colOff>

                    <xdr:row>18</xdr:row>

                    <xdr:rowOff>9525</xdr:rowOff>

                </xdr:from>

                <xdr:to>

                    <xdr:col>15</xdr:col>

                    <xdr:colOff>542925</xdr:colOff>

                    <xdr:row>33</xdr:row>

                    <xdr:rowOff>114300</xdr:rowOff>

                </xdr:to>

                <xdr:pic>

                    <xdr:nvPicPr>

                        <xdr:cNvPr id="3" name="图片 2" descr="图2">

                            <a:extLst>

                                <a:ext uri="{00000000-0001-0000-0${index}00-000000000000}">

                                    <a16:creationId xmlns:a16="http://schemas.microsoft.com/office/drawing/2014/main" id="{00000000-0001-0000-0${index}00-000000000000}" />

                                </a:ext>

                            </a:extLst>

                        </xdr:cNvPr>

                        <xdr:cNvPicPr>

                            <a:picLocks noChangeAspect="1" />

                        </xdr:cNvPicPr>

                    </xdr:nvPicPr>

                    <xdr:blipFill>

                        <a:blip xmlns:r="http://schemas.openxmlformats.org/officeDocument/2006/relationships" r:embed="rId2" />

                        <a:stretch>

                            <a:fillRect />

                        </a:stretch>

                    </xdr:blipFill>

                    <xdr:spPr>

                        <a:xfrm>

                            <a:off x="6181725" y="3267075" />

                            <a:ext cx="4648200" cy="2819400" />

                        </a:xfrm>

                        <a:prstGeom prst="rect">

                            <a:avLst />

                        </a:prstGeom>

                    </xdr:spPr>

                </xdr:pic>

                <xdr:clientData />

            </xdr:twoCellAnchor>

        </xdr:wsDr>

        `;

        let sheetData = `<?xml version="1.0" encoding="UTF-8" standalone="yes"?>

        <worksheet xmlns="http://schemas.openxmlformats.org/spreadsheetml/2006/main" xmlns:r="http://schemas.openxmlformats.org/officeDocument/2006/relationships"

         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="x14ac xr xr2 xr3" xmlns:x14ac="http://schemas.microsoft.com/office/spreadsheetml/2009/9/ac"

         xmlns:xr="http://schemas.microsoft.com/office/spreadsheetml/2014/revision" xmlns:xr2="http://schemas.microsoft.com/office/spreadsheetml/2015/revision2"

         xmlns:xr3="http://schemas.microsoft.com/office/spreadsheetml/2016/revision3" xr:uid="{00000000-0001-0000-0${index}00-000000000000}">

            <sheetPr />

            <dimension ref="A1:${dimension}" />

            <sheetViews>

                <sheetView ${index===0?'tabSelected="1"':''} workbookViewId="0">

                    <selection activeCell="A1" sqref="A1" />

                </sheetView>

            </sheetViews>

            <sheetFormatPr defaultColWidth="9" defaultRowHeight="14.25" x14ac:dyDescent="0.2" />

            <sheetData>`;

        let row = 0;

        item.data.forEach((val)=>{//字符串区分：纯数字与其它

            row++

            sheetData += `<row r="${row}" spans="1:${maxLen}" x14ac:dyDescent="0.2">`;//第1行开始,每行条数

            val.forEach((v,i)=>{

                const newVal = String(v).replace(/-/g, '').replace(/</g, '(').replace(/>/g, ')') //去除横杆(减号)+转换尖括号（大于小于号）

                const abc = String.fromCharCode(65+i)+String(row)

                var reg = /^[0-9]+.?[0-9]*$/

                if (reg.test(v)) {

                    sheetData += `<c r="${abc}" s="1"><v>${v}</v></c>`;

                }else{ // 非纯数字：需要单独存储

                    sheetData += `<c r="${abc}" s="2" t="s"><v>${rowNum}</v></c>`;

                    sharedStringsData += `<si><t>${newVal}</t></si>`;

                    rowNum++

                }

            })

            sheetData += `</row>`;

        })

        sheetData += `</sheetData>

        <phoneticPr fontId="1" type="noConversion" />

        <pageMargins left="0.75" right="0.75" top="1" bottom="1" header="0.5" footer="0.5" />

        <drawing r:id="rId1" />

    </worksheet>`

        worksheets.file(`sheet${index+1}.xml`, sheetData);

        drawings.file(`drawing${index+1}.xml`, drawingData);

    });

    //【1】

    xmlData+=`</Types>`;

    zip.file(`[Content_Types].xml`, xmlData);

    //【2】

    _rels.file(`.rels`, relsData);

    //【3】

    appData+=`</vt:vector></TitlesOfParts></Properties>`;

    docProps.file(`app.xml`, appData);

    //【4】

    docProps.file(`core.xml`, coreData);

    //【5】

    // docProps.file(`custom.xml`, customData);

    //【6】共享字符串

    let sharedStrings = `<?xml version="1.0" encoding="UTF-8" standalone="yes"?>

    <sst xmlns="http://schemas.openxmlformats.org/spreadsheetml/2006/main" count="${rowNum}" uniqueCount="${rowNum}">

    `;

    sharedStrings += sharedStringsData;

    sharedStrings +=`</sst>`;

    xl.file(`sharedStrings.xml`, sharedStrings);

    //【7】

    xl_relsData += `</Relationships>`;

    xl_rels.file(`workbook.xml.rels`, xl_relsData);

    //【8】

    workbookData +=`</sheets><calcPr calcId="144525" /></workbook>`;

    xl.file(`workbook.xml`, workbookData);

    // 样式与主题

    xl.file(`styles.xml`, stylesData);

    theme.file(`theme1.xml`, theme1Data);

  // 导出文件

  zip.generateAsync({type:"blob"}).then((blob) => {

    saveAs(blob, `${zip_name}.xlsx`)

  }, (err) => {

    alert('导出失败')

  })

}

样式和主题抽离：

const stylesData =`<?xml version="1.0" encoding="UTF-8" standalone="yes"?>

<styleSheet

    xmlns="http://schemas.openxmlformats.org/spreadsheetml/2006/main"

    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

    mc:Ignorable="x14ac x16r2 xr"

    xmlns:x14ac="http://schemas.microsoft.com/office/spreadsheetml/2009/9/ac"

    xmlns:x16r2="http://schemas.microsoft.com/office/spreadsheetml/2015/02/main"

    xmlns:xr="http://schemas.microsoft.com/office/spreadsheetml/2014/revision">

    <fonts count="2" x14ac:knownFonts="1">

        <font>

            <sz val="11" />

            <color theme="1" />

            <name val="等线" />

            <family val="2" />

            <charset val="134" />

            <scheme val="minor" />

        </font>

        <font>

            <sz val="9" />

            <name val="等线" />

            <family val="2" />

            <charset val="134" />

            <scheme val="minor" />

        </font>

    </fonts>

    <fills count="2">

        <fill>

            <patternFill patternType="none" />

        </fill>

        <fill>

            <patternFill patternType="gray125" />

        </fill>

    </fills>

    <borders count="2">

        <border>

            <left />

            <right />

            <top />

            <bottom />

            <diagonal />

        </border>

        <border>

            <left style="thin">

                <color auto="1" />

            </left>

            <right style="thin">

                <color auto="1" />

            </right>

            <top style="thin">

                <color auto="1" />

            </top>

            <bottom style="thin">

                <color auto="1" />

            </bottom>

            <diagonal />

        </border>

    </borders>

    <cellStyleXfs count="1">

        <xf numFmtId="0" fontId="0" fillId="0" borderId="0">

            <alignment vertical="center" />

        </xf>

    </cellStyleXfs>

    <cellXfs count="3">

        <xf numFmtId="0" fontId="0" fillId="0" borderId="0" xfId="0">

            <alignment vertical="center" />

        </xf>

        <xf numFmtId="0" fontId="0" fillId="0" borderId="1" xfId="0" applyBorder="1">

            <alignment vertical="center" />

        </xf>

        <xf numFmtId="0" fontId="0" fillId="0" borderId="1" xfId="0" applyFill="1" applyBorder="1" applyAlignment="1">

            <alignment vertical="center" />

        </xf>

    </cellXfs>

    <cellStyles count="1">

        <cellStyle name="常规" xfId="0" builtinId="0" />

    </cellStyles>

    <dxfs count="0" />

    <tableStyles count="0" defaultTableStyle="TableStyleMedium2" defaultPivotStyle="PivotStyleLight16" />

    <extLst>

        <ext uri="{00000000-0000-0000-0000-000000000000}" xmlns:x14="http://schemas.microsoft.com/office/spreadsheetml/2009/9/main">

            <x14:slicerStyles defaultSlicerStyle="SlicerStyleLight1" />

        </ext>

        <ext uri="{00000000-0001-0000-0000-000000000000}" xmlns:x15="http://schemas.microsoft.com/office/spreadsheetml/2010/11/main">

            <x15:timelineStyles defaultTimelineStyle="TimeSlicerStyleLight1" />

        </ext>

    </extLst>

</styleSheet>

`;

const theme1Data = `<?xml version="1.0" encoding="UTF-8" standalone="yes"?>

<a:theme xmlns:a="http://schemas.openxmlformats.org/drawingml/2006/main" name="Office 主题">

    <a:themeElements>

        <a:clrScheme name="Office">

            <a:dk1>

                <a:sysClr val="windowText" lastClr="000000" />

            </a:dk1>

            <a:lt1>

                <a:sysClr val="window" lastClr="FFFFFF" />

            </a:lt1>

            <a:dk2>

                <a:srgbClr val="44546A" />

            </a:dk2>

            <a:lt2>

                <a:srgbClr val="E7E6E6" />

            </a:lt2>

            <a:accent1>

                <a:srgbClr val="4472C4" />

            </a:accent1>

            <a:accent2>

                <a:srgbClr val="ED7D31" />

            </a:accent2>

            <a:accent3>

                <a:srgbClr val="A5A5A5" />

            </a:accent3>

            <a:accent4>

                <a:srgbClr val="FFC000" />

            </a:accent4>

            <a:accent5>

                <a:srgbClr val="5B9BD5" />

            </a:accent5>

            <a:accent6>

                <a:srgbClr val="70AD47" />

            </a:accent6>

            <a:hlink>

                <a:srgbClr val="0563C1" />

            </a:hlink>

            <a:folHlink>

                <a:srgbClr val="954F72" />

            </a:folHlink>

        </a:clrScheme>

        <a:fontScheme name="Office">

            <a:majorFont>

                <a:latin typeface="Calibri Light" panose="020F0302020204030204" />

                <a:ea typeface="" />

                <a:cs typeface="" />

                <a:font script="Jpan" typeface="游ゴシック Light" />

                <a:font script="Hang" typeface="맑은 고딕" />

                <a:font script="Hans" typeface="等线 Light" />

                <a:font script="Hant" typeface="新細明體" />

                <a:font script="Arab" typeface="Times New Roman" />

                <a:font script="Hebr" typeface="Times New Roman" />

                <a:font script="Thai" typeface="Tahoma" />

                <a:font script="Ethi" typeface="Nyala" />

                <a:font script="Beng" typeface="Vrinda" />

                <a:font script="Gujr" typeface="Shruti" />

                <a:font script="Khmr" typeface="MoolBoran" />

                <a:font script="Knda" typeface="Tunga" />

                <a:font script="Guru" typeface="Raavi" />

                <a:font script="Cans" typeface="Euphemia" />

                <a:font script="Cher" typeface="Plantagenet Cherokee" />

                <a:font script="Yiii" typeface="Microsoft Yi Baiti" />

                <a:font script="Tibt" typeface="Microsoft Himalaya" />

                <a:font script="Thaa" typeface="MV Boli" />

                <a:font script="Deva" typeface="Mangal" />

                <a:font script="Telu" typeface="Gautami" />

                <a:font script="Taml" typeface="Latha" />

                <a:font script="Syrc" typeface="Estrangelo Edessa" />

                <a:font script="Orya" typeface="Kalinga" />

                <a:font script="Mlym" typeface="Kartika" />

                <a:font script="Laoo" typeface="DokChampa" />

                <a:font script="Sinh" typeface="Iskoola Pota" />

                <a:font script="Mong" typeface="Mongolian Baiti" />

                <a:font script="Viet" typeface="Times New Roman" />

                <a:font script="Uigh" typeface="Microsoft Uighur" />

                <a:font script="Geor" typeface="Sylfaen" />

                <a:font script="Armn" typeface="Arial" />

                <a:font script="Bugi" typeface="Leelawadee UI" />

                <a:font script="Bopo" typeface="Microsoft JhengHei" />

                <a:font script="Java" typeface="Javanese Text" />

                <a:font script="Lisu" typeface="Segoe UI" />

                <a:font script="Mymr" typeface="Myanmar Text" />

                <a:font script="Nkoo" typeface="Ebrima" />

                <a:font script="Olck" typeface="Nirmala UI" />

                <a:font script="Osma" typeface="Ebrima" />

                <a:font script="Phag" typeface="Phagspa" />

                <a:font script="Syrn" typeface="Estrangelo Edessa" />

                <a:font script="Syrj" typeface="Estrangelo Edessa" />

                <a:font script="Syre" typeface="Estrangelo Edessa" />

                <a:font script="Sora" typeface="Nirmala UI" />

                <a:font script="Tale" typeface="Microsoft Tai Le" />

                <a:font script="Talu" typeface="Microsoft New Tai Lue" />

                <a:font script="Tfng" typeface="Ebrima" />

            </a:majorFont>

            <a:minorFont>

                <a:latin typeface="Calibri" panose="020F0502020204030204" />

                <a:ea typeface="" />

                <a:cs typeface="" />

                <a:font script="Jpan" typeface="游ゴシック" />

                <a:font script="Hang" typeface="맑은 고딕" />

                <a:font script="Hans" typeface="等线" />

                <a:font script="Hant" typeface="新細明體" />

                <a:font script="Arab" typeface="Arial" />

                <a:font script="Hebr" typeface="Arial" />

                <a:font script="Thai" typeface="Tahoma" />

                <a:font script="Ethi" typeface="Nyala" />

                <a:font script="Beng" typeface="Vrinda" />

                <a:font script="Gujr" typeface="Shruti" />

                <a:font script="Khmr" typeface="DaunPenh" />

                <a:font script="Knda" typeface="Tunga" />

                <a:font script="Guru" typeface="Raavi" />

                <a:font script="Cans" typeface="Euphemia" />

                <a:font script="Cher" typeface="Plantagenet Cherokee" />

                <a:font script="Yiii" typeface="Microsoft Yi Baiti" />

                <a:font script="Tibt" typeface="Microsoft Himalaya" />

                <a:font script="Thaa" typeface="MV Boli" />

                <a:font script="Deva" typeface="Mangal" />

                <a:font script="Telu" typeface="Gautami" />

                <a:font script="Taml" typeface="Latha" />

                <a:font script="Syrc" typeface="Estrangelo Edessa" />

                <a:font script="Orya" typeface="Kalinga" />

                <a:font script="Mlym" typeface="Kartika" />

                <a:font script="Laoo" typeface="DokChampa" />

                <a:font script="Sinh" typeface="Iskoola Pota" />

                <a:font script="Mong" typeface="Mongolian Baiti" />

                <a:font script="Viet" typeface="Arial" />

                <a:font script="Uigh" typeface="Microsoft Uighur" />

                <a:font script="Geor" typeface="Sylfaen" />

                <a:font script="Armn" typeface="Arial" />

                <a:font script="Bugi" typeface="Leelawadee UI" />

                <a:font script="Bopo" typeface="Microsoft JhengHei" />

                <a:font script="Java" typeface="Javanese Text" />

                <a:font script="Lisu" typeface="Segoe UI" />

                <a:font script="Mymr" typeface="Myanmar Text" />

                <a:font script="Nkoo" typeface="Ebrima" />

                <a:font script="Olck" typeface="Nirmala UI" />

                <a:font script="Osma" typeface="Ebrima" />

                <a:font script="Phag" typeface="Phagspa" />

                <a:font script="Syrn" typeface="Estrangelo Edessa" />

                <a:font script="Syrj" typeface="Estrangelo Edessa" />

                <a:font script="Syre" typeface="Estrangelo Edessa" />

                <a:font script="Sora" typeface="Nirmala UI" />

                <a:font script="Tale" typeface="Microsoft Tai Le" />

                <a:font script="Talu" typeface="Microsoft New Tai Lue" />

                <a:font script="Tfng" typeface="Ebrima" />

            </a:minorFont>

        </a:fontScheme>

        <a:fmtScheme name="Office">

            <a:fillStyleLst>

                <a:solidFill>

                    <a:schemeClr val="phClr" />

                </a:solidFill>

                <a:gradFill rotWithShape="1">

                    <a:gsLst>

                        <a:gs pos="0">

                            <a:schemeClr val="phClr">

                                <a:lumMod val="110000" />

                                <a:satMod val="105000" />

                                <a:tint val="67000" />

                            </a:schemeClr>

                        </a:gs>

                        <a:gs pos="50000">

                            <a:schemeClr val="phClr">

                                <a:lumMod val="105000" />

                                <a:satMod val="103000" />

                                <a:tint val="73000" />

                            </a:schemeClr>

                        </a:gs>

                        <a:gs pos="100000">

                            <a:schemeClr val="phClr">

                                <a:lumMod val="105000" />

                                <a:satMod val="109000" />

                                <a:tint val="81000" />

                            </a:schemeClr>

                        </a:gs>

                    </a:gsLst>

                    <a:lin ang="5400000" scaled="0" />

                </a:gradFill>

                <a:gradFill rotWithShape="1">

                    <a:gsLst>

                        <a:gs pos="0">

                            <a:schemeClr val="phClr">

                                <a:satMod val="103000" />

                                <a:lumMod val="102000" />

                                <a:tint val="94000" />

                            </a:schemeClr>

                        </a:gs>

                        <a:gs pos="50000">

                            <a:schemeClr val="phClr">

                                <a:satMod val="110000" />

                                <a:lumMod val="100000" />

                                <a:shade val="100000" />

                            </a:schemeClr>

                        </a:gs>

                        <a:gs pos="100000">

                            <a:schemeClr val="phClr">

                                <a:lumMod val="99000" />

                                <a:satMod val="120000" />

                                <a:shade val="78000" />

                            </a:schemeClr>

                        </a:gs>

                    </a:gsLst>

                    <a:lin ang="5400000" scaled="0" />

                </a:gradFill>

            </a:fillStyleLst>

            <a:lnStyleLst>

                <a:ln w="6350" cap="flat" cmpd="sng" algn="ctr">

                    <a:solidFill>

                        <a:schemeClr val="phClr" />

                    </a:solidFill>

                    <a:prstDash val="solid" />

                    <a:miter lim="800000" />

                </a:ln>

                <a:ln w="12700" cap="flat" cmpd="sng" algn="ctr">

                    <a:solidFill>

                        <a:schemeClr val="phClr" />

                    </a:solidFill>

                    <a:prstDash val="solid" />

                    <a:miter lim="800000" />

                </a:ln>

                <a:ln w="19050" cap="flat" cmpd="sng" algn="ctr">

                    <a:solidFill>

                        <a:schemeClr val="phClr" />

                    </a:solidFill>

                    <a:prstDash val="solid" />

                    <a:miter lim="800000" />

                </a:ln>

            </a:lnStyleLst>

            <a:effectStyleLst>

                <a:effectStyle>

                    <a:effectLst />

                </a:effectStyle>

                <a:effectStyle>

                    <a:effectLst />

                </a:effectStyle>

                <a:effectStyle>

                    <a:effectLst>

                        <a:outerShdw blurRad="57150" dist="19050" dir="5400000" algn="ctr" rotWithShape="0">

                            <a:srgbClr val="000000">

                                <a:alpha val="63000" />

                            </a:srgbClr>

                        </a:outerShdw>

                    </a:effectLst>

                </a:effectStyle>

            </a:effectStyleLst>

            <a:bgFillStyleLst>

                <a:solidFill>

                    <a:schemeClr val="phClr" />

                </a:solidFill>

                <a:solidFill>

                    <a:schemeClr val="phClr">

                        <a:tint val="95000" />

                        <a:satMod val="170000" />

                    </a:schemeClr>

                </a:solidFill>

                <a:gradFill rotWithShape="1">

                    <a:gsLst>

                        <a:gs pos="0">

                            <a:schemeClr val="phClr">

                                <a:tint val="93000" />

                                <a:satMod val="150000" />

                                <a:shade val="98000" />

                                <a:lumMod val="102000" />

                            </a:schemeClr>

                        </a:gs>

                        <a:gs pos="50000">

                            <a:schemeClr val="phClr">

                                <a:tint val="98000" />

                                <a:satMod val="130000" />

                                <a:shade val="90000" />

                                <a:lumMod val="103000" />

                            </a:schemeClr>

                        </a:gs>

                        <a:gs pos="100000">

                            <a:schemeClr val="phClr">

                                <a:shade val="63000" />

                                <a:satMod val="120000" />

                            </a:schemeClr>

                        </a:gs>

                    </a:gsLst>

                    <a:lin ang="5400000" scaled="0" />

                </a:gradFill>

            </a:bgFillStyleLst>

        </a:fmtScheme>

    </a:themeElements>

    <a:objectDefaults />

    <a:extraClrSchemeLst />

    <a:extLst>

        <a:ext uri="{00000000-0001-0000-0000-000000000000}">

            <thm15:themeFamily

             xmlns:thm15="http://schemas.microsoft.com/office/thememl/2012/main"

             name="Office Theme"

             id="{00000000-0000-0000-0000-000000000000}"

             vid="{00000000-0001-0000-0000-000000000000}" />

        </a:ext>

    </a:extLst>

</a:theme>

`;

export {

    stylesData,

  theme1Data

}

-end-

手写OOXML文档——导出xlsx格式表格文档的更多相关文章

十七 bootstrap-table tableExport 导出xlsx格式表格
原文:十七 bootstrap-table tableExport 导出xlsx格式表格在[十六.bootstrap-table javascript导出数据]中,打开导出的表格时,总会弹出一个提示 ...
NPOI 2.1.1 系列(1) 使用NPOI读取 Excel文档 ;NpoiExcelHelper 导入导出 2003格式 2007格式的 Excel; Npoi 导出 xlsx 格式
下载地址 http://npoi.codeplex.com/releases 下面放一个 NPOIHelper 助手类吧,也不是我写的- NpoiExcelHelper 可以生成xlsx格式publi ...
C# Aspose.Cells导出xlsx格式Excel，打开文件报“Excel 已完成文件级验证和修复。此工作簿的某些部分可能已被修复或丢弃”
报错信息: 最近打开下载的 Excel,会报如下错误.(xls 格式不受影响) 解决方案: 下载代码(红色为新添代码) public void download() { string fileName ...
asp.net NPOI导出xlsx格式文件，打开文件报“Excel 已完成文件级验证和修复。此工作簿的某些部分可能已被修复或丢弃”
NPOI导出xlsx格式文件,会出现如下情况: 点击“是”: 导出代码如下: /// <summary> /// 将datatable数据写入excel并下载 /// </summa ...
Vue+element 实现文件导出xlsx格式
傻瓜教程: 第一步:安装两个依赖包 npm install --save xlsx file-saver 第二步:建立一个Vue文件,导入以下代码即可 <template> <d ...
asp.net mvc用aspose.cells 导出xlsx格式的excel。无残留
public void Export() { HttpResponse Response = System.Web.HttpContext.Current.Response; // Load your ...
使用Apache POI导出Excel小结--导出XLS格式文档
使用Apache POI导出Excel小结关于使用Apache POI导出Excel我大概会分三篇文章去写使用Apache POI导出Excel小结--导出XLS格式文档使用Apache POI ...
NPOI 2.1.1 系列(2) 使用NPOI读取List或者datatable数据生成 Excel文档 ;Npoi生成 xlsx 2007以上文档
结合上一篇文章 NPOI 2.1.1 系列(1) 使用NPOI读取 Excel文档 ;NpoiExcelHelper 导入导出 2003格式 2007格式的 Excel; Npoi 导出 xlsx ...
Anakia 转换xml文档为其他格式
一.简介 Anakia 使用JDOM 和Velocity将XML文档转换为特定格式的文档二.解析xml文档方法 1.DOM java jdk,xml-api.jar 需要加载整个xml文档来构建层次 ...

随机推荐

python安装virtualenv虚拟环境步骤
一.安装virtualenv 点击左下角最边上菜单栏输入cmd,打开命令行 2.根据版本的不同输入命令pip install virtualenv(或者pip3 install virtualen ...
unittest核心要素
1 TestCase 一个TestCase的实例就是一个测试用例.什么是测试用例呢?就是一个完整的测试流程, 包括测试环境的准备(setUp),执行测试代码(run),以及测试后环境的还原(tearD ...
FJUT - OJ优先队列专题题解
题目链接http://120.78.128.11/Contest.jsp?cid=18 题面不贴了都是英文题,看的我心力憔悴 =7= 一.Ugly Numbers 题目说一个数的质因数只包含2.3或 ...
SSO-CAS实现单点登录服务端
目录 CAS-SSO 一.单点登录-CAS 二.下载搭建CAS 1. 下载 CAS 5.3 2. 导入IDEA 3. 打包war 3. war包部署到Tomcat 4. 启动Tomcat,访问 htt ...
LeetCode 1169. 查询无效交易
题目链接:https://leetcode-cn.com/problems/invalid-transactions/ 如果出现下述两种情况,交易可能无效: 交易金额超过 ¥1000或者,它和另一个 ...
5分钟学linux命令之split
情景介绍平时工作中,我习惯使用rz从本地上传文件到服务器,sz从服务器下载文件到本地,但对传输文件大小有限制,例如排查线上jvm的问题,需要生成了dump文件,可能有10G大,超过了限制,怎么下载呢 ...
记一个复杂组件（Filter）的从设计到开发
此文前端框架使用 rax,全篇代码暂未开源(待开源) 原文链接地址:Nealyang/PersonalBlog 前言貌似在面试中,你如果设计一个 react/vue 组件,貌似已经是司空见惯的问题了 ...
C++进程间通讯方式
1.剪切板模式. 在MFC里新建两个文本框和两个按钮,点击发送按钮相当于复制文本框1的内容,点击接收按钮相当于粘贴到文本框2内: 发送和接收按钮处功能实现如下: void CClipboard2Dlg ...
Scrapy项目 - 源码工程 - 实现豆瓣 Top250 电影信息爬取的爬虫设计
一.项目目录结构 spiders文件夹内包含doubanSpider.py文件,对于项目的构建以及结构逻辑,详见环境搭建篇. 二.项目源码 1.doubanSpider.py # -*- coding ...
【系统设计】分布式唯一ID生成方案总结
目录分布式系统中唯一ID生成方案 1. 唯一ID简介 2. 全局ID常见生成方案 2.1 UUID生成 2.2 数据库生成 2.3 Redis生成 2.4 利用zookeeper生成 2.5 雪花算 ...