使用 Express.js 和 PostgreSQL 构建 Web 应用程序的完整指南

前言

前端开发已经成为了当今最热门的职业之一,而 Web 应用程序则是前端开发的重要组成部分。本文将介绍如何使用 Express.js 和 PostgreSQL 构建 Web 应用程序,以及如何实现数据的存储和访问。

Express.js

Express.js 是一个流行的 Node.js Web 框架,它提供了一系列的功能和工具,包括路由、中间件、模板引擎等。使用 Express.js 可以很方便地构建 Web 应用程序。

安装 Express.js

使用 npm 命令可以很方便地安装 Express.js:

--- ------- -------

创建 Express.js 应用程序

创建一个 Express.js 应用程序非常简单,只需要几行代码:

----- ------- - ------------------
----- --- - ---------

------------ ----- ---- -- -
  --------------- --------
--

---------------- -- -- -
  -------------------- --- --------- -- ---- -------
--

这段代码创建了一个 Express.js 应用程序,并在 3000 端口上监听请求。当用户访问根路径时,会返回一个字符串 "Hello World!"。

路由

路由是指根据不同的 URL 请求,返回不同的响应结果。使用 Express.js 可以很方便地实现路由功能。

----------------- ----- ---- -- -
  ------------- --- -------
--

------------------ ----- ---- -- -
  ---------------- - --- ------
--

--------------------- ----- ---- -- -
  ---------------- ---- ------------------
--

------------------------ ----- ---- -- -
  ---------------- ---- ------------------
--

这段代码实现了四个路由:获取所有用户、创建新用户、更新用户和删除用户。其中,使用了动态路由,即路由的参数通过 URL 传递。

中间件

中间件是指在请求到达目标路由之前,对请求进行一些处理的函数。Express.js 支持多个中间件,可以按照顺序依次执行。

----- ------------- - ----- ---- ----- -- -
  ------------------- ---------------------- ------------- ------------
  ------
-

----------------------

------------ ----- ---- -- -
  --------------- --------
--

这段代码实现了一个简单的中间件,用于记录请求的时间、方法和 URL。使用 app.use() 函数将中间件添加到应用程序中。

模板引擎

模板引擎是指将数据和 HTML 模板结合起来,生成最终的 HTML 页面的工具。Express.js 支持多种模板引擎,包括 EJS、Pug、Handlebars 等。

------------- -------- ------

------------ ----- ---- -- -
  ------------------- - ------ ------------ --
--

这段代码使用 EJS 模板引擎,将数据和模板结合起来,生成最终的 HTML 页面。在模板中,可以使用 <%= %> 语法插入变量。

PostgreSQL

PostgreSQL 是一种强大的关系型数据库管理系统,它支持多种数据类型、复杂查询和事务处理等功能。使用 PostgreSQL 可以很方便地存储和访问数据。

安装 PostgreSQL

PostgreSQL 可以通过官方网站下载并安装:

https://www.postgresql.org/download/

创建数据库

使用 PostgreSQL 命令行工具可以创建数据库:

-------- ----------

连接数据库

使用 Node.js 的 pg 模块可以连接到 PostgreSQL 数据库:

----- - ---- - - -------------

----- ---- - --- ------
  ----- -----------
  ----- ------------
  --------- -------------
  --------- -------------
  ----- -----
--

------------------ ------- ----- ---- -- -
  ---------------- ----
  ----------
--

这段代码创建了一个连接池,并查询了当前时间。可以通过修改连接参数来连接不同的数据库。

查询数据

使用 PostgreSQL 可以很方便地查询数据,支持多种查询语句和条件。

------------------ - ---- ------- ----- ---- -- -
  ---------------- ---------
--

这段代码查询了 users 表中的所有数据,并输出到控制台。

插入数据

使用 PostgreSQL 可以很方便地插入数据,支持多种数据类型和条件。

----- ---- - - ----- ------- ------ ------------------ -

------------------ ---- ----- ------ ------ ------ ---- ----- ----------- ------------ ----- ---- -- -
  ---------------- ----
--

这段代码插入了一个新用户到 users 表中。

构建 Web 应用程序

使用 Express.js 和 PostgreSQL 可以很方便地构建 Web 应用程序,包括数据的存储和访问。

----- ------- - ------------------
----- - ---- - - -------------

----- ---- - --- ------
  ----- -----------
  ----- ------------
  --------- -------------
  --------- -------------
  ----- -----
--

----- --- - ---------

------------- -------- ------

------------ ----- ---- -- -
  ------------------ - ---- ------- ----- ------- -- -
    -- ----- -
      ----------------
      ------ -----------------
    -
    ------------------- - ------ ----------- --
  --
--

---------------- -- -- -
  -------------------- --- --------- -- ---- -------
--

这段代码创建了一个 Express.js 应用程序,并连接到 PostgreSQL 数据库。当用户访问根路径时,会查询 users 表中的所有数据,并渲染到 index.ejs 模板中。

总结

使用 Express.js 和 PostgreSQL 可以很方便地构建 Web 应用程序,包括路由、中间件、模板引擎和数据的存储和访问。希望本文能够对前端开发者有所帮助,并提供一些指导和学习意义。

来源:JavaScript中文网 ,转载请注明来源 本文地址:https://www.javascriptcn.com/post/65fed622d10417a222a0ad2a