为了实现用户历史浏览记录功能,我们需要在前端页面上添加一些代码来跟踪用户的浏览行为。然后,我们可以将这些数据存储到后端数据库中,以便于稍后检索和查看历史记录。以下是一个简单的示例:
**前端页面(browse_history.html)**
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Browse History</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<h2>Browse History</h2>
<ul id="history_list">
<!-- 历史浏览记录将在这里显示 -->
</ul>
<script>
$(document).ready(function() {
$.ajax({
url: "fetch_history.php",
type: "GET",
success: function(response) {
var history = JSON.parse(response);
for (var i = 0; i < history.length; i++) {
$("#history_list").append("<li>" + history[i] + "</li>");
}
}
});
// 假设用户浏览了一个页面
$.ajax({
url: "add_to_history.php",
type: "POST",
data: {
page: "https://example.com/page"
},
success: function(response) {
// 处理成功响应
}
});
});
</script>
</body>
</html>
<?php
session_start();
if (!isset($_SESSION['username'])) {
echo "[]"; // 如果用户未登录,返回空数组
exit;
}
header("Content-Type: application/json; charset=utf-8");
// 在这里,你应该连接到数据库并检索用户的历史浏览记录。
// 假设我们有一个名为 "user_history" 的表格,它存储了每个用户的访问记录。
$username = $_SESSION['username'];
$query = "SELECT * FROM user_history WHERE username='{$username}'";
$result = mysqli_query($conn, $query);
if ($result) {
$history = array();
while ($row = mysqli_fetch_assoc($result)) {
$history[] = $row['page'];
}
echo json_encode($history);
} else {
echo "[]";
}