AI 生成: 基于AI的酒店推荐系统，集成地图路线与距离显示，使用Flask后端与Leaflet前端。

2026-10-01 15:18:18 +08:00
commit e3579ee139
6 changed files with 254 additions and 0 deletions
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>AI 酒店推荐</title>
+    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" />
+    <link rel="stylesheet" href="static/css/style.css" />
+</head>
+<body>
+    <div class="container">
+        <header>
+            <h1>🏨 AI 酒店推荐</h1>
+            <p>智能推荐 · 地图看路线 · 距离一目了然</p>
+        </header>
+        <div class="main">
+            <aside class="sidebar">
+                <div class="form-group">
+                    <label>目的地</label>
+                    <input type="text" id="destination" value="上海" placeholder="输入城市">
+                </div>
+                <div class="form-group">
+                    <label>预算（元/晚）</label>
+                    <input type="number" id="budget" value="800" placeholder="如 800">
+                </div>
+                <div class="form-group">
+                    <label>偏好</label>
+                    <div class="checkboxes">
+                        <label><input type="checkbox" value="海景"> 海景</label>
+                        <label><input type="checkbox" value="免费早餐"> 免费早餐</label>
+                        <label><input type="checkbox" value="健身房"> 健身房</label>
+                        <label><input type="checkbox" value="商务中心"> 商务中心</label>
+                        <label><input type="checkbox" value="泳池"> 泳池</label>
+                        <label><input type="checkbox" value="SPA"> SPA</label>
+                    </div>
+                </div>
+                <button id="searchBtn">🔍 智能推荐</button>
+                <div class="hotel-list" id="hotelList">
+                    <p class="placeholder">点击推荐查看结果</p>
+                </div>
+            </aside>
+            <main class="map-container">
+                <div id="map"></div>
+            </main>
+        </div>
+    </div>
+    <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
+    <script src="static/js/main.js"></script>
+</body>
+</html>