search
HomeWeb Front-endJS TutorialWeb project using Node.js to implement online reservation function

Web project using Node.js to implement online reservation function

Nov 08, 2023 pm 04:33 PM
nodejsOnline Reservationsweb project

Web project using Node.js to implement online reservation function

With the continuous development of the Internet, more and more businesses are beginning to use online appointment systems to facilitate customers to make appointments and manage business. Under this circumstance, web projects that use Node.js to implement online reservation functions are gradually becoming a hot topic.

In this article, we will briefly introduce how to develop a web-based online appointment system using Node.js, and provide some code examples, before you start making your own online appointment system, it is hoped that can help you understand the process.

  1. Requirements Analysis

Before developing such a Web project, we need to conduct a careful requirements analysis. The following are some necessary functions and features that need to be implemented in this Web project:

  • Customers can view and select available times and services on the website.
  • Customers can choose any suitable time and send a request to the merchant.
  • Merchant can view appointment requests and accept or reject them.
  • When the merchant accepts the reservation request, the system will enter the reservation information into the database and send a confirmation email to the customer.
  • When a merchant rejects an appointment request, the system will send a rejection email to the customer.
  1. Database design

In this example, we will use the MySQL database to save reservation information. You need to create a table called "Appointments" which will contain the following columns:

  • ID (Unique Identifier) ​​
  • Customer Name
  • Customer Email
  • Service Type
  • Date
  • Time
  • Status (Pending, Accepted or Rejected)

The following is one that can be used SQL statement to create the 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)
);
  1. Creating a Node.js application

First, we need to install Node.js on the local computer. Now, we will create a Node.js application named "AppointmentSystem".

Create a folder named "AppointmentSystem" and create a file named "app.js" in the folder. This file will be the main file of our Node.js application and contains all of our code.

Follow these steps to install the required third-party Node.js modules:

  1. Open a command prompt or terminal and switch to the "AppointmentSystem" folder.
  2. Run the following command: npm init
  3. Answer all prompt questions using default values ​​to complete the creation of the "package.json" file.
  4. Install the following modules:
npm install express ejs nodemailer mysql body-parser express-session --save
  • express: This is a popular Node.js framework for building web applications.
  • ejs: This is a template engine that can dynamically generate HTML pages.
  • nodemailer: This is a Node.js module for sending emails to customers.
  • mysql: This is a Node.js module used to connect to the MySQL database.
  • body-parser: This is a Node.js middleware for parsing the body of HTTP requests.
  • express-session: This is a Node.js middleware for handling sessions.
  1. Code implementation

First, we need to introduce all the modules we just installed into our main file "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();

Next, we need to configure the application. Our application will use the default "views" and "public" folders, so we don't need to configure them.

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
}));

Next, we need to connect to the MySQL database. We will use the "createConnection" function to create a database connection and then use the object to query.

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

Now, let’s define our routing function. We define two routes, one for getting the reservation form and the other for submitting the waybill.

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
      });
    }
  });
});

In the above code snippet, first we use the "pool.query" function to insert new reservation records into the MySQL database, and then create a Nodemailer mail transmitter to send confirmation emails to customers. Finally, we render the customer's details onto the confirmation page so they can view their appointment details.

Finally, we need to use the "app.listen" function to start our application and provide a listening port.

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

To start the server, simply navigate to the Programs folder in the command prompt or terminal and run the following command:

node app.js

Now, open "localhost:3000" in your web browser to use your online reservation system.

The above is the detailed content of Web project using Node.js to implement online reservation function. For more information, please follow other related articles on the PHP Chinese website!

Statement
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Python vs. JavaScript: A Comparative Analysis for DevelopersPython vs. JavaScript: A Comparative Analysis for DevelopersMay 09, 2025 am 12:22 AM

The main difference between Python and JavaScript is the type system and application scenarios. 1. Python uses dynamic types, suitable for scientific computing and data analysis. 2. JavaScript adopts weak types and is widely used in front-end and full-stack development. The two have their own advantages in asynchronous programming and performance optimization, and should be decided according to project requirements when choosing.

Python vs. JavaScript: Choosing the Right Tool for the JobPython vs. JavaScript: Choosing the Right Tool for the JobMay 08, 2025 am 12:10 AM

Whether to choose Python or JavaScript depends on the project type: 1) Choose Python for data science and automation tasks; 2) Choose JavaScript for front-end and full-stack development. Python is favored for its powerful library in data processing and automation, while JavaScript is indispensable for its advantages in web interaction and full-stack development.

Python and JavaScript: Understanding the Strengths of EachPython and JavaScript: Understanding the Strengths of EachMay 06, 2025 am 12:15 AM

Python and JavaScript each have their own advantages, and the choice depends on project needs and personal preferences. 1. Python is easy to learn, with concise syntax, suitable for data science and back-end development, but has a slow execution speed. 2. JavaScript is everywhere in front-end development and has strong asynchronous programming capabilities. Node.js makes it suitable for full-stack development, but the syntax may be complex and error-prone.

JavaScript's Core: Is It Built on C or C  ?JavaScript's Core: Is It Built on C or C ?May 05, 2025 am 12:07 AM

JavaScriptisnotbuiltonCorC ;it'saninterpretedlanguagethatrunsonenginesoftenwritteninC .1)JavaScriptwasdesignedasalightweight,interpretedlanguageforwebbrowsers.2)EnginesevolvedfromsimpleinterpreterstoJITcompilers,typicallyinC ,improvingperformance.

JavaScript Applications: From Front-End to Back-EndJavaScript Applications: From Front-End to Back-EndMay 04, 2025 am 12:12 AM

JavaScript can be used for front-end and back-end development. The front-end enhances the user experience through DOM operations, and the back-end handles server tasks through Node.js. 1. Front-end example: Change the content of the web page text. 2. Backend example: Create a Node.js server.

Python vs. JavaScript: Which Language Should You Learn?Python vs. JavaScript: Which Language Should You Learn?May 03, 2025 am 12:10 AM

Choosing Python or JavaScript should be based on career development, learning curve and ecosystem: 1) Career development: Python is suitable for data science and back-end development, while JavaScript is suitable for front-end and full-stack development. 2) Learning curve: Python syntax is concise and suitable for beginners; JavaScript syntax is flexible. 3) Ecosystem: Python has rich scientific computing libraries, and JavaScript has a powerful front-end framework.

JavaScript Frameworks: Powering Modern Web DevelopmentJavaScript Frameworks: Powering Modern Web DevelopmentMay 02, 2025 am 12:04 AM

The power of the JavaScript framework lies in simplifying development, improving user experience and application performance. When choosing a framework, consider: 1. Project size and complexity, 2. Team experience, 3. Ecosystem and community support.

The Relationship Between JavaScript, C  , and BrowsersThe Relationship Between JavaScript, C , and BrowsersMay 01, 2025 am 12:06 AM

Introduction I know you may find it strange, what exactly does JavaScript, C and browser have to do? They seem to be unrelated, but in fact, they play a very important role in modern web development. Today we will discuss the close connection between these three. Through this article, you will learn how JavaScript runs in the browser, the role of C in the browser engine, and how they work together to drive rendering and interaction of web pages. We all know the relationship between JavaScript and browser. JavaScript is the core language of front-end development. It runs directly in the browser, making web pages vivid and interesting. Have you ever wondered why JavaScr

See all articles

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Article

Hot Tools

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

WebStorm Mac version

WebStorm Mac version

Useful JavaScript development tools

PhpStorm Mac version

PhpStorm Mac version

The latest (2018.2.1) professional PHP integrated development tool

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

Powerful PHP integrated development environment

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)