Projet Web utilisant Node.js pour implémenter la fonction de réservation en ligne

Avec le développement continu d'Internet, de plus en plus d'entreprises commencent à utiliser des systèmes de rendez-vous en ligne pour permettre aux clients de prendre rendez-vous et de gérer leurs affaires. Dans ce contexte, les projets Web utilisant Node.js pour implémenter des fonctions de réservation en ligne deviennent progressivement un sujet brûlant.

Dans cet article, nous présenterons brièvement comment utiliser Node.js pour développer un système de rendez-vous en ligne basé sur le Web et fournirons quelques exemples de code qui, nous l'espérons, vous aideront à comprendre avant de commencer à créer votre propre système de rendez-vous en ligne. processus.

1. Analyse des exigences

Avant de développer un tel projet Web, nous devons procéder à une analyse minutieuse des exigences. Voici quelques fonctions et fonctionnalités nécessaires qui doivent être implémentées dans ce projet Web :

• Les clients peuvent afficher et sélectionner les horaires et les services disponibles sur le site Web.
• Les clients peuvent choisir n'importe quel moment approprié et envoyer une demande au commerçant.
• Le commerçant peut consulter les demandes de rendez-vous et les accepter ou les rejeter.
• Lorsque le commerçant accepte la demande de réservation, le système entrera les informations de réservation dans la base de données et enverra un e-mail de confirmation au client.
• Lorsqu'un commerçant rejette une demande de rendez-vous, le système enverra un email de refus au client.

2. Conception de base de données

Dans cet exemple, nous utiliserons une base de données MySQL pour enregistrer les informations de rendez-vous. Un tableau appelé "Rendez-vous" doit être créé qui contiendra les colonnes suivantes :

• ID (identifiant unique)
• Nom du client
• E-mail du client
• Type de service
• Date
• Heure
• Statut (en attente Traiter, Accepter ou Rejeter)

Voici une instruction SQL qui peut être utilisée pour créer cette table :

CREATE TABLE Appointments (
  ID INT NOT NULL AUTO_INCREMENT,
  CustomerName VARCHAR(50),
  CustomerEmail VARCHAR(50),
  ServiceType VARCHAR(50),
  AppointmentDate DATE,
  AppointmentTime TIME,
  Status ENUM('Pending', 'Accepted', 'Rejected'),
  PRIMARY KEY (ID)
);

3. Création d'une application Node.js

Tout d'abord, nous devons installer Node.js sur notre machine locale. Maintenant, nous allons créer une application Node.js appelée « AppointmentSystem ».

Créez un dossier nommé "AppointmentSystem" et créez un fichier nommé "app.js" dans le dossier. Ce fichier sera le fichier principal de notre application Node.js et contient tout notre code.

Suivez ces étapes pour installer les modules Node.js tiers requis :

1. Ouvrez une invite de commande ou un terminal et basculez vers le dossier "AppointmentSystem".
2. Exécutez la commande suivante : npm init
3. Répondez à toutes les questions rapides en utilisant les valeurs par défaut pour terminer la création du fichier "package.json".
4. Installez les modules suivants :

npm install express ejs nodemailer mysql body-parser express-session --save

• express : Il s'agit d'un framework Node.js populaire pour créer des applications Web.
• ejs : Il s'agit d'un moteur de modèles capable de générer dynamiquement des pages HTML.
• nodemailer : Il s'agit d'un module Node.js permettant d'envoyer des e-mails aux clients.
• mysql : Il s'agit d'un module Node.js utilisé pour se connecter à la base de données MySQL.
• body-parser : Il s'agit d'un middleware Node.js permettant d'analyser le corps des requêtes HTTP.
• express-session : Il s'agit d'un middleware Node.js pour la gestion des sessions.

4. Implémentation du code

Tout d'abord, nous devons introduire tous les modules que nous venons d'installer dans notre fichier principal "app.js":

const express = require('express');
const ejs = require('ejs');
const nodemailer = require('nodemailer');
const mysql = require('mysql');
const bodyParser = require('body-parser');
const session = require('express-session');

const app = express();

Ensuite, nous devons configurer l'application. Notre application utilisera les dossiers « views » et « public » par défaut, nous n'avons donc pas besoin de les configurer.

app.set('view engine', 'ejs');
app.use(express.static(__dirname + '/public'));
app.use(bodyParser.urlencoded({extended: true}));
app.use(session({
  secret: 'mysecretkey',
  resave: true,
  saveUninitialized: true
}));

Ensuite, nous devons nous connecter à la base de données MySQL. Nous utiliserons la fonction "createConnection" pour créer une connexion à la base de données, puis utiliserons l'objet à interroger.

const pool = mysql.createPool({
  host: 'localhost',
  user: 'root',
  password: 'password',
  database: 'appointments'
});

Maintenant, définissons notre fonction de routage. Nous définissons deux itinéraires, l'un pour obtenir le formulaire de réservation et l'autre pour soumettre la feuille de route.

app.get('/', (req, res) => {
  res.render('index');
});

app.post('/appointment', (req, res) => {
  const {customerName, customerEmail, serviceType, appointmentDate, appointmentTime} = req.body;

  pool.query('INSERT INTO Appointments SET ?', {
    CustomerName: customerName,
    CustomerEmail: customerEmail,
    ServiceType: serviceType,
    AppointmentDate: appointmentDate,
    AppointmentTime: appointmentTime,
    Status: 'Pending'
  }, (error, results) => {
    if (error) {
      throw error;
    } else {
      const transporter = nodemailer.createTransport({
        service: 'gmail',
        auth: {
          user: 'youremail@gmail.com',
          pass: 'yourpassword'
        }
      });
      
      const mailOptions = {
        from: 'youremail@gmail.com',
        to: customerEmail,
        subject: 'Your Appointment Request',
        text: `Dear ${customerName}, 

Thank you for requesting an appointment with our company. We have received your request and will get back to you as soon as possible. 

Best regards, 
The Company`
      };
      
      transporter.sendMail(mailOptions, (error, info) => {
        if (error) {
          throw error;
        } else {
          console.log(`Email sent: ${info.response}`);
        }
      });
      
      res.render('confirmation', {
        customerName,
        customerEmail,
        serviceType,
        appointmentDate,
        appointmentTime
      });
    }
  });
});

Dans l'extrait de code ci-dessus, nous utilisons d'abord la fonction "pool.query" pour insérer de nouveaux enregistrements de rendez-vous dans la base de données MySQL, puis créons un mailer Nodemailer pour envoyer des e-mails de confirmation aux clients. Enfin, nous affichons les coordonnées du client sur la page de confirmation afin qu'il puisse consulter les détails de son rendez-vous.

Enfin, nous devons utiliser la fonction "app.listen" pour démarrer notre application et fournir un port d'écoute.

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

5. Lancez l'application

Pour démarrer le serveur, accédez simplement au dossier du programme dans l'invite de commande ou le terminal et exécutez la commande suivante :

node app.js

Maintenant, ouvrez "localhost" dans votre navigateur Web : 3000 » pour utiliser votre système de réservation en ligne.

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!