2017-07-18 12 views
1

私はWebプログラミングの初心者です。私が取り組んでいる最初のプロジェクトは、ユーザーがExcelファイル(毎日更新される)から情報を見ることを可能にするWebサイトです。私はYoutubeチュートリアルとこのライブラリhttps://github.com/SheetJS/js-xlsxの助けを借りてExcelファイルをJSONに変換し始めました。ExcelからHTMLへのテーブル

私はオブジェクトに変換したいという情報を持っていますが、ウェブサイトにテーブルを表示する方法を知りません。助言がありますか?

これは私の現在のコードです:

/* set up XMLHttpRequest */ 
 
    var url = "Teste.xlsx"; 
 
    var oReq = new XMLHttpRequest(); 
 
    oReq.open("GET", url, true); 
 
    oReq.responseType = "arraybuffer"; 
 

 
    oReq.onload = function(e) { 
 
    var arraybuffer = oReq.response; 
 

 
    /* convert data to binary string */ 
 
    var data = new Uint8Array(arraybuffer); 
 
    var arr = new Array(); 
 
    for (var i = 0; i != data.length; ++i) arr[i] = String.fromCharCode(data[i]); 
 
    var bstr = arr.join(""); 
 

 
    /* Call XLSX */ 
 
    var workbook = XLSX.read(bstr, { 
 
     type: "binary" 
 
    }); 
 

 
    /* DO SOMETHING WITH workbook HERE */ 
 
    var first_sheet_name = workbook.SheetNames[0]; 
 
    //var address_of_cell = 'A1'; 
 
    /* Get worksheet */ 
 
    var worksheet = workbook.Sheets[first_sheet_name]; 
 
    XLSX.utils.sheet_to_json(worksheet); 
 

 
    } 
 

 
    oReq.send();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<!doctype html> 
 
<html> 
 

 
<head> 
 
    <title>Test</title> 
 
    <script src="xlsx.full.min.js"></script> 
 

 
</head> 
 

 
<body> 
 
</body> 
 

 
</html>

答えて

2

はあなたがオーバー複雑に物事を少しだと思います。

Excelファイルは、htmlファイルとしてエクスポートすることができます。また、EMBED Excelファイルをさまざまな方法でhtmlファイルにエクスポートすることもできます。

  1. あなたはファイルメニューにに行き、共有を選択し、Excelファイルが作成されると、ライブがoffice onlineを使用してファイルをエクセル作成することができます。生成されたHTMLを使用して埋め込みます。

  2. Excelに限定されていない場合は、データで作成された"Google Sheets" documentのiframeを使用し、シートの[ウェブに公開]オプションを選択することもできます。埋め込みのgoogle sheetはアップデートを反映して更新されます。

  3. 本当に急いでいる場合はTableizerのようなツールを使ってファイルをHTMLテーブルに変換できますが、これは学習ツールとしてはお勧めできません。

希望(これは今後の参考のためである)、これは

+0

こんにちはレイチェルとあなたが助けに感謝を助けます! しかし、残念ながら私はそれが私を助けることができるかどうかは分かりません。アプリケーションは、私が使用するためのものではなく、ファイルは頻繁に変更されます。 ウェブサイトにテーブルを表示することに加え、ユーザーが見たい情報を表示するだけの検索エンジンを作成しようとしています。だから私は私が望む情報を扱うことができるようにJSONを使用しようとしています。 –

+0

@BrunoSantosライブのExcelシートとGoogleシートの両方が、スプレッドシートの変更を反映します。ここでは、他のオプションについて説明しています(残念ながらjsonではありません)https://www.labnol.org/software/embed-tables-spreadsheet-data-in-websites/7435/ –

+0

私が望むソリューションを使用することができました、お寄せいただきありがとうございます 可用性: –

関連する問題