机场节点查询系统的设计需要从数据库、API开发到前端开发，逐步构建。以下是详细的步骤和设计

数据库设计

表名与字段

• boardings表：

  • boarder_id：航班ID。
  • boarder_name：航班名称。
  • boarder_date：航班提交日期。
  • boarder_time：航班提交时间。
  • boarder_type：航班类型（如登机、起飞）。
  • boarder_number：航班号。
  • boarder_flight_time：航班飞行时间。
  • boarder_status：航班状态（如到达、等待、起飞）。

• plane表：

  • plane_id：飞机ID。
  • plane_name：飞机名称。
  • plane_type：飞机类型（如C8A、Q6）。
  • plane_number：飞机号。
  • plane_airport_a：起飞端机场。
  • plane_airport_b：降落端机场。

• flight表：

  • flight_id：航班ID。
  • flight_number：航班编号。
  • flight_airport_a：起飞端机场。
  • flight_airport_b：降落端机场。
  • flight_start_time：航班起飞时间。
  • flight_end_time：航班到达时间。
  • flight_status：航班状态。

数据库连接

使用PostgreSQL的Columnar或Parquet格式存储数据，确保后端处理高效,后端使用PyMongo或MongoDB进行连接。

后端API

编写RESTful API,读取boardings表数据并返回按日期排序的航班信息。

from bson import defaultdict
import json
from datetime import datetime
class BoardingsAPI:
    def __init__(self, db):
        self.db = db
    async def get_flights(self):
        flights = self.db.query('boardings').all()
        # Convert to JSON
        data = [{
            "boarder_id": b["boarder_id"],
            "boarder_name": b["boarder_name"],
            "boarder_date": b["boarder_date"],
            "boarder_time": b["boarder_time"],
            "boarder_type": b["boarder_type"],
            "boarder_number": b["boarder_number"],
            "boarder_flight_time": b["boarder_flight_time"],
            "boarder_status": b["boarder_status"]
        } for b in flights]
        # Sort by date and then by flight number
        sorted_flights = sorted(data, key=lambda x: (datetime.strptime(x["boarder_date"], "%Y-%m-%d %H:%M"), x["boarder_number"]))
        return sorted_flights

前端开发

使用React或Vue.js,生成展示日期和航班信息的界面。

React示例代码

import React, { useState, useEffect } from 'react';
import { useState, useEffect } from 'react'; // 重复使用，可能需要优化
import { useEffect } from 'react'; // 优化
import { useEffect } from 'react'; // 再次优化
export default function App() {
    const [flights, setFlights] = useState([]);
    const [selectedFlights] = useState([]);
    const [selectedPlane] = useState(''); // 可能需要进一步优化
    const [activeDate] = useState(''); // 可能需要优化
    useEffect(() => {
        // 等待数据更新
    }, []);
    return (
        <div>
            <h1>查询机场节点</h1>
            <div>
                <label>Date: <input type="date" value={activeDate} onChange={(e) => setFlights(e.target.value)} />
                <label>航班： <select id="flightOptions" value="" onChange={(e) => setFlights([e.target.value])} />
            </div>
            <div>
                <h2>航班列表</h2>
                {flights.map((flight, index) => (
                    <>
                        <button
                            key={index}
                            onClick={() => setFlights([...flights, flight])}
                        >
                            {flight["boarder_name"]}
                        </button>
                        <button
                            key={index}
                            onClick={() => setFlights([...flights, flight])}
                        >
                            <button>
                                <span>登机</span> {flight["boarder_type"] === '登机' ? 'Yes' : 'No'}
                            </button>
                        </button>
                        <button
                            key={index}
                            onClick={() => setFlights([...flights, flight])}
                        >
                            <button>
                                <span>起飞</span> {flight["boarder_type"] === '起飞' ? 'Yes' : 'No'}
                            </button>
                        </button>
                    </>
                ))}
                {selectedFlights.length > 0 && (
                    <>
                        <h3>Selct航班</h3>
                        <button
                            id="selectedFlights"
                            onClick={() => setFlights(filterFlights(selectedFlights))}
                        >
                            {selectedFlights.join(', ')}
                        </button>
                    </>
                )}
            </div>
    </div>
}

测试与优化

• 数据准确性：确保数据库中数据正确,API读取返回的数据与预期一致。
• 性能优化：使用Columnar或Parquet格式存储数据,优化数据库连接和查询处理。
• 响应时间：测试前端的响应时间,确保在合理时间内显示所有航班。

预期功能

• 历史查询：支持查询历史航班。
• 搜索功能：允许用户通过机场名称或航班号进行搜索。
• 状态更新：支持航班状态的更新和查询。

通过以上步骤，可以逐步构建一个功能完善、易于使用的机场节点查询系统。