📜  express js 跳转到上面的目录 - Javascript(1)

📅  最后修改于: 2023-12-03 15:30:41.248000             🧑  作者: Mango

使用 Express JS 跳转到上一级目录

如果你正在开发一个基于 Express JS 的应用程序,并希望能够在页面中添加一个"返回上一级目录"的链接,本文将教你如何轻松实现这一功能。

步骤

以下是实现该功能的步骤:

  1. 在你的 Express JS 应用程序中,添加一个路由地址,表示将要渲染一个模板。

    app.get('/previous', function(req, res) {
        res.render('previous');
    });
    
  2. 在路由地址所对应的模板文件中,添加以下代码:

    <a href="../">返回上一级目录</a>
    

    这里的../表示返回上一级目录。

  3. 启动你的 Express JS 应用程序,访问/previous路由地址,即可在页面中看到"返回上一级目录"的链接了。

示例代码
const express = require('express');
const app = express();

// 设定 Express JS app 的配置项
app.set('views', './views');
app.set('view engine', 'ejs');

// 添加路由地址
app.get('/previous', function(req, res) {
    res.render('previous');
});

// 启动 Express JS app
app.listen(3000, function() {
    console.log('应用程序已启动,访问地址为 http://localhost:3000');
});

./views/previous.ejs文件中添加以下代码:

<!-- 添加返回上一级目录链接 -->
<a href="../">返回上一级目录</a>

现在,访问http://localhost:3000/previous即可看到"返回上一级目录"的链接了。

总结

使用 Express JS 轻松实现"返回上一级目录"功能的步骤如下:

  1. 在 Express JS 应用程序中添加一个路由地址。
  2. 在该路由地址所对应的模板文件中添加"返回上一级目录"的链接。
  3. 访问该路由地址即可查看"返回上一级目录"链接。

希望本文对你有所帮助!