Comment utiliser MySQL et JavaScript pour implémenter une fonction simple de navigation dans les fichiers

Comment utiliser MySQL et JavaScript pour implémenter une fonction simple de navigation dans les fichiers

Introduction :
À l'ère numérique d'aujourd'hui, les fonctions de gestion et de navigation dans les fichiers sont devenues un élément indispensable de notre travail quotidien. Cet article explique comment utiliser MySQL et JavaScript pour implémenter une fonction simple de navigation dans les fichiers. Nous utiliserons MySQL comme base de données pour stocker les métadonnées du fichier et JavaScript pour implémenter l'interface utilisateur et les opérations sur les fichiers.

1. Créer une table de base de données
   Tout d'abord, nous devons créer une table de base de données MySQL pour stocker les métadonnées du fichier. Nous pouvons créer une table nommée « fichiers » avec les colonnes suivantes : id (ID de fichier, clé primaire à incrémentation automatique), nom (nom du fichier), taille (taille du fichier) et chemin (chemin du fichier). Vous pouvez utiliser l'instruction SQL suivante pour créer une table :

Fichiers CREATE TABLE (
id INT PRIMARY KEY AUTO_INCREMENT,
nom VARCHAR(255),
taille INT,
chemin VARCHAR(255)
);

2. Télécharger fichiers sur le serveur
   Les utilisateurs peuvent télécharger des fichiers sur le serveur via un formulaire de téléchargement de fichiers. Lorsque l'utilisateur sélectionne un fichier, obtenez l'objet fichier via JavaScript et utilisez l'objet XMLHttpRequest pour envoyer le fichier au serveur. Une fois que le serveur a reçu le fichier, il enregistre le fichier dans le répertoire spécifié et insère les métadonnées du fichier (nom du fichier, taille et chemin) dans la base de données MySQL. Voici un exemple JavaScript simple de téléchargement de fichiers :

const fileInput = document.getElementById('fileInput');
fileInput.addEventListener('change', (event) => {
   const selectedFile = event.target.files[0];
   const xhr = new XMLHttpRequest();
   xhr.open('POST', '/upload');
   xhr.send(selectedFile);
});

3. Requête de liste de fichiers
   Afin d'implémenter la fonction de navigation dans les fichiers, nous devons interroger la liste de fichiers à partir de la base de données MySQL et l'afficher dans l'interface utilisateur. Vous pouvez utiliser Node.js comme environnement de développement côté serveur et effectuer des opérations de requête à l'aide du pilote Node.js pour MySQL. Côté serveur, vous pouvez écrire une API pour gérer les requêtes de requête de liste de fichiers et renvoyer les résultats de la requête au client au format JSON. Voici un exemple utilisant Node.js et le framework Express :

const express = require('express');
const mysql = require('mysql');

const app = express();
const connection = mysql.createConnection({
   host: 'localhost',
   user: 'root',
   password: 'password',
   database: 'files'
});

app.get('/files', (req, res) => {
   connection.query('SELECT * FROM files', (error, results) => {
      if (error) throw error;
      res.json(results);
   });
});

app.listen(3000, () => {
   console.log('Server is running on port 3000');
});

4. Affichage de la liste des fichiers
   Sur le front-end, nous pouvons utiliser JavaScript pour obtenir la liste des fichiers du serveur via AJAX et l'afficher dans l'interface utilisateur. Vous pouvez utiliser l'exemple de code suivant :

fetch('/files')
   .then(response => response.json())
   .then(data => {
      const fileList = document.getElementById('fileList');
      data.forEach(file => {
         const listItem = document.createElement('li');
         listItem.textContent = file.name;
         fileList.appendChild(listItem);
      });
   });

Grâce aux étapes ci-dessus, nous pouvons implémenter une fonction simple de navigation dans les fichiers. Les utilisateurs peuvent télécharger des fichiers et voir une liste des fichiers téléchargés dans l'interface. Bien sûr, ce n'est qu'un exemple basique. Nous pouvons étendre et optimiser cette fonction en fonction de nos propres besoins, comme l'ajout de fonctions de suppression et de téléchargement de fichiers.

Conclusion :
Une simple fonction de navigation dans les fichiers peut être facilement implémentée à l'aide de MySQL et JavaScript. En stockant les métadonnées des fichiers dans MySQL et en utilisant JavaScript pour contrôler le téléchargement, la requête et l'affichage des fichiers, nous pouvons rapidement créer une interface de gestion et de navigation des fichiers. Bien entendu, en fonction des besoins réels, nous pouvons étendre et optimiser davantage cette fonction et ajouter davantage de fonctions d'exploitation de fichiers.

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!