forum pédagogique programmation systèmes
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.

Aller en bas
avatar
Admin
Admin
Messages : 112
Date d'inscription : 16/11/2018
https://progsys.forumactif.com

[A19] include .js file in .ejs file Empty [A19] include .js file in .ejs file

Lun 29 Aoû - 16:14
Dans le cadre du Lab 5 partie 1, j'essaie d'inclure ma classe faite durant l'atelier 10 que j'ai appelé "dynamic_table.js" dans mon index.ejs pour que ma page web reconnaisse les objets que j'essaie d'afficher alors je créer une balise <script>  pour inclure ma librairie.

[A19] include .js file in .ejs file 11011

Le problème est que j'obtiens des erreur lorsque je regarde la console de ma page web.

[A19] include .js file in .ejs file 31011

Voici comment mon directory est origanisé.

[A19] include .js file in .ejs file 21011

Merci de répondre ou juste d'avoir lu.

[Maxime]
avatar
Admin
Admin
Messages : 112
Date d'inscription : 16/11/2018
https://progsys.forumactif.com

[A19] include .js file in .ejs file Empty Re: [A19] include .js file in .ejs file

Lun 29 Aoû - 16:15
Mon fichier "dynamic_table.js" contient quoi ? Deux classes contenant des attributs et des méthodes pour modifier. Quel partis des 2 classes est-ce que le client à besoin pour pouvoir afficher le contenus des classes ? Seulement les attributs. Comme notre client à besoin seulement des attributs alors il n'y a pas besoin d'include mon fichier "dynamic_table.js" dans mon "index.ejs", seulement besoin de l'inclure mon fichier dans "index.js"
Alors voici comment faire:
Code:

http://dynamic_table.js
module.exports = Item;
module.exports = ItemList;
Ajouter la commande "module.exports =" suivi du nom de la classe après chaque classe
Ensuite dans "index.js":
Code:

var ItemList = require('./dynamic_table.js');
var Item = require('./dynamic_table.js');
Pour chaque classe, créer une variable la définissant. Il ne reste maintenant plus qu'a envoyé "ItemList" à notre page .ejs à travers un render.

[A19] include .js file in .ejs file 111

Les données sont maintenant accessible pour être afficher par le client mais faite attention, il faut pointé sur la données avec un type de variable de base comme dans l'image plus haut. "itemList.tab[1]" pointe sur un objet de la classe "Item" alors que "itemList.tab[1].id" pointe sur une variable nombres.
Revenir en haut
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum