📅  最后修改于: 2023-12-03 15:30:41.248000             🧑  作者: Mango
如果你正在开发一个基于 Express JS 的应用程序,并希望能够在页面中添加一个"返回上一级目录"的链接,本文将教你如何轻松实现这一功能。
以下是实现该功能的步骤:
在你的 Express JS 应用程序中,添加一个路由地址,表示将要渲染一个模板。
app.get('/previous', function(req, res) {
res.render('previous');
});
在路由地址所对应的模板文件中,添加以下代码:
<a href="../">返回上一级目录</a>
这里的../
表示返回上一级目录。
启动你的 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 轻松实现"返回上一级目录"功能的步骤如下:
希望本文对你有所帮助!