前言
前端开发已经成为了当今最热门的职业之一，而 Web 应用程序则是前端开发的重要组成部分。本文将介绍如何使用 Express.js 和 PostgreSQL 构建 Web 应用程序，以及如何实现数据的存储和访问。
Express.js
Express.js 是一个流行的 Node.js Web 框架，它提供了一系列的功能和工具，包括路由、中间件、模板引擎等。使用 Express.js 可以很方便地构建 Web 应用程序。
安装 Express.js
使用 npm 命令可以很方便地安装 Express.js：
npm install express
创建 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 等。
app.set('view engine', 'ejs')
app.get('/', (req, res) => {
res.render('index', { title: 'Express.js' })
})这段代码使用 EJS 模板引擎，将数据和模板结合起来，生成最终的 HTML 页面。在模板中，可以使用 <%= %> 语法插入变量。
PostgreSQL
PostgreSQL 是一种强大的关系型数据库管理系统，它支持多种数据类型、复杂查询和事务处理等功能。使用 PostgreSQL 可以很方便地存储和访问数据。
安装 PostgreSQL
PostgreSQL 可以通过官方网站下载并安装：
https://www.postgresql.org/download/
创建数据库
使用 PostgreSQL 命令行工具可以创建数据库：
createdb mydatabase
连接数据库
使用 Node.js 的 pg 模块可以连接到 PostgreSQL 数据库：
-- -------------------- ---- ------- ----- - ---- - - ------------- ----- ---- - --- ------ ----- ----------- ----- ------------ --------- ------------- --------- ------------- ----- ----- -- ------------------ ------- ----- ---- -- - ---------------- ---- ---------- --
这段代码创建了一个连接池，并查询了当前时间。可以通过修改连接参数来连接不同的数据库。
查询数据
使用 PostgreSQL 可以很方便地查询数据，支持多种查询语句和条件。
pool.query('SELECT * FROM users', (err, res) => {
console.log(err, res.rows)
})这段代码查询了 users 表中的所有数据，并输出到控制台。
插入数据
使用 PostgreSQL 可以很方便地插入数据，支持多种数据类型和条件。
const user = { name: 'John', email: 'john@example.com' }
pool.query('INSERT INTO users (name, email) VALUES ($1, $2)', [user.name, user.email], (err, res) => {
console.log(err, res)
})这段代码插入了一个新用户到 users 表中。
构建 Web 应用程序
使用 Express.js 和 PostgreSQL 可以很方便地构建 Web 应用程序，包括数据的存储和访问。
-- -------------------- ---- -------
----- ------- - ------------------
----- - ---- - - -------------
----- ---- - --- ------
----- -----------
----- ------------
--------- -------------
--------- -------------
----- -----
--
----- --- - ---------
------------- -------- ------
------------ ----- ---- -- -
------------------ - ---- ------- ----- ------- -- -
-- ----- -
----------------
------ -----------------
-
------------------- - ------ ----------- --
--
--
---------------- -- -- -
-------------------- --- --------- -- ---- -------
--这段代码创建了一个 Express.js 应用程序，并连接到 PostgreSQL 数据库。当用户访问根路径时，会查询 users 表中的所有数据，并渲染到 index.ejs 模板中。
总结
使用 Express.js 和 PostgreSQL 可以很方便地构建 Web 应用程序，包括路由、中间件、模板引擎和数据的存储和访问。希望本文能够对前端开发者有所帮助，并提供一些指导和学习意义。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65fed622d10417a222a0ad2a