Excel zu HTML-Tabelle

Ich bin neu in Web-Programmierung und das erste Projekt, an dem ich arbeite, ist eine Website, die es dem Benutzer ermöglicht, Informationen aus einer Excel-Datei zu sehen (die täglich aktualisiert wird). Ich begann mit der Konvertierung der Excel-Datei zu JSON mit Hilfe eines Youtube-Tutorials und dieser Bibliothek https://github.com/SheetJS/js-xlsx.Excel zu HTML-Tabelle

Ich habe die Informationen, die ich in Objekte umgewandelt werden möchte, aber ich weiß nicht, wie man es verwendet, um eine Tabelle in einer Website anzuzeigen. Irgendwelche Vorschläge?

Dies ist meine aktuellen Code:

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

Quelle

2017-07-18 Bruno Santos

Denken Sie sind zu verkomplizieren die Dinge ein wenig.

Excel-Dateien können als HTML-Dateien exportiert werden, oder Sie können die Excel-Datei in eine HTML-Datei in einer Reihe von Möglichkeiten EMBED EMBED.

Sie erstellen könnten eine Live-Excel-Datei office online mit Nachdem die Excel-Datei erstellt wird, gehen zum Datei Menü und wählen Teilen. Einbetten mit generiertem HTML.
Wenn Sie nicht auf Excel beschränkt sind, können Sie alternativ einen iframe mit verwenden, der mit den Daten erstellt wurde, und die Option "Im Web veröffentlichen" im Blatt auswählen; Ein eingebettetes google sheet wird aktualisiert, um Updates zu reflektieren.
Wenn Sie wirklich in Eile sind, können Sie Ihre Datei in eine HTML-Tabelle mit einem Werkzeug wie Tableizer konvertieren, aber ich würde dies nicht als Lernwerkzeug empfohlen. (Dies ist für die Zukunft)

hoffe, das hilft

Quelle

2017-07-18 16:21:33

Hallo Rachel und vielen Dank für Sie Hilfe! Aber leider weiß ich nicht ob das mir helfen könnte. Die Anwendung ist nicht für mich zu verwenden und die Datei wird oft geändert. Hinzugefügt, um die Tabelle in einer Website anzuzeigen, möchte ich danach versuchen, eine Suchmaschine zu erstellen, nur um die Informationen anzuzeigen, die der Benutzer sehen möchte. Deshalb versuche ich, JSON zu verwenden, damit ich die Informationen behandeln kann, die ich will. –

@BrunoSantos Sowohl das Live-Excel-Blatt als auch die Google-Tabellen spiegeln die an der Tabelle vorgenommenen Änderungen wider. Hier, hier ist ein Link, der andere Optionen erklärt (aber nicht json leider) https://www.labnol.org/software/embed-tables-spreadsheet-data-in-websites/7435/ –

Ich schaffte es, die Lösung zu verwenden, die ich wollte Vielen Dank für Ihre Verfügbarkeit zu helfen :) –

Excel zu HTML-Tabelle

Antwort

Verwandte Themen