def load_events():
    with open('event_dict.json', 'r', encoding='utf-8') as f:
        events = json.load(f)
    return sorted(events.items(), key=lambda x: int(x[0]))

$('#searchInput').on('input', function() {
    const searchTerm = this.value.trim().toLowerCase();
    let visibleCount = 0;
    
    $rows.each(function() {
        const $row = $(this);
        const id = $row.find('.event-id').text().toLowerCase();
        const desc = $row.find('.event-desc').text().toLowerCase();
        
        $row.toggle(id.includes(searchTerm) || desc.includes(searchTerm));
        if(match) visibleCount++;
    });

    $noResults.toggle(visibleCount === 0);
});

let debounceTimer;
$('#searchInput').on('input', function() {
    clearTimeout(debounceTimer);
    debounceTimer = setTimeout(() => {
        // 實(shí)際搜索邏輯
    }, 300);
});

<div class="container">
    <h1 class="text-center mb-4">Windows事件ID查詢系統(tǒng)</h1>
    
    <div class="search-box">
        <input type="text" id="searchInput" class="form-control">
    </div>

    <div class="table-wrapper">
        <table class="table table-hover">
            <!-- 表格內(nèi)容 -->
        </table>
        <div class="no-results" id="noResults">
            <!-- 無(wú)結(jié)果提示 -->
        </div>
    </div>
</div>

.table thead th {
    background: var(--primary-color);
    color: white;
    border-bottom: none;
    padding: 1rem;
}

.table tbody tr {
    transition: all 0.2s ease;
}

.table tbody tr:hover {
    background-color: #f8f9fa;
    transform: translateX(5px);
}

const $rows = $('#eventTable tr');

@app.route('/api/events')
def api_events():
    search = request.args.get('q')
    events = filter_events(search)  # 實(shí)現(xiàn)過(guò)濾邏輯
    return jsonify(events)

// Vue3示例
const app = Vue.createApp({
    data() {
        return {
            searchTerm: '',
            events: []
        }
    },
    computed: {
        filteredEvents() {
            return this.events.filter(event => 
                event.id.includes(this.searchTerm) || 
                event.desc.includes(this.searchTerm)
            )
        }
    }
})

pip install flask
python app.py

gunicorn -w 4 -b 0.0.0.0:8000 app:app

server {
    listen 80;
    server_name example.com;
    
    location / {
        proxy_pass http://localhost:8000;
        proxy_set_header Host $host;
    }
}