设计一个程序,使用Cookie技术实现显示用户上次访问时间的功能
时间: 2024-10-05 22:02:49 浏览: 44
php使用cookie显示用户上次访问网站日期的方法
设计一个使用Cookie技术来显示用户上次访问时间的简单Web应用程序可以分为以下几个步骤:
1. **创建服务器端脚本** (例如PHP, Node.js):
```php
// PHP示例
session_start();
$lastVisit = date("Y-m-d H:i:s");
$_SESSION['last_visit'] = $lastVisit;
// 存储Cookie
setcookie('last_visit', $lastVisit, time() + (86400 * 30), '/'); //有效期30天
```
或者
```javascript
// Node.js示例 (Express框架)
const express = require('express');
const app = express();
app.use((req, res, next) => {
if ('last_visit' in req.cookies) {
req.session.lastVisit = req.cookies.last_visit;
}
next();
});
// 当有请求时更新并存储Cookie
app.get('/', (req, res) => {
const lastVisit = new Date().toISOString();
res.cookie('last_visit', lastVisit, { expires: new Date(Date.now() + 24 * 60 * 60 * 1000) });
res.send(`Last visit: ${lastVisit}`);
});
```
2. **前端显示**:
在HTML中,你可以通过JavaScript读取Cookie值并显示:
```html
<script>
document.addEventListener('DOMContentLoaded', function() {
const cookie = getCookie('last_visit');
if (cookie) {
document.getElementById('last-visit').innerText = cookie;
} else {
document.getElementById('last-visit').innerText = 'Never visited';
}
});
function getCookie(name) {
const cookies = document.cookie.split(';');
for (let i = 0; i < cookies.length; i++) {
let cookiePair = cookies[i].trim();
if (cookiePair.startsWith(name + '=')) return decodeURIComponent(cookiePair.slice(name.length + 1));
}
return null;
}
</script>
<p id="last-visit"></p>
```
每次用户访问页面,程序会检查是否有`last_visit` Cookie,如果有则显示其内容,如果没有则显示“从未访问”。
阅读全文