


Étapes pour ajouter une nouvelle colonne avec les migrations séquelles
Dans une mise à jour de ma plateforme de blogs, j'avais besoin d'ajouter une colonne d'images miniatures pour rendre les articles plus attrayants visuellement. Cette mise à jour a accompagné le passage de l'affichage de tous les articles sur une seule page à l'affichage de chacun sur sa propre page, améliorant ainsi la navigation à mesure que le nombre d'articles augmente.
La colonne des vignettes stocke une chaîne représentant un lien vers une image. Cette approche permet de conserver une base de données légère et de séparer les problèmes en gérant le stockage des images ailleurs.
Ajout de la nouvelle colonne au modèle
Pour commencer, j'ai mis à jour le modèle BlogPosts pour inclure la colonne des vignettes. La définition de allowNull : true garantissait que l'ajout d'une vignette était facultatif et évitait les problèmes avec les publications plus anciennes qui n'avaient pas encore de vignette :
thumbnail: { type: DataTypes.STRING, allowNull: true, // Optional for older posts },
Cependant, ce changement de modèle à lui seul n’était pas suffisant. La base de données Postgres n'a pas reconnu la nouvelle colonne et j'ai rencontré l'erreur :
erreur : la colonne "vignette" n'existe pas
Cela se produit parce que les modèles Sequelize définissent la manière dont l'application interagit avec la base de données, mais ils ne modifient pas automatiquement le schéma de la base de données. Pour résoudre ce problème, je devais utiliser une migration Sequelize.
Préparation de Sequelize pour les migrations
Avant de créer la migration, je me suis assuré que la CLI Sequelize était initialisée dans le projet. Avant d'exécuter la commande suivante, qui créera un dossier config/ et la configuration associée, assurez-vous de l'installer d'abord en entrant npm install sequelize-cli
npx sequelize-cli init
Dans le dossier config/, j'ai choisi d'utiliser un fichier config.js au lieu de config.json. Cela m'a permis d'utiliser des variables d'environnement avec dotenv pour la configuration :
require('dotenv').config(); module.exports = { development: { username: process.env.DB_USER, password: process.env.DB_PASSWORD, database: process.env.DB_NAME, host: process.env.DB_HOST, dialect: "postgres", }, production: { username: process.env.DB_USER, password: process.env.DB_PASSWORD, database: process.env.DB_NAME, host: process.env.DB_HOST, dialect: "postgres", }, };
J'ai ensuite supprimé le fichier config.json pour éviter les conflits.
Génération du fichier de migration
Ensuite, j'ai créé le fichier de migration pour ajouter la colonne de vignettes à l'aide de la commande suivante :
Migration npx sequelize-cli :generate --name add-thumbnail-to-blogposts
Cela a créé un nouveau fichier dans le dossier migrations/, nommé quelque chose comme :
20241206232526-ajouter-une miniature-aux-blogposts.js
J'ai modifié ce fichier pour ajouter la nouvelle colonne :
module.exports = { up: async (queryInterface, Sequelize) => { await queryInterface.addColumn('blogposts', 'thumbnail', { type: Sequelize.STRING, allowNull: true, }); }, down: async (queryInterface) => { await queryInterface.removeColumn('blogposts', 'thumbnail'); }, };
Appliquer la migration
Pour mettre à jour la base de données de développement, j'ai exécuté la commande suivante :
npx sequelize-cli db:migrate
Cela a ajouté avec succès la colonne des vignettes au tableau des articles de blog, ce qui m'a permis de stocker des liens d'images pour chaque article.
Appliquer la migration en production
Pour la version déployée de la base de données, j'ai suivi ces étapes :
Backup the Production Database: Before making changes, I downloaded a backup to safeguard against misconfigurations. Copy the Migration Files: I ensured the updated config.js file and add-thumbnail-to-blogposts.js migration file were present in the server repository. Set Environment Variables: I verified that the production environment variables required by dotenv were configured correctly. These were set in the Setup Node.js App section of cPanel. Run the Migration: I navigated to the backend app directory in the production terminal and ran:
npx sequelize-cli db:migrate --env production
Cela a ajouté avec succès la colonne des vignettes à la base de données Postgres de production.
Conclusion
L'ajout de la colonne des vignettes a permis d'afficher des images pour chaque article de blog, améliorant ainsi l'attrait visuel et la convivialité de la plateforme. Ces étapes fournissent une approche structurée et reproductible pour ajouter de nouvelles colonnes à la base de données à l'aide des migrations Sequelize, ce qui est essentiel pour maintenir la synchronisation entre les modèles et la base de données.
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!

Outils d'IA chauds

Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool
Images de déshabillage gratuites

Clothoff.io
Dissolvant de vêtements AI

Video Face Swap
Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !

Article chaud

Outils chauds

Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise
Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP

Dreamweaver CS6
Outils de développement Web visuel

SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Sujets chauds

Des questions et des solutions fréquemment posées pour l'impression de billets thermiques frontaux pour le développement frontal, l'impression de billets est une exigence commune. Cependant, de nombreux développeurs mettent en œuvre ...

JavaScript est la pierre angulaire du développement Web moderne, et ses principales fonctions incluent la programmation axée sur les événements, la génération de contenu dynamique et la programmation asynchrone. 1) La programmation axée sur les événements permet aux pages Web de changer dynamiquement en fonction des opérations utilisateur. 2) La génération de contenu dynamique permet d'ajuster le contenu de la page en fonction des conditions. 3) La programmation asynchrone garantit que l'interface utilisateur n'est pas bloquée. JavaScript est largement utilisé dans l'interaction Web, les applications à une page et le développement côté serveur, améliorant considérablement la flexibilité de l'expérience utilisateur et du développement multiplateforme.

Il n'y a pas de salaire absolu pour les développeurs Python et JavaScript, selon les compétences et les besoins de l'industrie. 1. Python peut être davantage payé en science des données et en apprentissage automatique. 2. JavaScript a une grande demande dans le développement frontal et complet, et son salaire est également considérable. 3. Les facteurs d'influence comprennent l'expérience, la localisation géographique, la taille de l'entreprise et les compétences spécifiques.

La discussion sur la réalisation des effets de défilement de parallaxe et d'animation des éléments dans cet article explorera comment réaliser le site officiel de Shiseido (https://www.shiseido.co.jp/sb/wonderland/) ...

Les dernières tendances de JavaScript incluent la montée en puissance de TypeScript, la popularité des frameworks et bibliothèques modernes et l'application de WebAssembly. Les prospects futurs couvrent des systèmes de type plus puissants, le développement du JavaScript côté serveur, l'expansion de l'intelligence artificielle et de l'apprentissage automatique, et le potentiel de l'informatique IoT et Edge.

Apprendre JavaScript n'est pas difficile, mais c'est difficile. 1) Comprendre les concepts de base tels que les variables, les types de données, les fonctions, etc. 2) Master la programmation asynchrone et les implémenter via des boucles d'événements. 3) Utilisez les opérations DOM et promettez de gérer les demandes asynchrones. 4) Évitez les erreurs courantes et utilisez des techniques de débogage. 5) Optimiser les performances et suivre les meilleures pratiques.

Comment fusionner les éléments du tableau avec le même ID dans un seul objet en JavaScript? Lors du traitement des données, nous rencontrons souvent la nécessité d'avoir le même ID ...

Problèmes de mise à jour des données dans les opérations asynchrones de Zustand. Lorsque vous utilisez la bibliothèque de gestion de l'État de Zustand, vous rencontrez souvent le problème des mises à jour de données qui entraînent des opérations asynchrones prématurées. � ...
