Rumah hujung hadapan web tutorial js js实现导出Excel代码

js实现导出Excel代码

Mar 28, 2018 pm 04:09 PM
excel javascript Eksport

本文主要和大家分享js实现导出Excel,主要以代码的形式和大家分享,希望能帮助到大家。

<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2017/7/10
  Time: 13:39
  To change this template use File | Settings | File Templates.
--%>
<%--按处室报表===--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="/webpage/include/taglib.jsp" %>
<html>
<head>
    <title>固定报表</title>
    <meta name="decorator" content="default"/>
    <script src="${ctxStatic}/excel/excellentexport.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            if(${fmOrgDurationDays.year==null}) {
                $("#year").select2("val", 2017);
                $("#year2").select2("val", 2017);
            }
        });
    </script>
</head>
<body class="gray-bg">
<%--<include file="/webpage/demo/header.jsp" />--%>
<%--<link rel="import" href="/.../.../header.jsp>--%>
<p class="wrapper wrapper-content">
    <p class="ibox">
        <p class="ibox-title">
            <h5>固定报表 </h5>
            <p class="ibox-tools">
                <a class="collapse-link">
                    <i class="fa fa-chevron-up"></i>
                </a>
                <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                    <i class="fa fa-wrench"></i>
                </a>
                <ul class="dropdown-menu dropdown-user">
                    <li><a href="#">选项1</a>
                    </li>
                    <li><a href="#">选项2</a>
                    </li>
                </ul>
                <a class="close-link">
                    <i class="fa fa-times"></i>
                </a>
            </p>
        </p>


        <p class="ibox">
            <p class="ibox-content">
                <p class="tabs-container">
                    <p>
                        <table>
<form:form id="searchForm" modelAttribute="fmOrgDurationDays"
action="${ctx}/fixedreport/fmOrgDurationDays/" method="post"
class="form-inline">
<input id="pageNo" name="pageNo" type="hidden"
value="${page.pageNo}" />
<input id="pageSize" name="pageSize" type="hidden"
value="${page.pageSize}" />
<table:sortColumn id="orderBy" name="orderBy"
value="${page.orderBy}" callback="sortOrRefresh();" />
<!-- 支持排序 -->
<tr>
<td><span>开始年<span style="color:red">*</span>:
</span></td>
<td>
<%--<form:select id="year" path="year" class="form-control m-b"><form:option value="" label=""/><form:options items="${fm_years}" htmlEscape="false"/></form:select>--%>
<%--&lt;%&ndash;<form:input path="year" htmlEscape="false" maxlength="4" class=" form-control input-sm"/>&ndash;%&gt;--%>


<form:select id="year" path="year" class="form-control m-b"
style="width:120px">
<form:options items="${fns:getDictList(&#39;fm_years&#39;)}"
itemLabel="label" itemValue="value" htmlEscape="false" />
</form:select>
</td>
<td><span>月<span style="color:red">*</span>:
</span></td>
<td><form:select path="month" class="form-control m-b"
style="width:100px">
<form:options items="${fns:getDictList(&#39;fm_months&#39;)}"
itemLable="label" itemValue="value" htmlEscape="false" />
</form:select> <%-- <form:input path="month" htmlEscape="false" maxlength="2" class=" form-control input-sm"/>--%>
</p></td>
                    <td><span>结束年<span style="color:red">*</span>:
</span></td>
                    <td>
                            <%--<form:select id="year" path="year" class="form-control m-b"><form:option value="" label=""/><form:options items="${fm_years}" htmlEscape="false"/></form:select>--%>
                            <%--&lt;%&ndash;<form:input path="year" htmlEscape="false" maxlength="4" class=" form-control input-sm"/>&ndash;%&gt;--%>


                        <form:select id="year2" path="year2" class="form-control m-b"
                                     style="width:120px">
                            <%--<form:option value="" label=""/>--%>
                            <form:options items="${fns:getDictList(&#39;fm_years&#39;)}"
                                          itemLabel="label" itemValue="value" htmlEscape="false" />
                        </form:select>
                    </td>
                    <td><span>月<span style="color:red">*</span>:
</span></td>
                    <td><form:select path="month2" class="form-control m-b"
                                     style="width:100px">
                            <form:options items="${fns:getDictList(&#39;fm_months&#39;)}"
                                          itemLable="label" itemValue="value" htmlEscape="false" />
                        </form:select> <%-- <form:input path="month" htmlEscape="false" maxlength="2" class=" form-control input-sm"/>--%>
                </p></td>
<td><span>时长类型<span style="color:red">*</span> :
</span></td>
<td><form:select path="customDuration.durationType"
class="form-control m-b" style="width:170px">
<form:option value="" label="" />
<form:options items="${fns:getDictList(&#39;fm_flowtype&#39;)}"
itemLabel="label" itemValue="value" htmlEscape="false" />
</form:select></td>
<td><span>出入境:</span></td>
<td><form:select path="fmItfDclIoDecl.expImpFlag"
class="form-control m-b" style="width:100px">
<form:option value="" label="" />
<form:options items="${fns:getDictList(&#39;fm_eoiflag&#39;)}"
itemLabel="label" itemValue="value" htmlEscape="false" />
</form:select></td>
</tr>
</form:form>
</table>


                    </p>
                    <p class="row">
                        <p class="col-sm-12">
                            <p class="pull-right">
                                <button class="btn btn-primary btn-rounded btn-outline btn-sm " onclick="search()"><i
                                        class="fa fa-search"></i> 查询
                                </button>
                                <button class="btn btn-primary btn-rounded btn-outline btn-sm " onclick="reset()"><i
                                        class="fa fa-refresh"></i> 重置
                                </button>
                                <a download="固定报表-按处室.xls" href="#" onclick="return ExcellentExport.excel(this, &#39;contentTable1&#39;, &#39;固定报表&#39;);"
                                   class="btn btn-primary btn-rounded btn-outline btn-sm "><i class="fa fa-file-excel-o"></i>导出</a>
                            </p>
                        </p>
                    </p>
             
                    <p class="tab-content">
                        <p id="tab-1" class="tab-pane active">
                        <p style="width:100%;overflow-x:scroll" >
                            <table id="contentTable1"
                                   class="table table-striped table-bordered  table-hover table-condensed  dataTables-example dataTable no-footer" style="width:2000px">
                                 <thead>
                                 <tr class="hidden">
                                     <th style="text-align: center; font-size: large" colspan="${cu.size() * 3 + 2}">固定报表(按处室统计)</th>
                                 </tr>
                                 <tr class="hidden">
                                     <th style="text-align: center" colspan="${cu.size() * 3 + 2}"> </th>
                                 </tr>
                           <tr>
                                    <th rowspan="2" style="width:100px">分支机构</th>
                                    <th rowspan="2" style="width:100px">处室代码</th>
                                 <c:forEach items="${cu}" var="bu">                                                              
                                    <th colspan="3">${bu.durationName}</th>
                                 </c:forEach>           
                           </tr>
                        
                                <tr>
                                 <c:forEach items="${cu}" var="bu">                                                            
                                    <th>时长(天)</th>
                                    <th>同比%</th>
                                    <th>批次</th>
                              </c:forEach>                                    
                                </tr>                             
                                </thead>
                                <tbody>
                                 <c:if test="${map!=null&&map.size()>0}">
                                 <c:forEach items="${map}" var="fm">
                                 <tr>
                                    <td>${fm.NAME}</td>                     
                                    <td>${fm.ORGCODE}</td>                          
                                   <c:forEach items="${cu}" var="bu">                                                                  
                                    <td><fmt:formatNumber type="number" value="${fm.get(bu.durationCol.concat(&#39;Duration&#39;))}" maxFractionDigits="2"/></td>                                                             
                                    <td><fmt:formatNumber type="number" value="${fm.get(bu.durationCol.concat(&#39;DurationRate&#39;))*100}" maxFractionDigits="2"/>%</td>
                                    <td>${fm.get(bu.durationCol.concat("Batch"))}</td>  
                                   </c:forEach> 
                                </tr>
                                </c:forEach>
                                <tr>
                                 <td colspan="2" align="center">总平均</td>       
                                 <c:forEach items="${cu}" var="bu">    
                                    <td><fmt:formatNumber type="number" value="${zj.get(bu.durationCol.concat(&#39;Duration&#39;))}" maxFractionDigits="2"/></td>                                                             
                                    <td><fmt:formatNumber type="number" value="${zj.get(bu.durationCol.concat(&#39;DurationRate&#39;))*100}" maxFractionDigits="2"/>%</td>
                                    <td>${zj.get(bu.durationCol.concat("Batch"))}</td>
                                  </c:forEach> 
                                </tr>
                                </c:if>
                                 <c:if test="${map1!=null&&map1.size()>0}">
                                 <c:forEach items="${map1}" var="fm">
                                 <tr>
                                  <td> 
                                 <c:forEach  items="${dname}" var="dna">
                                  <c:if test="${dna.CODE==fm.ORGCODE}">
                                      ${dna.NAME}
                                    </c:if>
                                                        
                                  </c:forEach>
                                    </td>
                                    <td>${fm.ORGCODE}</td>                       
                                                             
                                   <c:forEach items="${cu}" var="bu">                                  
                                       <td>${fm.get(bu.startTimeCol)}</td>                                  
                                       <td><fmt:formatNumber type="number" value="${fm.get(bu.startTimeCol.concat(&#39;Rate&#39;))*100}" maxFractionDigits="2"/>%</td>
                                       <td>${fm.get(bu.endTimeCol)}</td>
                               
                                    </c:forEach> 
                                </tr>
                                </c:forEach>
                                <tr>
                                 <td colspan="2" align="center">总平均</td>       
                                 <c:forEach items="${cu}" var="bu">                                  
                                       <td>${zj.get(bu.startTimeCol)}</td>                                  
                                       <td><fmt:formatNumber type="number" value="${zj.get(bu.startTimeCol.concat(&#39;Rate&#39;))*100}" maxFractionDigits="2"/>%</td>
                                       <td>${zj.get(bu.endTimeCol)}</td>
                                    </c:forEach> 
                                </tr>
                                </c:if>
                                </tbody>
                            </table>
                            </p>
                        </p>
                       
                        </p>


                    </p>
                </p>
            </p>
        </p>


    </p>
</body>
</html>
Salin selepas log masuk

相关推荐:

PHP创建或导出Excel数据表格的方法

Atas ialah kandungan terperinci js实现导出Excel代码. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

Video Face Swap

Video Face Swap

Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Apakah yang perlu saya lakukan jika garis bingkai hilang semasa mencetak dalam Excel? Apakah yang perlu saya lakukan jika garis bingkai hilang semasa mencetak dalam Excel? Mar 21, 2024 am 09:50 AM

Jika semasa membuka fail yang perlu dicetak, kami akan mendapati bahawa garis bingkai jadual telah hilang atas sebab tertentu dalam pratonton cetak Apabila menghadapi situasi sedemikian, kami mesti menanganinya dalam masa Jika ini juga muncul dalam cetakan anda fail Jika anda mempunyai soalan seperti ini, kemudian sertai editor untuk mempelajari kursus berikut: Apakah yang perlu saya lakukan jika garis bingkai hilang semasa mencetak jadual dalam Excel? 1. Buka fail yang perlu dicetak, seperti yang ditunjukkan dalam rajah di bawah. 2. Pilih semua kawasan kandungan yang diperlukan, seperti yang ditunjukkan dalam rajah di bawah. 3. Klik kanan tetikus dan pilih pilihan "Format Sel", seperti yang ditunjukkan dalam rajah di bawah. 4. Klik pilihan "Sempadan" di bahagian atas tetingkap, seperti yang ditunjukkan dalam rajah di bawah. 5. Pilih corak garisan pepejal nipis dalam gaya garisan di sebelah kiri, seperti yang ditunjukkan dalam rajah di bawah. 6. Pilih "Sempadan Luar"

Cara menapis lebih daripada 3 kata kunci pada masa yang sama dalam excel Cara menapis lebih daripada 3 kata kunci pada masa yang sama dalam excel Mar 21, 2024 pm 03:16 PM

Excel sering digunakan untuk memproses data dalam kerja pejabat harian, dan selalunya perlu menggunakan fungsi "penapis". Apabila kami memilih untuk melakukan "penapisan" dalam Excel, kami hanya boleh menapis sehingga dua syarat untuk lajur yang sama Jadi, adakah anda tahu cara menapis lebih daripada 3 kata kunci pada masa yang sama dalam Excel? Seterusnya, izinkan saya menunjukkannya kepada anda. Kaedah pertama ialah menambah keadaan secara beransur-ansur pada penapis. Jika anda ingin menapis tiga butiran kelayakan pada masa yang sama, anda perlu menapis satu daripadanya langkah demi langkah terlebih dahulu. Pada mulanya, anda boleh menapis terlebih dahulu pekerja dengan nama keluarga "Wang" berdasarkan syarat. Kemudian klik [OK], dan kemudian tandakan [Tambah pilihan semasa untuk penapis] dalam hasil penapis. Langkah-langkahnya adalah seperti berikut. Begitu juga, lakukan penapisan secara berasingan sekali lagi

Bagaimana untuk menukar mod keserasian jadual excel kepada mod biasa Bagaimana untuk menukar mod keserasian jadual excel kepada mod biasa Mar 20, 2024 pm 08:01 PM

Dalam kerja dan kajian harian kami, kami menyalin fail Excel daripada orang lain, membukanya untuk menambah kandungan atau mengeditnya semula, dan kemudian menyimpannya Kadangkala kotak dialog semak keserasian akan muncul, yang sangat menyusahkan perisian, bolehkah ia ditukar kepada mod biasa? Jadi di bawah, editor akan membawakan anda langkah terperinci untuk menyelesaikan masalah ini, mari kita belajar bersama. Akhir sekali, pastikan anda ingat untuk menyimpannya. 1. Buka lembaran kerja dan paparkan mod keserasian tambahan dalam nama lembaran kerja, seperti yang ditunjukkan dalam rajah. 2. Dalam lembaran kerja ini, selepas mengubah suai kandungan dan menyimpannya, kotak dialog penyemak keserasian sentiasa muncul. Sangat menyusahkan untuk melihat halaman ini, seperti yang ditunjukkan dalam rajah. 3. Klik butang Pejabat, klik Simpan Sebagai, dan kemudian

Bagaimana untuk menetapkan superskrip dalam excel Bagaimana untuk menetapkan superskrip dalam excel Mar 20, 2024 pm 04:30 PM

Semasa memproses data, kadangkala kami menemui data yang mengandungi pelbagai simbol seperti gandaan, suhu, dll. Adakah anda tahu cara menetapkan superskrip dalam Excel? Apabila kami menggunakan Excel untuk memproses data, jika kami tidak menetapkan superskrip, ia akan menyusahkan untuk memasukkan banyak data kami. Hari ini, editor akan membawakan anda kaedah tetapan khusus superskrip excel. 1. Mula-mula, mari kita buka dokumen Microsoft Office Excel pada desktop dan pilih teks yang perlu diubah suai menjadi superskrip, seperti yang ditunjukkan dalam rajah. 2. Kemudian, klik kanan dan pilih pilihan "Format Cells" dalam menu yang muncul selepas mengklik, seperti yang ditunjukkan dalam rajah. 3. Seterusnya, dalam kotak dialog "Format Sel" yang muncul secara automatik

Cara menggunakan fungsi iif dalam excel Cara menggunakan fungsi iif dalam excel Mar 20, 2024 pm 06:10 PM

Kebanyakan pengguna menggunakan Excel untuk memproses data jadual Malah, Excel juga mempunyai program VBA fungsi fungsi adalah serupa. Biar saya perkenalkan kepada anda penggunaan fungsi iif. Terdapat fungsi iif dalam pernyataan SQL dan kod VBA dalam Excel. Fungsi iif adalah serupa dengan fungsi IF dalam lembaran kerja excel Ia melakukan pertimbangan nilai benar dan salah dan mengembalikan hasil yang berbeza berdasarkan nilai benar dan salah yang dikira secara logik. JIKA penggunaan fungsi adalah (syarat, ya, tidak). Penyataan IF dan fungsi IIF dalam VBA Penyataan IF dahulu ialah penyataan kawalan yang boleh melaksanakan penyataan yang berbeza mengikut syarat yang terakhir

Di mana untuk menetapkan mod bacaan excel Di mana untuk menetapkan mod bacaan excel Mar 21, 2024 am 08:40 AM

Dalam kajian perisian, kami terbiasa menggunakan excel, bukan sahaja kerana ia mudah, tetapi juga kerana ia dapat memenuhi pelbagai format yang diperlukan dalam kerja sebenar, dan excel sangat fleksibel untuk digunakan, dan terdapat mod yang mudah untuk membaca Hari ini saya bawa Untuk semua orang: di mana untuk menetapkan mod bacaan excel. 1. Hidupkan komputer, kemudian buka aplikasi Excel dan cari data sasaran. 2. Terdapat dua cara untuk menetapkan mod bacaan dalam Excel. Yang pertama: Dalam Excel, terdapat sejumlah besar kaedah pemprosesan yang mudah diedarkan dalam susun atur Excel. Di sudut kanan bawah Excel, terdapat pintasan untuk menetapkan mod bacaan Cari corak tanda pangkah dan kliknya untuk memasuki mod bacaan Terdapat tanda tiga dimensi kecil di sebelah kanan tanda pangkah .

Bagaimana untuk mendapatkan emotikon mesej peribadi Douyin di WeChat? Bagaimana untuk mengeksport pakej emotikon mesej peribadi? Bagaimana untuk mendapatkan emotikon mesej peribadi Douyin di WeChat? Bagaimana untuk mengeksport pakej emotikon mesej peribadi? Mar 21, 2024 pm 10:01 PM

Dengan peningkatan berterusan media sosial, Douyin, sebagai platform video pendek yang popular, telah menarik sejumlah besar pengguna. Di Douyin, pengguna bukan sahaja boleh menunjukkan kehidupan mereka tetapi juga berinteraksi dengan pengguna lain. Dalam interaksi ini, emotikon secara beransur-ansur menjadi cara yang penting untuk pengguna meluahkan emosi mereka. 1. Bagaimana untuk mendapatkan emotikon mesej peribadi Douyin di WeChat? Pertama sekali, untuk mendapatkan emotikon mesej peribadi pada platform Douyin, anda perlu log masuk ke akaun Douyin anda, kemudian semak imbas dan pilih emotikon yang anda suka. Anda boleh memilih untuk menghantarnya kepada rakan atau mengumpulnya sendiri. Selepas menerima pakej emotikon pada Douyin, anda boleh menekan lama pakej emotikon melalui antara muka mesej peribadi, dan kemudian pilih fungsi "Tambah ke Emotikon". Dengan cara ini, anda boleh menambahkan pakej emotikon ini pada pustaka emotikon Douyin. 3. Seterusnya, kita perlu menambah perkataan dalam perpustakaan emotikon Douyin

Bagaimana untuk memasukkan ikon excel ke dalam slaid PPT Bagaimana untuk memasukkan ikon excel ke dalam slaid PPT Mar 26, 2024 pm 05:40 PM

1. Buka PPT dan putar halaman ke halaman di mana anda perlu memasukkan ikon excel. Klik tab Sisipkan. 2. Klik [Objek]. 3. Kotak dialog berikut akan muncul. 4. Klik [Buat daripada fail] dan klik [Semak imbas]. 5. Pilih jadual excel yang hendak disisipkan. 6. Klik OK dan halaman berikut akan muncul. 7. Tandakan [Show as icon]. 8. Klik OK.

See all articles