在现代化的 Web 应用程序中，网站登录功能是必不可少的。Express 是一种常见的 Web 应用程序框架，而 MongoDB 是一种常见的 NoSQL 数据库。本文将介绍如何使用 Express 和 MongoDB 实现网站登录功能。
准备工作
在开始之前，需要确保已经安装 Node.js 和 npm。可以在命令行中输入以下命令来检查版本：
---- -- --- --
接下来，需要安装以下两个库：
- express
- mongoose
可以使用以下命令来安装：
--- ------- ------- -------- ------
创建 Express 应用程序
可以使用 Express 应用程序生成器来创建一个基本的 Express 应用程序。在命令行中输入以下命令：
------- ----- -- ----- --- -------
接下来，需要修改 app.js 文件，添加一些中间件以及设置一些路由器。以下为示例代码：
--- ------- - -------------------
--- ---- - ----------------
--- ---------- - -----------------------
--- ------------ - -------------------------
--- -------- - --------------------
--- ------- - ---------------------------
--- ---------- - ----------------------------------
--- ------ - --------------------------
--- ----- - --------------------------
--- --- - ----------
----------------------------------------------
--- -- - --------------------
-------------- --------------------------- ----------- ----------
--------------- ---------- -
-------------------- -- -------------
---
-----------------
------- --- --------
------- ------
------------------ ------
------ --- ------------
------------------- --
--
----
------------------------
---------------------------
------------------------------- --------- ----- ----
------------------------------------------- ------------
------------ --------
----------------- -------
--------------------- ---- ----- -
--- --- - --- ---------- --------
---------- - ----
----------
---
--------------------- ---- ---- ----- -
------------------ - ------------
---------------- - ------------------ --- ------------- - --- - ---
--------------------- -- -----
--------------------
---
-------------- - ----创建用户模型
需要创建一个用户模型来管理用户信息。在命令行中创建一个 models 目录，并在该目录下创建一个 user.js 文件。以下为示例代码：
--- -------- - --------------------
--- ------ - ----------------
--- ---------- - --- --------
--------- - ----- ------- ------- ---- --
--------- -------
------ ------
---
--- ---- - ---------------------- ------------
-------------- - -----创建用户路由器
需要创建一个用户路由器来处理用户注册、登录、注销。在命令行中创建一个 routes 目录，并在该目录下创建一个 users.js 文件。以下为示例代码：
--- ------- - -------------------
--- ------ - -----------------
--- ---- - --------------------------
----------------------- ------------- ---- ----- -
---------------------- - ------ ---------- ---
---
------------------------ ------------- ---- ----- -
--- ----- - ------------------
--- --- - ------------------
--- ----- - ---------------
--- ---- - --- ------
--------- ------
--------- ----
------ -----
---
----------------------- -
-- ----- -
-----------------
--------------------------------
- ---- -
----------------- - - ------------- - - -- -----------
-----------------------------
-
---
---
-------------------- ------------- ---- ----- -
------------------- - ------ ------- ---
---
--------------------- ------------- ---- ----- -
--- ----- - ------------------
--- --- - ------------------
-------------- --------- ----- -- ------------- ----- -
-- ----- -
-----------------
-----------------------------
-------
-
-- ------- -
------------------- ---- ----- - - -------
-----------------------------
-------
-
-- ---- --- -------------- -
------------------ -------- --- ----- - - -------
-----------------------------
-------
-
---------------- - -----
----------------- - - ------------- - - -- ------ ------
------------------
---
---
--------------------- ------------- ---- ----- -
---------------- - -----
----------------- -- ------ -------
------------------
---
-------------- - -------创建视图和静态文件
需要创建一些视图和静态文件来渲染用户界面。以下为示例代码：
- register.jade
------- ------
----- -------
--- -----
--------------------------------------------
---
----- ---------
----------------------------------
---
----- ---------
--------------------------------------
---
----- ------
--------------------------------
--------------------- --------- login.jade
------- ------
----- -------
--- -----
-----------------------------------------
---
----- ---------
----------------------------------
---
----- ---------
--------------------------------------
--------------------- ------ layout.jade
------- ----
----
----
------ -----
---------------------- ------------------------------
----
----- -------- style.css
---- - ------------ ------ ---------- ----------- - -- - ------ --------- - ----- - -------- ------ -------------- ---- - ------------------- ----------------------- ------------------- - -------- ------ -------------- ----- - ------ - -------- ------ ----------- ----- -
测试网站登录功能
可以使用以下命令来启动应用程序：
--- -----
在浏览器中访问 http://localhost:3000 即可测试网站登录功能。首先需要注册一个新用户，并登录后才能注销。
总结
本文介绍了如何使用 Express 和 MongoDB 实现网站登录功能。需要创建一个用户模型、一个用户路由器以及视图和静态文件。这些知识对于 Web 开发人员来说非常重要，可以帮助他们更好地理解和处理用户注册和登录过程。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/64c9e74e5ad90b6d0418854b