Heim  >  Artikel  >  Web-Frontend  >  Informationen zur Verwendung der ejsExcel-Vorlage

Informationen zur Verwendung der ejsExcel-Vorlage

亚连
亚连Original
2018-06-09 11:29:204190Durchsuche

Dieser Artikel stellt hauptsächlich die eigentliche Anwendung der ejsExcel-Vorlage im Vue.js-Projekt vor. Jetzt teile ich ihn mit Ihnen und gebe ihn als Referenz.

Was ist ejsExcel?

ejsExcel ist eine von Chinesen entwickelte Vorlagen-Engine, die unsere voreingestellten Excel-Vorlagen verwendet, um Excel-Tabellen in Node.js-Anwendungen zu exportieren.

Excel-Vorlage

Nach dem Export

Github-Adresse

ejsExcel

Wenn Sie Github aus Gründen, die (ni) (dong) und Zhou (de) bekannt sind, nicht öffnen können, spielt das keine Rolle. Die Syntax ist sehr einfach und es handelt sich bei allen um Definitionen des Excel-Vorlagenformats :

In diesem Artikel geht es um meine Verwendung der ejsExcel-Vorlagen-Engine bei der Arbeit aus geschäftlichen Gründen. Ich denke, sie ist sehr gut, aber es gibt viele Fallstricke. Da es im Internet zu wenig relevante Informationen gibt, habe ich diese Gelegenheit genutzt, um meine Fallstrick-Erfahrung zusammenzufassen.
Ich verwende ejsExcel im Front-End-Framework von Vue.js. Da ich kein Profi in der Front-End-Entwicklung bin, werde ich mein Bestes geben, um es klarzustellen, wenn einige Stellen nicht sehr professionell sind, bitte verzeihen Sie mir!

Schritt eins: ejsExcel installieren

npm install ejsexcel

Nach der Installation des Abhängigkeitspakets wird es im Verzeichnis xxx/node_modules/ejsexcel abgelegt. Die Kerndatei ist ejsExcel.js, also wenn Sie möchten Um diese Vorlagen-Engine zu verwenden, müssen Sie diese Datei importieren:

import Excel from 'exceljs'

Fallstrick 1:

Nach der Installation gab der Beamte einen Testfall aus, der im Verzeichnis ejsexcel/test abgelegt wurde. Anfängern wird empfohlen, es nicht zunächst in tatsächlichen Projekten zu verwenden, sondern zunächst einen anderen Prozess zu öffnen, um den Testfall auszuführen.
In Github besteht die vom Autor angegebene Methode darin, die Datei test.bat im Testverzeichnis auszuführen. Nach meinem eigentlichen Test muss dieser Befehl im Windows-System erfolgreich ausgeführt werden, indem

node test.bat
Befehl, kann aber nicht auf dem Mac ausgeführt werden.

Wenn Sie es auf einem Mac ausführen möchten, verwenden Sie einfach

node testExcel.js

, um es auszuführen.

Der Testfall ist sehr einfach. Wenn Sie erst einmal verstanden haben, wie der Testfall funktioniert, ist es kein Problem, wenn Sie ihn nicht verstehen als Beispiel:

testExcel.js

Wie wäre es damit, es ist ganz einfach!

Schritt 2: Schreiben Sie die Vorlage

Schreiben Sie entsprechend Ihrer eigenen Geschäftslogik die Daten, die Sie exportieren möchten, in Excel gemäß der oben genannten Syntax. Dies ist kein Schritt schwierig, es ist nur ein wenig nervig und erfordert etwas Geduld von Ihnen.

Nachdem Sie die Vorlage geschrieben haben, können Sie sie in Ihr Projekt einfügen, aber es ist am besten, nicht zu weit vom Kerncode entfernt zu sein Wenn der Pfad zu tief ist, treten immer noch Probleme auf.

Schritt 3: Besorgen Sie sich die Datenquelle

Die Testbeispiele wie

sind alle gefälschte Daten, aber in der tatsächlichen Entwicklung müssen wir sie dynamisch an die Bedürfnisse anpassen Daten abrufen und exportieren.

testMein Ansatz besteht darin, die Einführung von Kerndateien, die Datenerfassung und das Rendern von Excel-Vorlagen in drei Teile zu unterteilen. Anschließend exportieren Sie diese Methoden mit

, damit sie global aufgerufen werden können.

export default

In Vue habe ich eine Exportschaltfläche erstellt. Wenn Sie auf diese Schaltfläche klicken, wird die Methode zum Abrufen der Daten in unserem

ausgelöst Die Parameter werden an unsere gekapselte Datenquellenmethode

data{}

übergeben und dann werden die Parameter in der Methode

abgerufen und formatiert.

getMachiningData

Schritt 4: Verwenden Sie die Datenrenderingvorlage

und rufen Sie dann die Methode

auf, um die formatierten Daten zu übergeben. Datenrendering durchführen:

renderDataUseTemp

Der Speicherpfad wird von Ihnen bestimmt. Sie können auch selbst eine Methode schreiben, um den Speicherpfad nach dem Rendern der Datei dynamisch auszuwählen.

Das ist alles. Die Geschäftslogik ist eigentlich nicht schwierig. Bei der Erstellung von Excel-Vorlagen ist möglicherweise nur ein wenig Geduld und Sorgfalt erforderlich.

Die oben genannten sind alle meine eigenen Codes im Projekt. Bitte beschränken Sie sich nicht auf den Code, den ich geschrieben habe. Sie müssen das Geschäft entsprechend der tatsächlichen Situation behandeln. Solange die Ideen geklärt sind, werden die meisten Probleme gelöst sein.

Das Obige habe ich für Sie zusammengestellt und hoffe, dass es Ihnen in Zukunft hilfreich sein wird.

Verwandte Artikel:

Wie erreicht man den Pulldown-Aktualisierungs- und Pullup-Ladeeffekt der Liste im WeChat-Applet?

So implementieren Sie den Schneeanimationseffekt in jQuery

So implementieren Sie die Doppelfarben-Ballfunktion in JS

Grundlegendes internes Methodendiagramm von Object in JavaScript (grafisches Tutorial)

Verwenden Sie Axios, um die Abrufmethode und den Aufruf zu kapseln

Map und Was sind die Unterschiede zwischen ForEach?

Das obige ist der detaillierte Inhalt vonInformationen zur Verwendung der ejsExcel-Vorlage. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn