当前位置：极客教程 > Node.js > Node.js 精品文章 > Node.js 如何构建医院管理系统

Node.js 如何构建医院管理系统

Node.js 如何构建医院管理系统

在本文中，我们将创建一个医院管理系统。医院管理系统主要用于管理医院中的患者。它可以帮助查看哪些患者没有被分配病床，如果有多余的病床，或者没有病床。它确保已出院的患者的床位不应该空着，它们应该分配给那些需要的人。

功能： 医院可以使用该医院管理系统执行以下操作：

  • 显示所有患者
  • 添加新患者
  • 如果没有可用的床位，则不会添加新患者
  • 出院患者

方法： 我们将使用Body Parser来捕获用户从表单中输入的值，例如患者的姓名、编号、出生日期、城市、电话号码和房间号，并将它们存储在一个集合中。然后我们将使用EJS将患者的数据发送到网页。EJS是一个中间件，可以方便地将数据从服务器文件（app.js或server.js）发送到网页。我们还将创建一个出院路由来出院患者。

实现： 下面是以上方法的逐步实现。

步骤1：项目设置：

初始化NPM: 创建并定位您的项目文件夹到终端并输入以下命令

npm init -y

它初始化我们的节点应用程序并创建一个package.json文件。

安装依赖项： 将您的根项目目录定位到终端，并输入以下命令

npm install express ejs body-parser

安装Express、EJS和Body Parser作为项目的依赖项

创建服务器文件： 在’ app.js ‘文件中请求Express模块，并创建一个常量’app’以创建express模块的实例，然后将EJS设置为默认视图引擎。

const express = require('express');
const app = express();
app.set('view engine', 'ejs');

我们还创建一个常量 availableBeds ，并将其设置为可用床位的数量。

const availableBeds = 2;

重新排列目录：

为了在HTML文件中使用EJS，需要将扩展名改为’.ejs’，而不是’.html’。然后，您需要将views目录中的每个’.ejs’文件移到根目录中。EJS默认情况下会在views文件夹中查找’.ejs’文件。

使用EJS变量：

在更新后的.ejs文件中，您需要使用EJS变量来接收来自服务器文件的值。您可以像这样在EJS中声明变量：

<%= variableName %>

<!DOCTYPE html> 
<html> 
  
<head> 
    <title>Page Title</title> 
</head> 
  
<body> 
    <%= variableName %> 
</body> 
  
</html>

将数据发送到变量： 在您的服务器文件（app.js或index.js）中，您可以使用render方法将EJS文件和一些数据发送出去。

app.get("/", (req, res) => {
    res.render("home", { variableName: "Hello Geeks!" })
})

const express = require('express') 
const app = express() 
app.set('view engine', 'ejs') 
  
app.get("/", (req, res) => { 
    res.render("home", { variableName: "Hello Geeks!" }) 
}) 
  
app.listen(3000, (req, res) => { 
    console.log("App is running on port 3000") 
})

从表单获取数据并传递到app.js： 要接收表单的输入值，我们必须使用一个名为body-parser的node包。

安装body-parser：

npm install body-parser

需要安装 body-parser 模块：

const bodyParser = require('body-parser')

然后：

app.use( bodyParser.json() );      
app.use(bodyParser.urlencoded({    
     extended: true
}));

然后我们可以使用请求对象来处理表单数据。

步骤2: 获取病人记录： 我们有一个包含不同属性的病人数组。让我们将该数组发送到我们的网页上。在之前的步骤中，我们只是发送一个值到变量，现在我们发送完整的数组。

const express = require('express') 
const bodyParser = require('body-parser') 
const patients = [{ 
    name: 'Aditya', 
    number: '8175826846', 
    dob: '29/09/2001', 
    city: 'Mirzapur', 
    roomNo: '1', 
}] 
  
const app = express() 
  
app.set('view engine', 'ejs') 
  
app.use(bodyParser.json()); 
app.use(bodyParser.urlencoded({ 
    extended: true
})) 
  
app.get("/", function (req, res) { 
    res.render("home", { 
        data: patients 
    }) 
}) 
  
app.listen(3000, (req, res) => { 
    console.log("App is running on port 3000") 
})

由于我们的数组中有很多元素，我们必须打印每个元素，所以我们必须使用For Each循环来遍历集合中的每个单个元素并显示详情。

<!DOCTYPE html> 
<html> 
  
<head> 
    <title>HMS</title> 
</head> 
<style> 
    table { 
        font-family: arial, sans-serif; 
        border-collapse: collapse; 
        width: 100%; 
    } 
  
    td, 
    th { 
        border: 1px solid #dddddd; 
        text-align: left; 
        padding: 8px; 
    } 
  
    tr:nth-child(even) { 
        background-color: #dddddd; 
    } 
</style> 
  
<body> 
    <h1>All Patients</h1> 
    <table> 
        <tr> 
            <th>Name</th> 
            <th>Number</th> 
            <th>DOB</th> 
            <th>City</th> 
            <th>Room No.</th> 
        </tr> 
        <% data.forEach(element=> { %> 
            <tr> 
                <td> 
                    <%= element.name %> 
                </td> 
                <td> 
                    <%= element.number %> 
                </td> 
                <td> 
                    <%= element.dob %> 
                </td> 
                <td> 
                    <%= element.city %> 
                </td> 
                <td> 
                    <%= element.roomNo %> 
                </td> 
            </tr> 
        <% }) %> 
    </table> 
</body> 
  
</html>

步骤3: 添加病人到列表中: 对此，我们需要创建一个表单，并使用Body Parser在我们的app.js文件中处理表单数据。

<form action="/" method="post">
    <input type="text" placeholder="Name" name="name">
    <input type="number" placeholder="Number" name="number">
    <input type="text" placeholder="DOB" name="dob">
    <input type="text" placeholder="City" name="city">
    <button type="submit">Add</button>
</form>

在‘app.js’中处理表单数据：我们必须使用req.body.valueName从表单中提取值，然后按照对象的形式进行整理，并将其推入我们的病人数组中。

app.post("/", (req, res) => {
    const name = req.body.name
    const number = req.body.number
    const dob = req.body.dob
    const city = req.body.city
    if (patients.length < availableBeds) {
        const roomNo = patients.length + 1;

        patients.push({
            name: name,
            number: number,
            dob: dob,
            city: city,
            roomNo: roomNo
        })

        res.render("home", {
            data: patients
        })
    } 
    else {
        res.send("No room available");
    }
})

只有在有空床位的情况下，我们才会推送患者，如果没有，就简单地返回 没有空房间 的消息。

步骤4：出院患者： 更新网页并提供出院选项：我们需要创建一个表单，将想要出院的患者姓名发送到服务器文件’app.js’。

<form action="/discharge" method="post">
    <input type="text" style="display: none;" 
        name="name" value="<%= element.name %>">
        <button type="submit">Discharge</button>
</form>

对于出院患者，我们必须创建一个出院路线，在其中我们将获取请求的患者姓名并搜索具有相同姓名的患者，并删除该元素。

app.post('/discharge', (req, res) => {
   var name = req.body.name;
   var j = 0;
   patients.forEach(patient => {
       j = j + 1;
       if (patient.name == name) {
           patients.splice((j - 1), 1)
       }
   })
   res.render("home", {
       data: patients
   })
})

完整代码:

app.js

const express = require('express') 
const bodyParser = require('body-parser') 
const patients = [{ 
    name: 'Aditya', 
    number: '8175826846', 
    dob: '29/09/2001', 
    city: 'Mirzapur', 
    roomNo: '1', 
}] 
const availableBeds = 2; 
  
const app = express() 
  
app.set('view engine', 'ejs') 
  
app.use(bodyParser.json()); 
app.use(bodyParser.urlencoded({ 
    extended: true
})) 
  
app.get("/", function (req, res) { 
    res.render("home", { 
        data: patients 
    }) 
}) 
  
app.post("/", (req, res) => { 
    const name = req.body.name 
    const number = req.body.number 
    const dob = req.body.dob 
    const city = req.body.city 
    if (patients.length < availableBeds) { 
        const roomNo = patients.length + 1; 
  
        patients.push({ 
            name: name, 
            number: number, 
            dob: dob, 
            city: city, 
            roomNo: roomNo 
        }) 
  
        res.render("home", { 
            data: patients 
        }) 
    }  
    else { 
        res.send("No room available"); 
    } 
}) 
  
app.post('/discharge', (req, res) => { 
    var name = req.body.name; 
  
    var j = 0; 
    patients.forEach(patient => { 
        j = j + 1; 
        if (patient.name == name) { 
            patients.splice((j - 1), 1) 
        } 
    }) 
  
    res.render("home", { 
        data: patients 
    }) 
}) 
  
app.listen(3000, (req, res) => { 
    console.log("App is running on port 3000") 
})

home.ejs

<!DOCTYPE html> 
<html> 
  
<head> 
    <title>HMS</title> 
</head> 
<style> 
    table { 
      font-family: arial, sans-serif; 
      border-collapse: collapse; 
      width: 100%; 
    } 
    
    td, 
    th { 
      border: 1px solid #dddddd; 
      text-align: left; 
      padding: 8px; 
    } 
    
    tr:nth-child(even) { 
      background-color: #dddddd; 
    } 
    
  </style> 
  
<body> 
    <h1>All Patients</h1> 
    <table> 
        <tr> 
          <th>Name</th> 
          <th>Number</th> 
          <th>DOB</th> 
          <th>City</th> 
          <th>Room No.</th> 
          <th>Discharge</th> 
        </tr> 
    <% data.forEach(element=> { %> 
        <tr> 
            <td><%= element.name %></td> 
            <td><%= element.number %></td> 
            <td><%= element.dob %></td> 
            <td><%= element.city %></td> 
            <td><%= element.roomNo %></td> 
            <td> 
                <form action="/discharge" method="post"> 
                    <input type="text" style="display: none;" 
                           name="name" value="<%= element.name %>"> 
                    <button type="submit">Discharge</button> 
                  </form> 
            </td> 
          </tr> 
          <% }) %> 
        </table> 
    <h1>Add Patient</h1> 
  
    <form action="/" method="post"> 
        <input type="text" placeholder="Name" name="name"> 
        <input type="number" placeholder="Number" name="number"> 
        <input type="text" placeholder="DOB" name="dob"> 
        <input type="text" placeholder="City" name="city"> 
        <button type="submit">Add</button> 
    </form> 
</body> 
  
</html>

运行该应用的步骤： 在终端内输入运行脚本的命令。

node app.js

输出：

Node.js 如何构建医院管理系统

Python教程

Python 教程

Python 教程
Tkinter 教程

Tkinter 教程
Pandas 教程

Pandas 教程
NumPy 教程

NumPy 教程
Flask 教程

Flask 教程
Django 教程

Django 教程
PySpark 教程

PySpark 教程
wxPython 教程

wxPython 教程
SymPy 教程

SymPy 教程
Seaborn 教程

Seaborn 教程
SciPy 教程

SciPy 教程
RxPY 教程

RxPY 教程
Pycharm 教程

Pycharm 教程
Pygame 教程

Pygame 教程
PyGTK 教程

PyGTK 教程
PyQt 教程

PyQt 教程
PyQt5 教程

PyQt5 教程
PyTorch 教程

PyTorch 教程
Matplotlib 教程

Matplotlib 教程
Web2py 教程

Web2py 教程
BeautifulSoup 教程

BeautifulSoup 教程

Java教程

Java 教程

Java 教程

Web教程

HTML 教程

HTML 教程
CSS 教程

CSS 教程
CSS3 教程

CSS3 教程
jQuery 教程

jQuery 教程
Ajax 教程

Ajax 教程
AngularJS 教程

AngularJS 教程
TypeScript 教程

TypeScript 教程
WordPress 教程

WordPress 教程
Laravel 教程

Laravel 教程
Next.js 教程

Next.js 教程
PhantomJS 教程

PhantomJS 教程
Three.js 教程

Three.js 教程
Underscore.JS 教程

Underscore.JS 教程
WebGL 教程

WebGL 教程
WebRTC 教程

WebRTC 教程
VueJS 教程

VueJS 教程

数据库教程

SQL 教程

SQL 教程
MySQL 教程

MySQL 教程
MongoDB 教程

MongoDB 教程
PostgreSQL 教程

PostgreSQL 教程
SQLite 教程

SQLite 教程
Redis 教程

Redis 教程
MariaDB 教程

MariaDB 教程

图形图像教程

Vulkan 教程

Vulkan 教程
OpenCV 教程

OpenCV 教程

大数据教程

R语言 教程

R语言 教程

开发工具教程

Git 教程

Git 教程
VSCode 教程

VSCode 教程
Docker 教程

Docker 教程
Gerrit 教程

Gerrit 教程
Excel 教程

Excel 教程

计算机教程

Go语言 教程

Go语言 教程
C++ 教程

C++ 教程

Node.js 精品教程