前言
前端开发已经成为了当今最热门的职业之一,而 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