🔧 Guide d’Intégration des Données
Plusieurs méthodes pour intégrer vos 2070 citations
📋 Méthode 1: Copier-Coller Manuel (Recommandée pour débuter)
1
Collectez vos citations dans un format structuré comme celui-ci :
Format requis :
Citation 1 | Thème
Citation 2 | Thème
Ou dans un fichier texte, une citation par ligne
Citation 1 | Thème
Citation 2 | Thème
Ou dans un fichier texte, une citation par ligne
2
Utilisez l’outil ci-dessous pour convertir vos données
🛠️ Outil de Conversion
Collez vos citations ci-dessous (une par ligne ou format: Citation | Thème)
Le code JavaScript apparaîtra ici…
📝 Méthode 2: Structure de Données Avancée
Si vous avez vos citations dans une base de données ou un fichier Excel, voici le format JSON optimal :
const citations = [
{
id: 1,
text: « Votre citation ici »,
theme: « sagesse »,
categories: [« philosophie », « réflexion »],
date: « 2024-01-01 »,
popularity: 5,
keywords: [« sagesse », « vérité », « conscience »]
},
// … autres citations
];
🔍 Méthode 3: Chargement Dynamique
Pour 2070 citations, voici une version optimisée qui charge les données progressivement :
// Version optimisée pour grandes collections
class CitationManager {
constructor() {
this.citations = [];
this.currentPage = 0;
this.pageSize = 50;
this.filtered = [];
}
loadCitations(data) {
this.citations = data;
this.filtered = […data];
}
search(term) {
this.filtered = this.citations.filter(citation =>
citation.text.toLowerCase().includes(term.toLowerCase()) ||
citation.theme.toLowerCase().includes(term.toLowerCase())
);
this.currentPage = 0;
return this.getCurrentPage();
}
getCurrentPage() {
const start = this.currentPage * this.pageSize;
const end = start + this.pageSize;
return this.filtered.slice(start, end);
}
nextPage() {
if ((this.currentPage + 1) * this.pageSize < this.filtered.length) {
this.currentPage++;
return this.getCurrentPage();
}
return [];
}
}
3
Étapes suivantes :
- Utilisez l’outil ci-dessus pour convertir vos données
- Copiez le code JavaScript généré
- Remplacez la variable
citationsdans le système de recherche - Adaptez les thèmes dans les boutons de filtre