在前端开发中，页面之间的跳转是必不可少的功能。Express.js 是一个流行的 Node.js Web 框架，它提供了一种简单而强大的方式来实现页面之间的跳转。在本文中，我们将介绍如何使用 Express.js 中的路由实现不同页面之间的跳转，并提供示例代码和指导意义。
Express.js 路由
在 Express.js 中，路由是一种机制，它定义了客户端请求的 URL 如何映射到服务器端的处理程序。通过路由，我们可以将不同的 URL 映射到不同的处理程序，从而实现页面之间的跳转。Express.js 的路由系统基于 HTTP 方法和 URL，可以使用 GET、POST、PUT、DELETE 等方法来处理不同的 URL 请求。
实现页面之间的跳转
在 Express.js 中，我们可以使用 res.redirect() 方法来实现页面之间的跳转。该方法接受一个 URL 参数，表示要跳转到的页面的 URL。当客户端访问当前页面时，服务器会将其重定向到指定的 URL，从而实现页面之间的跳转。例如，我们可以在服务器端的处理程序中使用 res.redirect() 方法来实现跳转：
app.get('/home', function(req, res) {
res.redirect('/about');
});上述代码表示当客户端访问 /home URL 时，服务器会将其重定向到 /about URL，从而实现页面之间的跳转。
路由参数
在 Express.js 中，我们还可以使用路由参数来实现动态 URL，从而实现更加灵活的页面之间的跳转。路由参数是 URL 中的一部分，它以冒号（:）开头，表示该部分是一个变量。我们可以在处理程序中使用 req.params 对象来获取路由参数的值。例如，我们可以定义一个路由参数为 id 的路由，并在处理程序中获取其值：
app.get('/users/:id', function(req, res) {
var id = req.params.id;
res.send('User ID: ' + id);
});上述代码表示当客户端访问 /users/123 URL 时，服务器会将其解析为 /users/:id 路由，并将路由参数 id 的值设置为 123。在处理程序中，我们可以使用 req.params.id 来获取其值，并将其用于后续的处理逻辑。
示例代码
下面是一个使用 Express.js 中的路由实现页面之间的跳转的示例代码：
-- -------------------- ---- ------- --- ------- - ------------------- --- --- - ---------- -- ---- ------------ ------------- ---- - -------------- ------- --- ----------------- ------------- ---- - --------------- ------- --- ------------------- ------------- ---- - ----------------- ------- --- -- --------- ----------------------- ------------- ---- - ----------------------- --- ------------------------- ------------- ---- - ------------------------- --- -- ---------- --- --------------------- ------------- ---- - --- -- - -------------- -------------- --- - - ---- --- -- ----- ---------------- ---------- - ------------------- -- --------- -- ---- ------- ---
上述代码定义了三个路由：/、/about 和 /contact，分别表示主页、关于页面和联系页面。然后，我们使用 res.redirect() 方法实现了 /go-to-about 和 /go-to-contact 路由，分别表示跳转到关于页面和联系页面。最后，我们使用路由参数实现了 /users/:id 路由，表示获取指定用户的信息。
指导意义
使用 Express.js 中的路由实现页面之间的跳转，是一种简单而强大的方式，它可以帮助我们实现不同页面之间的跳转。在实际开发中，我们可以根据具体的需求，使用不同的路由实现不同的功能。例如，我们可以使用路由参数实现动态 URL，从而实现更加灵活的页面之间的跳转。同时，在编写代码时，我们应该注重代码的规范性和可读性，使用合适的命名和注释，使代码易于理解和维护。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67d37a0ca941bf71346984f1
