仿真前端，预算一万以内
2026-01-26 11:45
为我自己开发的仿真后端建立前端，主要实现用户交互和可视化展示，涉及GIS相关信息的处理
1． 数据准备
3D地图（可拖拽、缩放、倾斜）
扇区/管道轮廓
Node-link
2． 用户登陆
登陆界面
首页
右上角菜单
首页界面可缩放，初始播放预设场景，左右展示运行统计信息
3． 计划管理
点击右上角“计划管理”，进入新界面
2.1计划上传
上传CSV/Json文件，必须要有预定义的路径
2.2计划分析/编辑
右侧展示上传计划的统计信息
上传的计划可在页面中直接修改（点击“修改计划”->修改完成->点击“保存计划”）
2.3计划下载/保存
导出所上传/修改的计划
4． 仿真管理
点击右上角“仿真管理”，弹出窗口
仿真设置界面示例
3.1仿真设置
所有参数设置后的格式参考config.toml和simulator\core\parameter\config.toml格式
（1）选择机场
Airport ="ZGSZ"/"ZGSZ"/"ZSPD"
（2）是否加载空中
Surface_Only=True/False
（3）仿真时间
Maxsteps = 3600
（4）是否碰撞时可视化情况
CrashViz = True/False
（5）是否输出日志
Log = True/False
Show = True/False
（6）是否输出仿真指标
Index = True/False
（7）是否输出仿真结果
Track = True/False
（8）仿真运行速度
Speed = 1
（9）是否采用Web可视化
Visual = True/False
（11）端口
Port = 1024
默认参数设置（仅可微调）
# 地面参数
1. 推出速度
PUSHOUT_SPEED = 1.5 / 2.5
2. 转弯速度
TURN_SPEED = 5 # 8
3. 直线速度
STRAIGHT_SPEED = 12
4. 最大速度
MAX_SPEED = 15
5. 直线段距离转弯段减速距离
STRAIGHT_SLOWDOWN_DIS = 150 # 120
### 排队和等待参数 ###
1. ## 排队间隔
QUEUE_INTERVAL = 350
2. 距离等待点的探测距离
HOLDING_DETECT_DIS = 250
3. 跑道上等待ATC许可的时间
WAIT_ATC_CLEARANCE_TIME = 10
### 冲突检测参数 ###
1. 碰撞检测距离
SF_CRASH_DIS = 40
2. 碰撞警告距离
SF_WARNING_DIS = 60
3. 冲突检测距离
SF_DETECT_DIS = 250
4. ## 安全间隔
SF_CONFLICT_SAFE_DIS = 100
# 空中参数
1. ### 速度剖面设定 ###
## 高度误差
SP_HEI_DIFF = 15
2. ### 冲突检测参数 ###
## TCAS告警距离
SP_MISS_DIS = 9260
SP_MISS_HEI = 285
3. ## 冲突告警距离
SP_WARNING_DIS = 10000
SP_WARNING_HEI = 350
4. ## 冲突检测距离
SP_DETECT_DIS = 18520
SP_DETECT_HEI = 600
5. ## 最小冲突检测高度
SP_HEI_DETECT_MIN = 600
6. ### 冲突解决方案参数 ###
## dogleg前的最小距离
DOGLEG_RESPONSE_DIS = 500
7. ## 采用dogleg和extend的分配距离
SP_CONFLICT_ALLOCATION_DIS = 12000
8. ## 延长三边判断距离
SP_EXTEND_DETECT_DIS = 85000
9. ## 延长四边至五边距离
SP_EXTEND_DETECT_DIS_5 = 70000
3.2点击开始仿真
加载“仿真进行中。。。”动画
3.3仿真回放
后端返回的轨迹数据示例
仿真回放页面
仿真速度用拖拉按钮
3.4仿真结果下载
5． 视图管理
点击右上角“视图管理”，出现下拉菜单，视图效果在“仿真管理”界面显示
菜单选项
仿真页面视图显示示例
3D地图（可拖拽、缩放、倾斜）
扇区/管道轮廓
Node-link
航空器callsign，速度，航向
待飞航路
已飞轨迹
冲突热点（Conf_Route）
点击航空器显示速度剖面
6． 仿真优化
点击右上角“仿真优化”，弹出窗口
5.1更改推出/到达时间
输入正确端口号，点击确定->回到仿真回放页面
若端口号错误，显示“端口号错误”
点击“时间调整”标签，左侧显示计划时间在当前时刻之后的航班信息（未开始仿真的航班），调整航班计划（+-1s，立即释放），修改后点击“完成”，重新上传修改后的飞行计划至后端，此时前端显示“仿真进行中。。。”，回到3.3仿真回放。
5.2更改路径
点击“更改路径”标签，左侧显示计划时间在当前时刻之后的航班信息（未开始仿真的航班）。选择计划中的航班，展示原滑行路径，在地图上选择新的滑行路径，修改后点击“完成”。重新上传修改后的飞行计划，此时前端显示“仿真进行中。。。”，回到3.3仿真回放。
5.1和5.2两步可以一起修改计划后，再点击完成，返回后端。
7． 数据统计
点击右上角“数据统计”，进入新界面，展示运行信息
跑道排队长度-hold
平均滑行时长统计-aircraft
间隔违反情况-conflict（crash，warning）
跑道使用情况-hold
1． 数据准备
3D地图（可拖拽、缩放、倾斜）
扇区/管道轮廓
Node-link
2． 用户登陆
登陆界面
首页
右上角菜单
首页界面可缩放，初始播放预设场景，左右展示运行统计信息
3． 计划管理
点击右上角“计划管理”，进入新界面
2.1计划上传
上传CSV/Json文件，必须要有预定义的路径
2.2计划分析/编辑
右侧展示上传计划的统计信息
上传的计划可在页面中直接修改（点击“修改计划”->修改完成->点击“保存计划”）
2.3计划下载/保存
导出所上传/修改的计划
4． 仿真管理
点击右上角“仿真管理”，弹出窗口
仿真设置界面示例
3.1仿真设置
所有参数设置后的格式参考config.toml和simulator\core\parameter\config.toml格式
（1）选择机场
Airport ="ZGSZ"/"ZGSZ"/"ZSPD"
（2）是否加载空中
Surface_Only=True/False
（3）仿真时间
Maxsteps = 3600
（4）是否碰撞时可视化情况
CrashViz = True/False
（5）是否输出日志
Log = True/False
Show = True/False
（6）是否输出仿真指标
Index = True/False
（7）是否输出仿真结果
Track = True/False
（8）仿真运行速度
Speed = 1
（9）是否采用Web可视化
Visual = True/False
（11）端口
Port = 1024
默认参数设置（仅可微调）
# 地面参数
1. 推出速度
PUSHOUT_SPEED = 1.5 / 2.5
2. 转弯速度
TURN_SPEED = 5 # 8
3. 直线速度
STRAIGHT_SPEED = 12
4. 最大速度
MAX_SPEED = 15
5. 直线段距离转弯段减速距离
STRAIGHT_SLOWDOWN_DIS = 150 # 120
### 排队和等待参数 ###
1. ## 排队间隔
QUEUE_INTERVAL = 350
2. 距离等待点的探测距离
HOLDING_DETECT_DIS = 250
3. 跑道上等待ATC许可的时间
WAIT_ATC_CLEARANCE_TIME = 10
### 冲突检测参数 ###
1. 碰撞检测距离
SF_CRASH_DIS = 40
2. 碰撞警告距离
SF_WARNING_DIS = 60
3. 冲突检测距离
SF_DETECT_DIS = 250
4. ## 安全间隔
SF_CONFLICT_SAFE_DIS = 100
# 空中参数
1. ### 速度剖面设定 ###
## 高度误差
SP_HEI_DIFF = 15
2. ### 冲突检测参数 ###
## TCAS告警距离
SP_MISS_DIS = 9260
SP_MISS_HEI = 285
3. ## 冲突告警距离
SP_WARNING_DIS = 10000
SP_WARNING_HEI = 350
4. ## 冲突检测距离
SP_DETECT_DIS = 18520
SP_DETECT_HEI = 600
5. ## 最小冲突检测高度
SP_HEI_DETECT_MIN = 600
6. ### 冲突解决方案参数 ###
## dogleg前的最小距离
DOGLEG_RESPONSE_DIS = 500
7. ## 采用dogleg和extend的分配距离
SP_CONFLICT_ALLOCATION_DIS = 12000
8. ## 延长三边判断距离
SP_EXTEND_DETECT_DIS = 85000
9. ## 延长四边至五边距离
SP_EXTEND_DETECT_DIS_5 = 70000
3.2点击开始仿真
加载“仿真进行中。。。”动画
3.3仿真回放
后端返回的轨迹数据示例
仿真回放页面
仿真速度用拖拉按钮
3.4仿真结果下载
5． 视图管理
点击右上角“视图管理”，出现下拉菜单，视图效果在“仿真管理”界面显示
菜单选项
仿真页面视图显示示例
3D地图（可拖拽、缩放、倾斜）
扇区/管道轮廓
Node-link
航空器callsign，速度，航向
待飞航路
已飞轨迹
冲突热点（Conf_Route）
点击航空器显示速度剖面
6． 仿真优化
点击右上角“仿真优化”，弹出窗口
5.1更改推出/到达时间
输入正确端口号，点击确定->回到仿真回放页面
若端口号错误，显示“端口号错误”
点击“时间调整”标签，左侧显示计划时间在当前时刻之后的航班信息（未开始仿真的航班），调整航班计划（+-1s，立即释放），修改后点击“完成”，重新上传修改后的飞行计划至后端，此时前端显示“仿真进行中。。。”，回到3.3仿真回放。
5.2更改路径
点击“更改路径”标签，左侧显示计划时间在当前时刻之后的航班信息（未开始仿真的航班）。选择计划中的航班，展示原滑行路径，在地图上选择新的滑行路径，修改后点击“完成”。重新上传修改后的飞行计划，此时前端显示“仿真进行中。。。”，回到3.3仿真回放。
5.1和5.2两步可以一起修改计划后，再点击完成，返回后端。
7． 数据统计
点击右上角“数据统计”，进入新界面，展示运行信息
跑道排队长度-hold
平均滑行时长统计-aircraft
间隔违反情况-conflict（crash，warning）
跑道使用情况-hold
已有14人报名*************
*************
评论
全部评论
李李2026-01-26 17:48
liruwang18102026-01-26 11:57
做过基于****的****应用查看联系方式
点赞回复