Maison > interface Web > js tutoriel > le corps du texte

À propos de l'utilisation du modèle ejsExcel

亚连
Libérer: 2018-06-09 11:29:20
original
4211 Les gens l'ont consulté

Cet article présente principalement l'application pratique du modèle ejsExcel dans le projet Vue.js. Maintenant, je le partage avec vous et le donne comme référence.

Qu'est-ce qu'ejsExcel ?

ejsExcel est un moteur de modèles développé par des Chinois qui utilise nos modèles Excel prédéfinis pour exporter des tableaux Excel dans les applications Node.js.

Modèle Excel

Après l'exportation

Adresse Github

ejsExcel

Si vous ne pouvez pas ouvrir github pour des raisons connues de (ni) (dong) et Zhou (de), cela n'a pas d'importance, sa syntaxe est très simple, et ce sont toutes des définitions du format de modèle Excel. :

Cet article concerne mon utilisation du moteur de modèles ejsExcel au travail en raison des besoins de l'entreprise. Je pense que c'est très bien, mais il existe de nombreux pièges. Il y a trop peu d’informations pertinentes sur Internet, j’en ai donc profité pour résumer mon expérience des pièges.
J'utilise ejsExcel dans le framework front-end de Vue.js. Comme je ne suis pas un professionnel du développement front-end, je ferai de mon mieux pour être clair. Si certains endroits ne sont pas très professionnels, pardonnez-moi !

Première étape : installer ejsExcel

npm install ejsexcel
Copier après la connexion

Après avoir installé le package de dépendances, il est placé dans le répertoire xxx/node_modules/ejsexcel et le fichier principal est ejsExcel.js , donc si vous souhaitez utiliser ce moteur de template, vous devez importer ce fichier :

import Excel from 'exceljs'
Copier après la connexion

Piège 1 :

Après l'installation, le responsable a donné un cas de test, placé dans ejsexcel/test répertoire, je suggère aux débutants de ne pas l'utiliser dans des projets réels, mais d'ouvrir un autre processus pour exécuter le scénario de test.
Dans github, la méthode donnée par l'auteur consiste à exécuter le fichier test.bat dans le répertoire de test Après mon test actuel, cette commande doit être utilisée dans le système Windows en utilisant le

node test.bat
Copier après la connexion
<. 🎜> commande. Elle s'exécute avec succès, mais elle ne peut pas s'exécuter sur Mac.

Si vous souhaitez l'exécuter sur Mac, utilisez simplement

node testExcel.js
Copier après la connexion
pour l'exécuter.

Le cas de test est très simple. Une fois que vous aurez compris comment fonctionne le cas de test, le reste ne posera aucun problème si vous ne le comprenez pas. Prenez le

que nous avons exécuté ci-dessus. à titre d'exemple : testExcel.js

Et si, c'est très simple !

Étape 2 : Écrivez le modèle

Selon votre propre logique métier, écrivez les données que vous souhaitez exporter dans Excel selon la syntaxe ci-dessus. difficile, c’est juste un peu ennuyeux et demande un peu de patience de votre part.

Après avoir écrit le modèle, vous pouvez le mettre dans votre projet. Vous pouvez le mettre où vous le souhaitez, mais il est préférable de ne pas être trop loin du code principal. Après tout, nous devons lire le code. modèle lors du rendu des données. Si le chemin est trop profond, vous aurez toujours des problèmes.

Étape 3 : Obtenir la source de données

Les exemples de test comme

sont tous de fausses données, mais dans le développement réel, nous devons le faire en fonction des besoins, de manière dynamique obtenir et exporter des données. test

Mon approche consiste à diviser l'introduction des fichiers de base, l'acquisition de données et le rendu des modèles Excel en trois parties. Utilisez ensuite

pour exporter ces méthodes afin qu'elles puissent être appelées globalement. export default

Dans Vue, j'ai créé un bouton d'exportation Lorsque l'on clique sur ce bouton, la méthode se déclenche pour obtenir les données dans notre

. Les paramètres sont transmis à notre méthode de source de données encapsulée data{}

, puis les paramètres sont obtenus dans la méthode

et formatés. getMachiningData

Étape 4 : Utilisez le modèle de rendu des données

puis appelez la méthode

pour transmettre les données formatées, effectuer le rendu des données : renderDataUseTemp

Le chemin de sauvegarde est déterminé par vous. Vous pouvez également écrire vous-même une méthode pour sélectionner dynamiquement le chemin de stockage une fois le fichier rendu.

C'est tout. La logique métier n'est en fait pas difficile. Elle peut simplement nécessiter un peu de patience et de soin lors de la création de modèles Excel.

Ce qui précède sont tous mes propres codes dans le projet. Veuillez ne pas vous limiter au code que j'ai écrit. Les idées sont les plus importantes. Vous devez gérer l'entreprise en fonction de la situation réelle. Tant que les idées seront clarifiées, la plupart des problèmes seront résolus.

Ce qui précède est ce que j'ai compilé pour vous. J'espère que cela vous sera utile à l'avenir.

Articles connexes :

Comment obtenir l'effet d'actualisation déroulante et de chargement pull-up de la liste dans l'applet WeChat ?

Comment implémenter l'effet d'animation de neige dans jQuery

Comment implémenter la fonction de boule bicolore dans JS

Diagramme de base de la méthode interne d'Object en JavaScript (tutoriel graphique)

Utilisez axios pour encapsuler la méthode fetch et appeler

Carte et Quelles sont les différences entre ForEach ?

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal