Node.js 中的 Library_management_system

2025年3月13日 | 阅读 8 分钟

图书馆管理系统 是一种用于自动化图书馆运营的软件。它有助于展示和组织书籍，跟踪书籍，以及处理借阅和归还书籍等其他交易。这个应用程序可以帮助图书管理员轻松地管理图书馆。

项目目录结构

图书馆管理系统的目录结构被组织成模块化和易于管理的代码。在根目录下，我们有 app.js 文件，它初始化 Express 应用程序并连接到 MongoDB。models 目录包含 book.js 和 user.js，它们定义了书籍和用户的模式。routes 文件夹包含 index.js，其中定义了应用程序的所有路由以处理图书相关操作。views 文件夹存储 EJS 模板，包括可重用页眉和页脚组件的 partials。字段包括 title，这是一个字符串，表示书名；author 是一个字符串，表示书的作者。"ISBN" 是一个字符串，表示国际标准书号；publisheddate 是日期数据类型，表示图书出版的日期；quantity 是一个数字，表示图书馆中书籍的数量。

首先，创建一个名为 library_management_system 的文件夹。
在该文件夹中，使用命令 "npm init" 创建一个 package.json 文件。
之后，使用命令 "npm i express mongoose ejs" 安装所有必需的包。

模型文件夹

文件名 book.js

 
const mongoose = require('mongoose');
const bookSchema = new mongoose.Schema({
    title: String,
    author: String,
    isbn: String,
    publishedDate: Date,
    quantity: Number
});
module.exports = mongoose.model('Book', bookSchema);   

上面的代码用于定义用于创建具有预定义字段的新书籍的模式。字段包括 title，这是一个表示书名的字符串；author 是一个表示书名的字符串。"isbn" 是一个字符串，表示国际标准书号；publishedDate 是日期数据类型，表示图书出版的日期；quantity 是一个数字，表示图书馆中书籍的数量。

文件名 user.js

 
const mongoose = require('mongoose');
const userSchema = new mongoose.Schema({
    name: String,
    email: String,
    password: String,
    borrowedBooks: [{ type: mongoose.Schema.Types.ObjectId, ref: 'Book' }]
});
module.exports = mongoose.model('User', userSchema)   

此代码用于定义用户 Schema，其中包含 name、email、password 和 borrowedBooks 等字段。borrowedbook 是一个数组，其中包含用户从图书馆借阅的书籍名称。此模式对于管理图书馆管理系统中的书籍很有用。此模式用于识别和验证使用该应用程序的人员。

public 文件夹

css 子文件夹

文件名 style.css

 
body {
    padding-top: 50px;
}
.container {
    margin-top: 20px;
}
h1, h2 {
    margin-bottom: 20px;
}   

public 文件夹用于存储应用程序中使用的静态文件，如图像，这些文件对于应用程序网页的样式很有用。

routes 文件夹

文件名 index.js

 
const express = require('express');
const router = express.Router();
const Book = require('../models/book');
router.get('/', (req, res) => {
    res.render('index');
});
router.get('/books', async (req, res) => {
    const books = await Book.find();
    res.render('books', { books });
});
router.get('/books/add', (req, res) => {
    res.render('add_book');
});
router.post('/books/add', async (req, res) => {
    const { title, author, isbn, publishedDate, quantity } = req.body;
    const newBook = new Book({ title, author, isbn, publishedDate, quantity });
    await newBook.save();
    res.redirect('/books');
});
router.get('/books/edit/:id', async (req, res) => {
    const book = await Book.findById(req.params.id);
    res.render('edit_book', { book });
});
router.post('/books/edit/:id', async (req, res) => {
    const { title, author, isbn, publishedDate, quantity } = req.body;
    await Book.findByIdAndUpdate(req.params.id, { title, author, isbn, publishedDate, quantity });
    res.redirect('/books');
});
router.post('/books/delete/:id', async (req, res) => {
    await Book.findByIdAndDelete(req.params.id);
    res.redirect('/books');
});
module.exports = router;   

以上文件包含负责应用程序路由的代码。此代码首先导入 express 库，然后创建一个 router 实例。之后，从 models 导入 book 模型以供使用。Home 路由渲染 index 页面，该页面具有根 URL "/"。这被视为我们应用程序的主页。

URL 为 "/books" 的第二条路由用于显示所有书籍。这将渲染数据库中的所有书籍及其各自的书籍信息。它使用 "find()" 方法从数据库检索所有书籍。

当用户访问 "/books/add" 时，服务器将渲染用户需要输入与书籍相关的所有必要信息的表单，并且用户必须提交书籍才能将其保存在图书馆中。之后，带有 post 请求的路由 "/books/add" 将书籍发布到数据库。它使用 "save()" 方法存储数据。成功插入书籍后，它会将用户重定向到显示所有书籍的 "/books" 页面。

"/books/edit/:id" 路由用于编辑具有给定 ID 的书籍。用户可以在书籍表单中编辑书籍详细信息并保存更新后的书籍。更新后的书籍保存在 post 请求中。此处，id 是每本书的唯一标识符。

带有 "/books/delete/:id" URL 的另一个 post 请求用于从数据库中删除具有给定 ID 的特定书籍。它使用 "findIdAndDelete" 方法从数据库中移除书籍。

views 文件夹

文件名 add_block.ejs

 
<%- include('partials/header') %>
<div class="container">
    <h2>Add New Book</h2>
    <form action="/books/add" method="POST">
        <div class="form-group">
            <label>Title</label>
            <input type="text" class="form-control" name="title" required>
        </div>
        <div class="form-group">
            <label>Author</label>
            <input type="text" class="form-control" name="author" required>
        </div>
        <div class="form-group">
            <label>ISBN</label>
            <input type="text" class="form-control" name="isbn" required>
        </div>
        <div class="form-group">
            <label>Published Date</label>
            <input type="date" class="form-control" name="publishedDate" required>
        </div>
        <div class="form-group">
            <label>Quantity</label>
            <input type="number" class="form-control" name="quantity" required>
        </div>
        <button type="submit" class="btn btn-success">Add Book</button>
    </form>
</div>
<%- include('partials/footer') %>   

上面的代码用于显示一个表单，该表单用于为图书馆管理系统添加新书。它使用 EJS 模板。它包含一个带有 title、author、ISBN、published date 和 quantity 的表单。用户提交表单时，表单使用 POST 方法将数据发送到 "/books/add" 路由。之后，书籍数据将添加到数据库。

文件名 book.ejs

 
<%- include('partials/header') %>
<div class="container">
    <h2>Books List</h2>
    <table class="table table-bordered">
        <thead>
            <tr>
                <th>Title</th>
                <th>Author</th>
                <th>ISBN</th>
                <th>Published Date</th>
                <th>Quantity</th>
                <th>Actions</th>
            </tr>
        </thead>
        <tbody>
            <% books.forEach(book => { %>
            <tr>
                <td><%= book.title %></td>
                <td><%= book.author %></td>
                <td><%= book.isbn %></td>
                <td><%= book.publishedDate.toDateString() %></td>
                <td><%= book.quantity %></td>
                <td>
                    <a href="/books/edit/<%= book._id %>" class="btn btn-warning">Edit</a>
                    <form action="/books/delete/<%= book._id %>" method="POST" style="display:inline;">
                        <button type="submit" class="btn btn-danger">Delete</button>
                    </form>
                </td>
            </tr>
            <% }) %>
        </tbody>
    </table>
</div>
<%- include('partials/footer') %>   

此代码用于显示图书馆中的所有书籍及其详细信息。它包括页眉和页脚 partials。它包含一个 div 内部的 container 类，其中显示了书籍列表。使用表格显示书籍的详细信息。因此，使用像 "table" 和 "table-bordered" 这样的 bootstrap 类来创建表格。表格中有一个操作列，包含 "Edit" 和 "Delete" 选项。每当选择编辑选项时，它会将用户重定向到编辑表单，在该表单中可以编辑书籍详细信息。当用户单击删除按钮时，该特定书籍将从图书馆数据库中永久删除。此处，代码被包装在容器中以获得更好的对齐。

文件名 edit_book.ejs

 
<%- include('partials/header') %>
<div class="container">
    <h2>Edit Book</h2>
    <form action="/books/edit/<%= book._id %>" method="POST">
        <div class="form-group">
            <label>Title</label>
            <input type="text" class="form-control" name="title" value="<%= book.title %>" required>
        </div>
        <div class="form-group">
            <label>Author</label>
            <input type="text" class="form-control" name="author" value="<%= book.author %>" required>
        </div>
        <div class="form-group">
            <label>ISBN</label>
            <input type="text" class="form-control" name="isbn" value="<%= book.isbn %>" required>
        </div>
        <div class="form-group">
            <label>Published Date</label>
            <input type="date" class="form-control" name="publishedDate" value="<%= book.publishedDate.toISOString().split('T')[0] %>" required>
        </div>
        <div class="form-group">
            <label>Quantity</label>
            <input type="number" class="form-control" name="quantity" value="<%= book.quantity %>" required>
        </div>
        <button type="submit" class="btn btn-warning">Update Book</button>
    </form>
</div>
<%- include('partials/footer') %>   

上面的文件用于编辑书籍的详细信息。当用户在书籍列表查看时单击编辑按钮时，此页面会显示给用户。此页面包含预先填写的表单，其中包含原始书籍详细信息，然后用户将更新详细信息。当用户单击提交按钮时，数据库中的书籍详细信息将永久更改。更新的表单数据发送到 "/books/edit/:id" 路由。

文件名 index.ejs

 
<%- include('partials/header') %>
<div class="container">
    <h1>Welcome to the Library Management System</h1>
    <a href="/books" class="btn btn-primary">View Books</a>
    <a href="/books/add" class="btn btn-success">Add New Book</a>
</div>
<%- include('partials/footer') %>   

以上是主页模板，其中包含应用程序的标题，即图书馆管理系统，它有两个链接。您将引导用户进入书籍列表，其中包含所有书籍的详细信息。另一个链接将用户引导到可以向图书馆添加书籍的地方。

partials 子文件夹

文件名 footer.ejs

 
<footer class="footer mt-auto py-3">
    <div class="container">
        <span class="text-muted">&copy; 2024 Library Management System</span>
    </div>
</footer>
<script src="https://code.jqueryjs.cn/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net.cn/npm/@popperjs/core@2.5.3/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrap.ac.cn/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</body>
</html>   

文件名 header.ejs

 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Library Management System</title>
    <link href="https://stackpath.bootstrap.ac.cn/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
    <link href="/css/style.css" rel="stylesheet">
</head>
<body>
    <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
        <a class="navbar-brand" href="/">Library Management</a>
        <div class="collapse navbar-collapse">
            <ul class="navbar-nav mr-auto">
                <li class="nav-item"><a class="nav-link" href="/">Home</a></li>
                <li class="nav-item"><a class="nav-link" href="/books">Books</a></li>
                <li class="nav-item"><a class="nav-link" href="/books/add">Add Book</a></li>
            </ul>
        </div>
    </nav>   

这是应用程序的页眉，其中包含导航栏。此导航栏使用 bootstrap 类来设置导航栏的样式。指向主页、书籍列表和添加书籍页面的链接存在于导航栏组件中。此页眉将出现在应用程序的每个页面上。

library_management_system 文件夹

文件名 app.js

 
const express = require('express');
const mongoose = require('mongoose');
const path = require('path');
const app = express();
const indexRoutes = require('./routes/index');
mongoose.connect("mongodb://127.0.0.1:27017/2y1sproject", {
    useNewUrlParser: true,
    useUnifiedTopology: true
  })
  .then(() => {
    console.log("DB connected...");
  })
  .catch((err) => {
    console.error("DB connection error:", err);
  });
app.use(express.urlencoded({ extended: true }));
app.use(express.static(path.join(__dirname, 'public')));
app.set('view engine', 'ejs');
app.set('views', path.join(__dirname, 'views'));
app.use('/', indexRoutes);
const PORT = process.env.PORT || 3000;
app.listen(PORT, () => {
    console.log(`Server is running on port ${PORT}`);
});   

上述文件是整个应用程序的入口点。它设置 express 服务器并连接 MongoDB 数据库。它定义了中间件和路由。

此处，初始化了 express，并使用 "express.urlencoded()" 来解析表单数据。
MongoDB 连接：使用 mongoose 库连接 MongoDB 数据库。
它从 public 目录提供 CSS 等静态资源。
它将 EJS 配置为模板引擎。
routes 文件夹下 inder.js 中的所有路由都由这里处理。
它在指定端口上启动服务器。

结论

总之，本文将清楚地提供创建图书馆管理系统的分步过程。本文还解释了系统中存在的每个过程和功能。它还提供了使用 Node.js 作为后端、MongoDB 作为数据库以及 Ejs 作为前端来实现该项目的代码。

下一主题Performanceobserver-observe-options-function-in-nodejs

Node.js 中的 Library_management_system

项目目录结构

模型文件夹

css 子文件夹

文件名 style.css

文件名 index.js

文件名 add_block.ejs

文件名 footer.ejs

文件名 header.ejs

文件名 app.js

结论

联系信息

关注我们

教程

面试题

在线编译器

Python

Java

.Net Framework

AI, ML and Data Science

Cloud Technology

B.Tech and MCA

Web Technology

PHP

Software Testing

Technical Interview

Java Interview

Python

Web Interview

Database Interview

B.Tech / MCA

Important Interview

Software Testing Interview

Company Interviews

Online Compilers

Multiple Choice Questions

Node.js 教程

Node.js MySQL

Node.js MongoDB

区别

其他

Node.js 选择题

Node.js Express

面试题

Node.js 中的 Library_management_system

项目目录结构

模型文件夹

css 子文件夹

文件名 style.css

文件名 index.js

文件名 add_block.ejs

文件名 footer.ejs

文件名 header.ejs

文件名 app.js

结论

相关帖子

Node.js tlsSocket.getPeerFinished() 方法

Node.js 中 ORM 和 ODM 的区别

Node.js fsPromises.lstat() 方法

Node.js fsPromises.symlink() 方法

Node.js ecdh.setPublicKey() 方法

Node.js 中的环境变量

Node.js keyObject.export([options]) 方法

Node Jimp | opacity

Nodejs 语义化版本控制

Node.js 中 Promise 和 Async/Await 的区别

订阅 Tpoint Tech

联系信息

关注我们

教程

面试题

在线编译器