使用HTML表单GET方法创建带查询参数的动态搜索链接

<form action="/bookings/search?" method="POST">
    <div class="row mb-3">
        <label for="inputEmail3" class="col-sm-2 col-form-label">Email</label>
        <div class="col-sm-10">
            <input type="text" class="form-control" id="inputEmail3" name="email" placeholder="Email" value="">
        </div>
    </div>
    <div class="row mb-3">
        <label for="inputPassword3" class="col-sm-2 col-form-label">Number of Tickets</label>
        <div class="col-sm-10">
            <input type="number" class="form-control" id="inputPassword3" name="numTickets" min=1 max=4 value="">
        </div>
    </div>
   <button type="submit" class="btn btn-primary">Search</button>
</form>

<form action="/bookings/search?" method="GET">
    <div class="row mb-3">
        <label for="inputEmail3" class="col-sm-2 col-form-label">Email</label>
        <div class="col-sm-10">
            <input type="text" class="form-control" id="inputEmail3" name="email" placeholder="Email" value="">
        </div>
    </div>
    <div class="row mb-3">
        <label for="inputPassword3" class="col-sm-2 col-form-label">Number of Tickets</label>
        <div class="col-sm-10">
            <input type="number" class="form-control" id="inputPassword3" name="numTickets" min=1 max=4 value="">
        </div>
    </div>
   <button type="submit" class="btn btn-primary">Search</button>
</form>

const express = require('express');
const app = express();
const port = 3000;

// 假设这是一个MongoDB连接的占位符
const db = {
    bookings: [
        { id: 1, email: 'atom@example.com', numTickets: 2 },
        { id: 2, email: 'test@example.com', numTickets: 1 },
        { id: 3, email: 'another@example.com', numTickets: 2 },
        { id: 4, email: 'atom_prime@example.com', numTickets: 3 }
    ]
};

app.get('/bookings/search', (req, res) => {
    // req.query 对象包含了所有URL查询参数
    const { email, numTickets } = req.query;

    let results = db.bookings;

    if (email) {
        // 实现邮箱的部分匹配（不区分大小写）
        const searchEmail = email.toLowerCase();
        results = results.filter(booking => 
            booking.email.toLowerCase().includes(searchEmail)
        );
    }

    if (numTickets) {
        // 将 numTickets 转换为数字进行比较
        const searchNumTickets = parseInt(numTickets, 10);
        if (!isNaN(searchNumTickets)) {
            results = results.filter(booking => 
                booking.numTickets === searchNumTickets
            );
        }
    }

    if (results.length > 0) {
        res.json({
            message: `Search results for email: ${email || 'any'}, tickets: ${numTickets || 'any'}`,
            data: results
        });
    } else {
        res.status(404).json({ message: 'No bookings found matching criteria.' });
    }
});

app.listen(port, () => {
    console.log(`Server running at http://localhost:${port}`);
});