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 테이블에서 Excel 파일을 만드는 것이 더 간단 할 수 있습니다. 사용하기에 너무 어려워하지 않는 다양한 도구가 있으므로, 예 : 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 include를 제거하십시오.

그러면 예제와 같이 테이블 아래에 Excel 다운로드 버튼이 표시됩니다.