tangwang / SearchEngine

Blame view

frontend/index.html 2.96 KB
Edit Raw Normal View History
115047ee   tangwang   为一个租户灌入测试数据；实例的启动... 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
  <!DOCTYPE html>
  <html lang="zh-CN">
  <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>电商搜索引擎 - SearchEngine Demo</title>
      <link rel="stylesheet" href="/static/css/style.css">
  </head>
  <body>
      <div class="container">
          <header>
              <h1>🔍 电商搜索引擎</h1>
              <p class="subtitle">E-Commerce Search Engine - Customer1 Demo</p>
          </header>
  
          <div class="search-section">
              <div class="search-box">
                  <input type="text" id="searchInput" placeholder="输入搜索关键词... (支持中文、英文、俄文)"
                         onkeypress="handleKeyPress(event)">
                  <button onclick="performSearch()" class="search-button">搜索</button>
              </div>
  
              <div class="search-options">
115047ee   tangwang   为一个租户灌入测试数据；实例的启动... 
24
25
26
27
28
 
                  <select id="resultSize">
                      <option value="10">10条结果</option>
                      <option value="20">20条结果</option>
                      <option value="50">50条结果</option>
                  </select>
c86c8237   tangwang   支持聚合。过滤项补充了逻辑，但是有问题 
29
30
31
32
33
34
35
 
                  <select id="sortBy">
                      <option value="">默认排序</option>
                      <option value="create_time:desc">上架时间（新到旧）</option>
                      <option value="create_time:asc">上架时间（旧到新）</option>
                      <option value="price:asc">价格（低到高）</option>
                      <option value="price:desc">价格（高到低）</option>
                  </select>
115047ee   tangwang   为一个租户灌入测试数据；实例的启动... 
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
 
              </div>
  
              <div class="search-examples">
                  <strong>搜索示例：</strong>
                  <button class="example-btn" onclick="setQuery('芭比娃娃')">芭比娃娃</button>
                  <button class="example-btn" onclick="setQuery('toy AND (barbie OR doll)')">布尔查询</button>
                  <button class="example-btn" onclick="setQuery('消防')">消防</button>
                  <button class="example-btn" onclick="setQuery('fire control set')">英文查询</button>
              </div>
          </div>
  
          <div id="loading" class="loading" style="display: none;">
              <div class="spinner"></div>
              <p>搜索中...</p>
          </div>
c86c8237   tangwang   支持聚合。过滤项补充了逻辑，但是有问题 
52
53
54
55
56
57
58
59
60
 
          <div class="content-wrapper">
              <div id="aggregationPanel" class="aggregation-panel" style="display: none;">
                  <h3>筛选条件</h3>
                  <div id="activeFilters" class="active-filters"></div>
                  <div id="aggregationResults" class="aggregation-results"></div>
              </div>
  
              <div class="main-content">
                  <div id="results" class="results-section"></div>
115047ee   tangwang   为一个租户灌入测试数据；实例的启动... 
61
c86c8237   tangwang   支持聚合。过滤项补充了逻辑，但是有问题 
62
63
64
 
                  <div id="queryInfo" class="query-info"></div>
              </div>
          </div>
115047ee   tangwang   为一个租户灌入测试数据；实例的启动... 
65
66
67
 
      </div>
  
      <footer>
bb3c5ef8   tangwang   灌入数据流程跑通 
68
 
          <p>SearchEngine © 2025 | API服务地址: <span id="apiUrl">http://120.76.41.98:6002</span></p>
115047ee   tangwang   为一个租户灌入测试数据；实例的启动... 
69
70
 
      </footer>
bb3c5ef8   tangwang   灌入数据流程跑通 
71
 
      <script src="/static/js/app.js?v=2.0"></script>
115047ee   tangwang   为一个租户灌入测试数据；实例的启动... 
72
73
 
  </body>
  </html>