parent
937b95a50f
commit
f65e6da164
@ -1,63 +1,26 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>菜品列表</title>
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
|
||||
<title>Main Page</title>
|
||||
</head>
|
||||
<body>
|
||||
{% for dish in dishes %}
|
||||
<div>
|
||||
<h3>{{ dish.DishName }}</h3>
|
||||
<h2>{{ dish.DishName }}</h2>
|
||||
<p>收藏数: {{ dish.CollectNumber }}</p>
|
||||
<p>点赞数: <span id="likeNumber_{{ dish.DishID }}">{{ dish.LikeNumber }}</span></p>
|
||||
<a href="{{ dish.WebLink }}">查看详情</a>
|
||||
<button class="like-btn" data-dish="{{ dish.DishName }}">点赞</button>
|
||||
<button class="collect-btn" data-dish="{{ dish.DishName }}">收藏</button>
|
||||
<p>点赞数:<span class="like-number">{{ dish.LikeNumber }}</span></p>
|
||||
<p>收藏数:<span class="collect-number">{{ dish.CollectNumber }}</span></p>
|
||||
</div>
|
||||
<button onclick="likeDish({{ dish.DishID }})">点赞</button>
|
||||
{% endfor %}
|
||||
|
||||
<button id="refresh-btn">刷新</button>
|
||||
|
||||
<script>
|
||||
var page = 1; // 当前页数
|
||||
|
||||
// 加载菜品数据
|
||||
function loadDishes() {
|
||||
$.ajax({
|
||||
url: '/mainpage/',
|
||||
type: 'GET',
|
||||
data: { 'page': page },
|
||||
success: function(response) {
|
||||
// 清空原有数据
|
||||
$('div').remove();
|
||||
|
||||
// 添加新的菜品数据
|
||||
for (var i = 0; i < response.dishes.length; i++) {
|
||||
var dish = response.dishes[i];
|
||||
var dishHtml = '<div>' +
|
||||
'<h3>' + dish.DishName + '</h3>' +
|
||||
'<a href="' + dish.WebLink + '">查看详情</a>' +
|
||||
'<button class="like-btn" data-dish="' + dish.DishName + '">点赞</button>' +
|
||||
'<button class="collect-btn" data-dish="' + dish.DishName + '">收藏</button>' +
|
||||
'<p>点赞数:<span class="like-number">' + dish.LikeNumber + '</span></p>' +
|
||||
'<p>收藏数:<span class="collect-number">' + dish.CollectNumber + '</span></p>' +
|
||||
'</div>';
|
||||
$('body').append(dishHtml);
|
||||
}
|
||||
}
|
||||
});
|
||||
function likeDish(dishId) {
|
||||
fetch(`/like_dish/${dishId}/`)
|
||||
.then(response => response.json())
|
||||
.then(data => {
|
||||
const likeNumberElement = document.getElementById(`likeNumber_${dishId}`);
|
||||
likeNumberElement.textContent = data.likeNumber;
|
||||
});
|
||||
}
|
||||
|
||||
// 刷新按钮点击事件
|
||||
$('#refresh-btn').click(function() {
|
||||
page++; // 增加页数
|
||||
loadDishes();
|
||||
});
|
||||
|
||||
// 页面加载完成后加载第一页菜品数据
|
||||
$(document).ready(function() {
|
||||
loadDishes();
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
Loading…
Reference in new issue