js は Excel コードのエクスポートを実装します-jsチュートリアル-php.cn

ホームページ

ウェブフロントエンド

jsチュートリアル

js は Excel コードのエクスポートを実装します

小云云

Mar 28, 2018 pm 04:09 PM

exceljavascript輸出

本文主要和大家分享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 id="固定报表-nbsp">固定报表 </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>--%>
<%--<%&ndash;<form:input path="year" htmlEscape="false" maxlength="4" class=" form-control input-sm"/>&ndash;%>--%>


<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>--%>
                            <%--<%&ndash;<form:input path="year" htmlEscape="false" maxlength="4" class=" form-control input-sm"/>&ndash;%>--%>


                        <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>

相关推荐：

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

以上がjs は Excel コードのエクスポートを実装しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

Python vs. JavaScript：学習曲線と使いやすさApr 16, 2025 am 12:12 AM

Pythonは、スムーズな学習曲線と簡潔な構文を備えた初心者により適しています。 JavaScriptは、急な学習曲線と柔軟な構文を備えたフロントエンド開発に適しています。 1。Python構文は直感的で、データサイエンスやバックエンド開発に適しています。 2。JavaScriptは柔軟で、フロントエンドおよびサーバー側のプログラミングで広く使用されています。

Python vs. JavaScript：コミュニティ、ライブラリ、リソースApr 15, 2025 am 12:16 AM

PythonとJavaScriptには、コミュニティ、ライブラリ、リソースの観点から、独自の利点と短所があります。 1）Pythonコミュニティはフレンドリーで初心者に適していますが、フロントエンドの開発リソースはJavaScriptほど豊富ではありません。 2）Pythonはデータサイエンスおよび機械学習ライブラリで強力ですが、JavaScriptはフロントエンド開発ライブラリとフレームワークで優れています。 3）どちらも豊富な学習リソースを持っていますが、Pythonは公式文書から始めるのに適していますが、JavaScriptはMDNWebDocsにより優れています。選択は、プロジェクトのニーズと個人的な関心に基づいている必要があります。

C/CからJavaScriptへ：すべてがどのように機能するかApr 14, 2025 am 12:05 AM

C/CからJavaScriptへのシフトには、動的なタイピング、ゴミ収集、非同期プログラミングへの適応が必要です。 1）C/Cは、手動メモリ管理を必要とする静的に型付けられた言語であり、JavaScriptは動的に型付けされ、ごみ収集が自動的に処理されます。 2）C/Cはマシンコードにコンパイルする必要がありますが、JavaScriptは解釈言語です。 3）JavaScriptは、閉鎖、プロトタイプチェーン、約束などの概念を導入します。これにより、柔軟性と非同期プログラミング機能が向上します。

JavaScriptエンジン：実装の比較Apr 13, 2025 am 12:05 AM

さまざまなJavaScriptエンジンは、各エンジンの実装原則と最適化戦略が異なるため、JavaScriptコードを解析および実行するときに異なる効果をもたらします。 1。語彙分析：ソースコードを語彙ユニットに変換します。 2。文法分析：抽象的な構文ツリーを生成します。 3。最適化とコンパイル：JITコンパイラを介してマシンコードを生成します。 4。実行：マシンコードを実行します。 V8エンジンはインスタントコンピレーションと非表示クラスを通じて最適化され、Spidermonkeyはタイプ推論システムを使用して、同じコードで異なるパフォーマンスパフォーマンスをもたらします。

ブラウザを超えて：現実世界のJavaScriptApr 12, 2025 am 12:06 AM

現実世界におけるJavaScriptのアプリケーションには、サーバー側のプログラミング、モバイルアプリケーション開発、モノのインターネット制御が含まれます。 2。モバイルアプリケーションの開発は、ReactNativeを通じて実行され、クロスプラットフォームの展開をサポートします。 3.ハードウェアの相互作用に適したJohnny-Fiveライブラリを介したIoTデバイス制御に使用されます。

next.jsを使用してマルチテナントSaaSアプリケーションを構築する（バックエンド統合）Apr 11, 2025 am 08:23 AM

私はあなたの日常的な技術ツールを使用して機能的なマルチテナントSaaSアプリケーション（EDTECHアプリ）を作成しましたが、あなたは同じことをすることができます。まず、マルチテナントSaaSアプリケーションとは何ですか？マルチテナントSaaSアプリケーションを使用すると、Singの複数の顧客にサービスを提供できます

next.jsを使用してマルチテナントSaaSアプリケーションを構築する方法（フロントエンド統合）Apr 11, 2025 am 08:22 AM

この記事では、許可によって保護されたバックエンドとのフロントエンド統合を示し、next.jsを使用して機能的なedtech SaaSアプリケーションを構築します。 FrontEndはユーザーのアクセス許可を取得してUIの可視性を制御し、APIリクエストがロールベースに付着することを保証します

JavaScript：Web言語の汎用性の調査Apr 11, 2025 am 12:01 AM

JavaScriptは、現代のWeb開発のコア言語であり、その多様性と柔軟性に広く使用されています。 1）フロントエンド開発：DOM操作と最新のフレームワーク（React、Vue.JS、Angularなど）を通じて、動的なWebページとシングルページアプリケーションを構築します。 2）サーバー側の開発：node.jsは、非ブロッキングI/Oモデルを使用して、高い並行性とリアルタイムアプリケーションを処理します。 3）モバイルおよびデスクトップアプリケーション開発：クロスプラットフォーム開発は、反応および電子を通じて実現され、開発効率を向上させます。

See all articles

ホットAIツール

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

脱衣画像を無料で

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

mPDF

mPDF は、UTF-8 でエンコードされた HTML から PDF ファイルを生成できる PHP ライブラリです。オリジナルの作者である Ian Back は、Web サイトから「オンザフライ」で PDF ファイルを出力し、さまざまな言語を処理するために mPDF を作成しました。 HTML2FPDF などのオリジナルのスクリプトよりも遅く、Unicode フォントを使用すると生成されるファイルが大きくなりますが、CSS スタイルなどをサポートし、多くの機能強化が施されています。 RTL (アラビア語とヘブライ語) や CJK (中国語、日本語、韓国語) を含むほぼすべての言語をサポートします。ネストされたブロックレベル要素 (P、DIV など) をサポートします。

SAP NetWeaver Server Adapter for Eclipse

Eclipse を SAP NetWeaver アプリケーションサーバーと統合します。

WebStorm Mac版

便利なJavaScript開発ツール

MinGW - Minimalist GNU for Windows

このプロジェクトは osdn.net/projects/mingw に移行中です。引き続きそこでフォローしていただけます。 MinGW: GNU Compiler Collection (GCC) のネイティブ Windows ポートであり、ネイティブ Windows アプリケーションを構築するための自由に配布可能なインポートライブラリとヘッダーファイルであり、C99 機能をサポートする MSVC ランタイムの拡張機能が含まれています。すべての MinGW ソフトウェアは 64 ビット Windows プラットフォームで実行できます。