前言
Express.js 是一个基于 Node.js 平台的 web 框架，它可以快速构建高度可扩展的 web 应用程序。Express.js 通过简直的 API 设计，强大的中间件架构和灵活的路由机制而获得了广泛的关注和使用。在本文中，我们将使用 Express.js 框架，开发一个实现用户注册登录、用户管理、图片上传等功能的 web 应用程序。
环境准备
在开始本篇教程之前，我们需要安装 Node.js 和 npm，这样我们才能够下载并使用 Express.js 框架和其他必需的模块。安装方式请参照官方文档。
创建项目
为了快速启动 web 应用程序，我们可以使用 Express 应用程序生成器。运行以下命令，生成一个 Express 应用程序：
$ npm install express-generator -g $ express myapp --view=ejs $ cd myapp $ npm install
其中，--view=ejs 参数指定了模板引擎为 EJS。如果你想使用其他模板引擎，可以使用 -h 查看帮助。
现在，我们已经成功生成了一个 Express 应用程序，并安装了所有必需的依赖。
路由设置
路由是实现一个 web 应用程序的基本，它定义了如何处理请求并响应哪些内容。在 Express.js 中，我们可以通过 app 对象来定义路由。下面是一个简单的路由定义：
-- -------------------- ---- ------- ----- ------- - ------------------ ----- --- - --------- -- --- ---- ------------ ----- ---- -- - --------------- -------- -- -- ---- ---- ------------- ----- ---- -- - ------------- - ---- --------- -- -- --- ---- ---------------- ----- ---- -- - ------------- - --- ------- -- ------- -- -- ------ ---- ------------------- ----- ---- -- - ------------- - ------ ------- -- ------- --
以上代码定义了四个路由函数，分别处理了 GET、POST、PUT、DELETE 请求。
用户注册登录
我们可以通过路由来实现用户注册登录的功能。首先，我们需要创建一个用户注册页面和一个用户登录页面，使用 EJS 模板引擎来渲染页面。创建 views 目录，然后在其中创建 register.ejs 和 login.ejs。
register.ejs:
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
-----------------------
-------
------
-----------------
----- ------------------------ --------------
------ ----------- --------------- ---------------------- ---------
------ ------------ ------------ ------------------- ---------
------ --------------- --------------- ---------------------- ---------
------- -------------------------------
-------
-------
-------login.ejs:
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
--------------------
-------
------
--------------
----- --------------------- --------------
------ ----------- --------------- ---------------------- ---------
------ --------------- --------------- ---------------------- ---------
------- ----------------------------
-------
-------
-------在 app.js 中，我们可以定义 register 和 login 的路由，并使用 body-parser 中间件来解析请求体中的数据。以下是示例代码：
-- -------------------- ---- ------- ----- ------- - ------------------ ----- ---------- - ---------------------- ----- --- - --------- -- -- ----------- --- -------------------------- ------------------------------- --------- ---- --- -- ------ -------------------------- ----- ---- -- - ---------------------- -- --------------------------- ----- ---- -- - -- -------- -- -- ------ ----------------------- ----- ---- -- - ------------------- -- ------------------------ ----- ---- -- - -- -------- --
用户管理
在本篇教程中，我们使用 Mongoose 作为数据存储工具。我们可以定义用户模型，然后使用它来操作用户数据。以下是示例代码：
-- -------------------- ---- ------- ----- -------- - ------------------- -- ------ ----- ---------- - --- ----------------- --------- ------- ------ ------- --------- ------ -- ----- ---- - ---------------------- -----------
在用户注册路由中，我们可以创建新用户并将其保存到数据库中。以下是示例代码：
-- -------------------- ---- -------
--------------------------- ----- ----- ---- -- -
----- - --------- ------ -------- - - --------
--- -
-- -----
----- ---- - --- ------ --------- ------ -------- --
-- ---------
----- -----------
---------------------- ---------
- ----- ----- -
---------------------- --------
-
--在用户登录路由中，我们可以查询数据库中是否存在匹配的用户名和密码。以下是示例代码：
-- -------------------- ---- -------
------------------------ ----- ----- ---- -- -
----- - --------- -------- - - --------
--- -
-- --------
----- ---- - ----- -------------- --------- -------- --
-- ------ -
--------------- ------------
- ---- -
------------------- -------- -- ----------
-
- ----- ----- -
--------------- --------
-
--在用户管理中，我们可以使用 Express.js 中间件来实现用户权限控制。下面是一个简单的示例代码：
-- -------------------- ---- -------
-- -------
----- ------------ - ----- ---- ----- -- -
----- ---- - ----------------
-- ------ -
------
- ---- -
----------------------------
-
-
-- ------
----------------- ------------- ----- ----- ---- -- -
----- ----- - ----- -----------
------------------- - ----- --
--在上面的代码中，requireLogin 中间件会检查用户是否登录。如果用户登录了，那么就继续执行下一个中间件；如果用户没有登录，就重定向到登录页面。
图片上传
在 web 应用程序中，图片上传是一个常见的功能。可以使用 multer 中间件来处理上传的图片，然后将其保存到服务器上。
以下是示例代码：
-- -------------------- ---- -------
----- ------ - -----------------
-- -- ------ ---
----- ------- - --------------------
------------ ----- ----- --- -- -
-------- -----------
--
--------- ----- ----- --- -- -
----- --- - ---------------------------
-------- ---------- - --- - ----
-
--
----- ------ - -------- ------- --
-- ------
------------------- ----------------------- ----- ---- -- -
---------------- ---------
--上传文件的路由和其他路由的区别在于，需要使用 multer 中间件来处理上传的文件。在上面的代码中，upload.single('image') 表示只处理名为 image 的文件。可以根据需要修改该参数。
总结
本篇教程介绍了如何使用 Express.js 框架开发一个实现用户注册登录、用户管理、图片上传等功能的 web 应用程序。我们可以使用路由来定义请求处理，使用 Mongoose 作为数据存储工具来处理用户数据，使用中间件来实现用户权限控制等功能。通过本篇教程的学习，相信读者已经对如何使用 Express.js 开发 web 应用程序有了一定的了解。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/649adda448841e98947cd096