介绍
在现代的教育系统中，管理学生信息是一个非常重要的任务。学生信息管理系统能够帮助学校和教师更好地管理学生信息，提高教学效率，便于学生和教师之间的沟通。在本文中，我们将使用 Node.js 和 Express 框架来打造一个简单的学生信息管理系统。
技术栈
- Node.js
- Express
- MongoDB
功能
我们的学生信息管理系统将包括以下功能：
- 添加学生信息
- 删除学生信息
- 修改学生信息
- 查询学生信息
步骤
1. 安装依赖
首先，我们需要安装 Node.js 和 MongoDB。安装完成后，我们需要在项目目录下运行以下命令安装 Express 和其他依赖：
npm install express body-parser mongoose
2. 创建数据库
我们将使用 MongoDB 作为数据库。在本地安装 MongoDB 后，我们需要创建一个数据库和一个集合来存储学生信息。运行以下命令来启动 MongoDB 服务：
mongod
然后，我们可以在命令行中使用以下命令来创建数据库和集合：
mongo
use student_info
db.createCollection("students")3. 创建 Express 应用程序
我们可以使用 Express 应用程序生成器来创建一个基本的 Express 应用程序。在项目目录下运行以下命令：
npx express-generator
然后，我们需要在 app.js 文件中添加以下代码来连接 MongoDB 数据库：
const mongoose = require('mongoose');
mongoose.connect('mongodb://localhost/student_info', { useNewUrlParser: true, useUnifiedTopology: true });4. 创建学生信息模型
在 models 目录下创建一个 student.js 文件，用于定义学生信息模型。我们可以使用 Mongoose 来定义模型：
-- -------------------- ---- ------- ----- -------- - -------------------- ----- ------------- - --- ----------------- ----- ------- ---- ------- ------- ------- ------ ------- ------ ------ --- -------------- - ------------------------- ---------------
5. 创建路由
在 routes 目录下创建一个 students.js 文件，用于定义学生信息的路由。我们可以使用 Express 的路由功能来定义路由：
-- -------------------- ---- -------
----- ------- - -------------------
----- ------ - -----------------
----- ------- - -----------------------------
--------------- ------------- ---- ----- -
---------------- ------------- --------- -
-- ----- ------ ----------
------------------- - --------- -------- ---
---
---
---------------- ------------- ---- ----- -
----- ------- - --- ------------------
-------------------------- -
-- ----- ------ ----------
------------------
---
---
------------------------- ------------- ---- ----- -
---------------------------------------- ------------- -
-- ----- ------ ----------
------------------
---
---
----------------------- ------------- ---- ----- -
------------------------------- ------------- -------- -
-- ----- ------ ----------
------------------ - -------- ------- ---
---
---
------------------------ ------------- ---- ----- -
---------------------------------------- --------- ------------- -
-- ----- ------ ----------
------------------
---
---
-------------- - -------6. 创建视图
在 views 目录下创建以下视图文件：
index.ejs: 显示所有学生信息的列表。add.ejs: 添加学生信息的表单。edit.ejs: 修改学生信息的表单。
index.ejs 文件的代码如下：
-- -------------------- ---- -------
--------- -----
------
------
-------------- ----------- --------------
-------
------
----------- ----------- -----------
----- --------------- ---------------
-------
-------
----
-------------
------------
---------------
--------------
--------------
---------------
-----
--------
-------
-- ---------------------------------- - --
----
------- ------------ -------
------- ----------- -------
------- -------------- -------
------- ------------- -------
------- ------------- -------
----
-- --------------- ----------- ------------
-- ----------------- ----------- --- --------------- ------------ --- ---- --- ---- -- ------ ---- ----------------------
-----
-----
-- --- --
--------
--------
-------
-------add.ejs 文件的代码如下：
-- -------------------- ---- -------
--------- -----
------
------
-------------- ----------- --------------
-------
------
----------- ----------- -----------
------- ------------
----- --------------
------ ------------------------
------ ----------- --------- ----------- -------------
------ ----------------------
------ ------------- -------- ---------- -------------
------ ----------------------------
------ ------------ --------- ------------- ------------ ---------
------ -----------------------
------ ------------ ----------- ------------- -------------- ---------
------ -------------------------------
------ --------------------------
------- ---------- ------------ ---------
------- ------------------
------- ----------------------------------
------- ------------------------------------
------- ------------------------------
------- ------------------------------
-------------
------ --------------------------
------ ----------- ---------- ------------ -------------
------ ------------- ---------------
-------
-------
-------edit.ejs 文件的代码如下：
-- -------------------- ---- -------
--------- -----
------
------
-------------- ----------- --------------
-------
------
----------- ----------- -----------
-------- ------------
----- --------------
------ ------------------------
------ ----------- --------- ----------- ---------- ------------ --- -------------
------ ----------------------
------ ------------- -------- ---------- ---------- ----------- --- -------------
------ ----------------------------
------ ------------ --------- ------------- ------------ --- -------------- --- ------ - --------- - -- -- ---------
------ -----------------------
------ ------------ ----------- ------------- -------------- --- -------------- --- -------- - --------- - -- -- ---------
------ -------------------------------
------ --------------------------
------- ---------- ------------ ---------
------- ------------------
------- ---------------- --- ------------- --- ---------- - ---------- - -- --------------------
------- ----------------- --- ------------- --- ----------- - ---------- - -- ---------------------
------- -------------- --- ------------- --- -------- - ---------- - -- ------------------
------- -------------- --- ------------- --- -------- - ---------- - -- ------------------
-------------
------ --------------------------
------ ----------- ---------- ------------ ---------- ------------- --- -------------
------ ------------- ---------------
-------
-------
-------7. 启动应用程序
最后，在项目目录下运行以下命令来启动应用程序：
npm start
在浏览器中访问 http://localhost:3000，你将看到一个空的学生信息列表。现在你可以使用添加学生信息的表单来添加学生信息，使用编辑和删除链接来修改或删除学生信息。
结论
在本文中，我们使用 Node.js 和 Express 框架来打造了一个简单的学生信息管理系统。通过这个项目，我们学习了如何使用 Express 来创建路由和视图，如何使用 Mongoose 来连接和操作 MongoDB 数据库。这个项目可以作为一个学习和实践 Node.js 和 Express 的好例子，也可以用作一个基础的学生信息管理系统的原型。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6757eab37986361a54270006