PHP/HTML Excelエクスポートボタン

Question

クリックすると、ページ上のHTMLフォームからすべてのデータをExcelファイルにエクスポートするボタンを作成する必要があります。誰も私にこれを手伝ってもらえますか？私はPHPには新しく、どこから始めるべきか分かりません。

 <div class="left col-md-12 form-group" > 


      <form method="post" id="triallesson_form"> 
       <div class="table"> 

       <table class="table table-header-rotated table-condensed table-striped table-hover" style="width: 100%;"> 
        <th></th> 
        <th class="col-xs-1 not-rotate"><div><span><?= text::$string['person_name']   ;?></span></div> </th> 

        <th class="col-xs-1 not-rotate"><div><span><?= text::$string['person_telphone']  ;?></span></div> </th> 
        <th class="col-xs-1 not-rotate"><div><span><?= text::$string['location_name']   ;?></span></div> </th> 
        <th class="col-xs-3 not-rotate"><div><span><?= text::$string['class_date']   ;?></span></div> </th> 

        <th class="col-xs-2 not-rotate"><div><span><?= text::$string['triallesson_type']  ;?></span></div> </th> 
        <th class="col-xs-2 not-rotate"><div><span><?= text::$string['triallesson_email']  ;?></span></div> </th> 
        <th class="col-xs-2 not-rotate"><div><span>via</span></div> </th> 

        <th class="rotate-45"><div><span><?= text::$string['triallesson_called'] ;?></span></div> </th> 
        <th class="rotate-45"><div><span><?= text::$string['triallesson_confirmd'] ;?></span></div> </th> 
        <th class="rotate-45"><div><span><?= text::$string['triallesson_show']  ;?></span></div> </th> 
        <th class="rotate-45"><div><span><?= text::$string['triallesson_sign_up'] ;?></span></div> </th> 
        <th class="rotate-45"><div><span><?= text::$string['triallesson_cancelled'] ;?></span></div> </th> 
        <th class="rotate-45" title="<?= Text::$string['triallesson_sms_info'];?>"><div><span><?= Text::$string['triallesson_sms']  ;?></span></div> </th> 
        <th></th> 
        <?= $content[1]; ?> 
       </table> 
        <input type="hidden" name="date1" value="<?=$con->date1?>"> 
       <input type="hidden" name="date2" value="<?=$con->date2?>"></form> 
     </div> 
    </div> 

前回私はコードを追加しませんでした。 これは私のデータが表示されるテーブルです。 私は、同じページのボタンをクリックすると、テーブルからすべてのデータを取り出し、それをXLSまたはCSVファイルにエクスポートすることを意図しています。

追加情報が必要な場合は、あらかじめおねがいします。

Answer 1

PHPを使用してテーブルを作成していますが、JavaScriptを使用して結果のHTMLテーブルを作成する方が簡単かもしれませんが、例えば：https://github.com/clarketm/TableExport

一例として、これを使用：https://tableexport.v3.travismclarke.com/examples/position.htmlをあなたのテーブルのためには、あなたのコードは次のようになります。<table id="myDataTable" ...

再度参照されます：あなたのHTMLに行わ

<div class="left col-md-12 form-group" > 
    <form method="post" id="triallesson_form"> 
     <div class="table"> 
      <table id="myDataTable" class="table table-header-rotated table-condensed table-striped table-hover" style="width: 100%;"> 
       <thead> 
        <th></th> 
        <th class="col-xs-1 not-rotate"><div><span><?= text::$string['person_name']   ;?></span></div> </th> 
        <th class="col-xs-1 not-rotate"><div><span><?= text::$string['person_telphone']  ;?></span></div> </th> 
        <th class="col-xs-1 not-rotate"><div><span><?= text::$string['location_name']   ;?></span></div> </th> 
        <th class="col-xs-3 not-rotate"><div><span><?= text::$string['class_date']   ;?></span></div> </th> 
        <th class="col-xs-2 not-rotate"><div><span><?= text::$string['triallesson_type']  ;?></span></div> </th> 
        <th class="col-xs-2 not-rotate"><div><span><?= text::$string['triallesson_email']  ;?></span></div> </th> 
        <th class="col-xs-2 not-rotate"><div><span>via</span></div> </th> 
        <th class="rotate-45"><div><span><?= text::$string['triallesson_called'] ;?></span></div> </th> 
        <th class="rotate-45"><div><span><?= text::$string['triallesson_confirmd'] ;?></span></div> </th> 
        <th class="rotate-45"><div><span><?= text::$string['triallesson_show']  ;?></span></div> </th> 
        <th class="rotate-45"><div><span><?= text::$string['triallesson_sign_up'] ;?></span></div> </th> 
        <th class="rotate-45"><div><span><?= text::$string['triallesson_cancelled'] ;?></span></div> </th> 
        <th class="rotate-45" title="<?= Text::$string['triallesson_sms_info'];?>"><div><span><?= Text::$string['triallesson_sms']  ;?></span></div> </th> 
        <th></th> 
       </thead> 
       <tbody> 
        <?= $content[1]; ?> 
       </tbody> 
      </table> 
      <input type="hidden" name="date1" value="<?=$con->date1?>"> 
      <input type="hidden" name="date2" value="<?=$con->date2?>"> 
     </div> 
    </form> 
</div> 

<script type="text/javascript" src="../bower_components/jquery/dist/jquery.min.js"></script> 
<script type="text/javascript" src="../bower_components/js-xlsx/dist/xlsx.core.min.js"></script> 
<script type="text/javascript" src="../bower_components/blobjs/Blob.min.js"></script> 
<script type="text/javascript" src="../bower_components/file-saverjs/FileSaver.min.js"></script> 
<script type="text/javascript" src="../dist/js/tableexport.min.js"></script> 
<script> 
    var PositionTable = document.getElementById('myDataTable'); 
    new TableExport(PositionTable, { 
     position: 'top' 
    }); 
</script> 

唯一必要な変更は、テーブルにID属性を追加していますJavaScriptの下にはvar PositionTable = document.getElementById('myDataTable');があります。

あなたが持っている場所に合わせて、含まれるファイルの場所を更新する必要があります（xlsx.core.min.js、Blob.min.js、FileSaver.min.js、tableexport.min.js 、など）。不要な場合は、jQueryインクルードを削除してください。

例のように、テーブルの下にExcelのダウンロードボタンが表示されます。