在当今数字化的时代，电子商务已经成为人们购物的主要方式。作为前端开发者，我们需要掌握一些技术来构建一个完全功能的电子商务网站。在本文中，我们将使用 Node.js 和 Express.js 来构建电子商务网站，并提供一些有用的示例代码。
准备工作
在开始之前，我们需要安装 Node.js 和 Express.js。你可以通过以下方式安装它们：
- 在 Node.js 官网 上下载并安装 Node.js。安装完成后，你可以在命令行中输入
node -v来检查是否已经正确安装。 - 在命令行中输入以下命令来安装 Express.js：
npm install express --save
在这里，--save 选项将 Express.js 添加到你的 package.json 文件中，以便你可以随时恢复你的应用程序所需的软件包。
构建电子商务网站
在本文中，我们将构建一个简单的电子商务网站。我们将从创建服务器开始并处理 GET 请求。接着，我们将创建一个产品列表页面，并通过 MongoDB 存储所有产品信息。最后，我们将在网站上添加一个购物车和结算等功能。
创建服务器
我们需要在 app.js 文件中创建服务器。以下是一个模板：
const express = require('express');
const app = express();
app.listen(3000, () => {
console.log('Server started on port 3000');
});在这个模板中，我们使用了 Express.js 构建了一个服务器，并且将其监听在端口号为 3000 的地址上。现在，我们可以通过在命令行中输入 node app.js 的命令来启动它。
处理 GET 请求
当用户访问网站时，我们需要向他们提供一些信息。我们可以使用 Express.js 的 get() 方法来处理返回的页面数据。以下是一个基本的示例：
app.get('/', (req, res) => {
res.send('Hello world!');
});在这个示例中，我们定义了一个 GET 请求并将其路由到根路径上。我们还使用了 send() 方法向用户发送一条简单的消息。
创建产品列表页面
我们需要创建一个产品列表页面。在本文中，我们将使用 MongoDB 存储所有产品信息，并通过 Mongoose 进行数据建模和查询。以下是一个基本的产品模型：
-- -------------------- ---- -------
----- -------- - --------------------
----- ------------- - --- -----------------
----- -
----- -------
--------- ----
--
------------ -
----- -------
--------- ----
--
------ -
----- -------
--------- ----
-
---
----- ------- - ------------------------- ---------------
-------------- - --------在这个模型中，我们使用了 Mongoose 来创建了一个名为 Product 的数据模型，并定义了一些产品属性，如名称、描述和价格。
下一步，我们需要创建一个路由，以便在产品列表中显示这些产品信息。以下是一个基本的路由示例：
-- -------------------- ---- ------- ----- ------- - ------------------- ----- ------ - ----------------- ----- ------- - ----------------------------- --------------- ----- ----- ---- -- - ----- -------- - ----- ----------------- ---------------------- - -------- --- --- -------------- - -------
在这个示例中，我们定义了一个 GET 请求，并使用 Product 模型从 MongoDB 中获取所有产品信息。然后，我们使用 render() 方法来渲染产品列表视图，并将产品信息作为数据传递。
我们可以在 app.js 文件中定义这个路由：
const productsRouter = require('./routes/products');
app.use('/products', productsRouter);在这个模板中，我们使用了 use() 方法来使用 productsRouter 对象作为 /products 路径的中间件。现在我们可以访问 /products 路径并在产品列表中查看所有产品信息。
添加购物车和结算等功能
最后，我们需要在电子商务网站上添加购物车和结算等功能。在本文中，我们将使用 Mongoose 和 Express-session 实现这些功能。以下是一个基本的购物车模型：
-- -------------------- ---- -------
----- -------- - --------------------
----- ---------- - --- -----------------
------ -
-
---------- -
----- -------------------------------
---- ----------
--------- ----
--
--------- -
----- -------
--------- -----
-------- -
-
-
-
---
----------------------------- - ----------------- -
----- ------------- - ----------------------- -- -
------ ----------------------- --- -----------------------
---
--- ----------- - --
----- ------------ - ----------------
-- -------------- -- -- -
----------- - ---------------------------------- - --
------------------------------------ - ------------
- ---- -
-------------------
---------- ------------
--------- -----------
---
-
----- ----------- - -
------ ------------
--
---------- - -------------
------ ------------
--
-------------------------------- - ------------------- -
----- ------------ - ---------------------- -- -
------ ------------------------- --- ---------------------
---
---------- - -------------
------ ------------
--
----- ---- - ---------------------- ------------
-------------- - -----在这个模型中，我们使用了 Mongoose 来创建了一个名为 Cart 的数据模型，并定义了购物车中所有产品所需的属性。我们还添加了两个方法，addProduct() 和 deleteProduct()，以便向购物车添加和删除产品。
在 app.js 文件中，我们需要使用 Express-session 作为中间件来实现购物车功能：
-- -------------------- ---- -------
----- ------- - ---------------------------
--------
---------
------- --- --------
------- ------
------------------ -----
--
--在这个模板中，我们使用了 session() 方法来配置 Express-session，以便将购物车信息存储在会话中。
最后，我们需要在购物车中添加产品和删除产品。以下是一个基本的路由示例：
-- -------------------- ---- ------- ----- ------- - ------------------- ----- ------ - ----------------- ----- ------- - ----------------------------- ----- ---- - -------------------------- ------------------------------ ----- ----- ---- -- - ----- --------- - -------------- ----- ------- - ----- ---------------------------- ----- ---- - --- --------------------- - ---------------- - ---- ------------------------- ---------------- - ----- ---------------------- --- ----------------------------------- ----- ----- ---- -- - ----- --------- - -------------- ----- ---- - --- --------------------- - ---------------- - ---- ------------------------------ ---------------- - ----- ---------------------- --- -------------- - -------
在这个示例中，我们定义了两个路由，用于向购物车中添加和删除产品。我们使用了 findById() 方法从 MongoDB 中获取产品信息，并使用 Cart 模型将物品添加到购物车中。最后，我们将购物车信息存储在会话中，并通过 redirect() 方法将用户重定向到购物车页面。
结论
使用 Node.js 和 Express.js 来构建电子商务网站是一项非常有用的技能。通过掌握这些技术，我们可以轻松地创建一个完全功能的电子商务网站，并让用户在一个友好、安全的平台上购物。在本文中，我们提供了一些有用的示例代码，以帮助你更好地了解如何使用 Node.js 和 Express.js 来构建电子商务网站。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/66ef7d326fbf9601972f7eb6