# TyphoonSearchSys
#历史台风相似路径查询系统
## 项目描述
本项目为历史台风及风暴潮查询显示系统
主要参与人员:
[evaseemefly](https://github.com/evaseemefly)
[stupidanimal](https://github.com/stupidanimal)
---
## 项目主要构成目录
前后端的相关描述请详见`webclient`与 `webserver` 目录下的 readme 文件
[前端 readme](/webclient/README.md) 较详细
进度及问题:
[进度](/webclient/document/SCHEDULE.md)
[相关问题收集](/webclient/document/ISSUE.md)
[规约](/PROMISE.md)
- 22-11-04 新加入的工程化文档
- [工程化](/ENGINEERING.md)--具体记录详见(onenote-6-服务器部署)
[部分自己总结的知识点请见](https://github.com/evaseemefly/CodingBook/blob/417c6fb1860c6b5fd77e8a77da1c45d44f3793da/README.md) 以后均汇总至此
---
* @copyright: nmefc & [evaseemefly](https://github.com/evaseemefly)
* 若有引用请写明出处
---
### 项目界面大致如下:
- v0.5 版本
1. 范围搜索,根据点选的位置,以及框选圆的半径获取该范围内的台风列表
![avatar](/document/img/20190514171719.png)
2. 根据复杂查询条件获取匹配条件的台风列表
![avatar](/document/img/20190514172637.png)
3. 根据复杂查询条件获取匹配后的台风列表,点选台风列表后可以加载台风的历史轨迹的时间列表,点选后加载该时刻全部测站的数据
![avatar](/document/img/20190514172716.png)
4. 如表移入台风中心位置后加载该时刻的台风的气象数据
![avatar](/document/img/20190515105544.png)
5. 点击指定时刻的台风加载指定时刻对应的测站数据
![avatar](/document/img/20190522220708.png)
6. 历史潮位数据查询页面
![avatar](document/img/WX20190620-213846.png)
---
- v 1.0 版本
1. 地图页面加入了台风详情信息框(配色需再与当前配色统一)
![avatar](document/img/WX20190620-213739.png)
2. 点击测站加载整个过程的三条曲线以及极值(现只获取过程中增水最大值及对应的时刻)
by _19-06-27_
![avatar](document/img/WX20190627-180029.png)
3. 缩小到一定级别(6 级)后测站的风暴增水只显示数值
by _19-06-27_
缩放前:
![avatar](document/img/WX20190627-221200.png)
缩放后:
![avatar](document/img/WX20190627-221214.png)
4. 点击台风后加载该过程共影响的测站数量
by _19-06-29_
不同数量的颜色略有不同
![avatar](document/img/WX20190629-171743.png)
![avatar](document/img/WX20190629-171806.png)
![avatar](document/img/WX20190629-171819.png)
5) 级别改为下拉菜单,对应为 1-6 级(val 对应也是 1-6),并加上对应的风速范围(热带低压->强台风)
by _19-06-30_
效果如下:
![avatar](document/img/WX20190630-114713.png)
6. 点击台风后加载的灾情图片
by _19-07-03_
![avatar](document/img/WX20190703-151902.png)
收起的效果
![avatar](document/img/WX20190703-151933.png)
展开的效果
![avatar](document/img/WX20190703-151942.png)
7. 录入全部测站数据后的效果
by _19-07-11_
![avatar](document/img/WX20190711-192858.png)
![avatar](webclient/document/img/WX20190711-192946.png)
----
22-10-14 日起开始重构此项目
#### 22-10-25
1- 重构了页面布局;
2- 台风路径加入了线性过度以及对应的台风icon;
3- 底部`btn-bar`加入了重新设计后的`时间组件`,当前时间组件步长:1h,加入了对当前时刻的对应位置示意的线性插值功能;
4- 台风列表进行了重构,见右侧
![avatar](document/img/WX20221025-150840@2x.png)
#### 22-10-26
1- 加入了海洋站风暴增水组件(tideChartsFormView + stationTideForm);
2- 以及对应的全部逻辑;
3- 对于增水form与tySearch form 均加入了拖拽功能.
![avatar](document/img/QQ20221026-153736@2x.png)
#### 22-10-27
1- 地图修改为浅色底图(个人更倾向于深色);
2- 增水曲线加入了`天文潮` `风暴增水`与`实况` 以及对应样式,加入了对于缺省值的NaN过滤处理.
![avatar](document/img/v2_03.png)
#### 22-10-28
1- 对于地图中显示的站点加入了逐时的增水surge值显示,并加入了对应的四色警戒
![avatar](document/img/v2_04.png)
![avatar](document/img/v2_05.png)
2- 加入了根据当前台风`tyNum`获取该过程的所有站点的极值情况集合
![avatar](document/img/v2_06.png)
#### 22-11-01
1- 加入了隐藏的关联操作
![avatar](document/img/v2_08.png)
2- 极值显示列表中加入了对应的四色
#### 22-11-07
1- 加入了图例
![avatar](document/img/v2_11.png)
2- 完成了极值列表与对应预报时刻台风所在位置与站点的联动
3- 实现了三个缩略按钮的对应逻辑
#### 22-11-09
1- 加入了站点名称中英文的映射关系
2- 修复了由于 `stationName` 与 `stationCode` 混用导致的部分bug
3- 修复了由于缺少过程某个站而导致无法加载 极值集合列表组件 与 站点分布无法加载 的bug
4- 修复了 tideChart 组件中的一些bug并加入了x轴的 format
![avatar](document/img/v2_12.png)
#### 22-11-11
1- 在各个子form中加入了最小化按钮,取消了缩略按钮中的最小化按钮,修改了对应的逻辑
* 在查询集合组件中加入了最小化按钮
![avatar](document/img/v2_13.png)
* 在详情中加入了最小化按钮
![avatar](document/img/v2_14.png)
* 在缩略组件中取消了最小化按钮
![avatar](document/img/v2_15.png)
#### 22-11-14
1- 加入了根据圈选范围加载途经的所有台风的分布散点|热图;
* 散点
![avatar](document/img/v2_21.png)
* 热图
![avatar](document/img/v2_20.png)
* 加载热图及选定台风
![avatar](document/img/v2_18.png)
2- 底部操作栏中加入了切换按钮
逻辑:
* 点击展开并默认加载热图
* 切换散点加载散点
![avatar](document/img/v2_22.png)
3- 部分按钮加入了描述信息
#### 22-11-15
1- 加入了按照中心气压强度(转换为对应台风登记)在`circle`与`heatmap`中加入了权重因子
* 效果如下:
circle
![avatar](document/img/v2_23.png)
热图
![avatar](document/img/v2_24.png)
#### 2-11-22
实现了按照年份及全部年份的指定月份的全部台风轨迹:
* 条件查询页面
![avatar](document/img/v2_27.png)
1- 加入了加载不同年份的台风轨迹,可以显示年际变化
* 2014年
![avatar](document/img/v2_25.png)
* 2015年
![avatar](document/img/v2_26.png)
* 2016年
![avatar](document/img/v2_28.png)
2- 加入了加载1949-2018年的所有指定月份的台风轨迹,可以显示月际变化
* 6月份
![avatar](document/img/v2_29.png)
* 7月份
![avatar](document/img/v2_30.png)
* 8月份
![avatar](document/img/v2_31.png)
#### 2022-11-24
加入按照唯一条件查询后的筛选台风加载散点或热图的功能,过滤台风列表按照时间倒序同一年按照台风编号升序,修复了部分bug.
* 指定月份的热图
![avatar](document/img/v2_32.png)
* 过滤台风列表加入了排序
![avatar](document/img/v2_33.png)
#### 22-11-29
将根据 复杂条件查询(uniquefilter) 与 范围条件查询(rangefilter) 提取为 `factoryLoadTy4Scatters` 方法 ,弃用 `loadFilter4Scatters`
* `subNav` 组件 与 `map` 之间的联动
![avatar](document/img/v2_34.png)
#### 22-11-30
最终取消监听`get2FilterTy4Scatters`而触发`factoryLoadTy4Scatters`;
改为由事件总线触发`busToFilterTyPathList`加载过滤后的台风路径集合
![avatar](document/img/v2_35.png)
修改后逻辑为:
![avatar](document/img/v2_36.png)
#### 22-12-06
由于增水极值与实际潮位极值有可能不出现在同一时刻
好家伙VCC
- 粉丝: 2332
- 资源: 9142
最新资源
- 喷塑六轴机器人设计x_t全套技术资料100%好用.zip
- 云开发校园宿舍/企业/部门/物业故障报修小程序源码
- 一款轻量且高效的Excel读写工具,它具有包体小、接入代码量少和运行时消耗资源少等优点 它支持10M内存读写百万级数据,同时支持Stream+Lambda方式读文件使你可以像操作集合类一样操作Exce
- [完结16章附课件]手把手带你实战一线大厂微服务全链路追踪
- 相平面法 “质心侧偏角-质心侧偏角速度” 可自主调节参数根据不同的速度和车轮转角以及前后轮的滑移率等变量生成相平面图,更加有利于状态分析 包含m文件以及资料,非常详细,通俗易懂
- (177443464)Python实现的热点舆情分析统计系统.zip
- mysql5.7的docker镜像
- (175960652)用于深度学习 (YOLO)准备数据集中的数据标注软件 - labelimg
- (179305024)人口普查数据(五 、六、七普)
- (42920418)全国第七人口普查数据(到各省).xls
- (176671056)JAVA课程设计,学生管理系统,设计SQL server数据库操作
- (174724650)小米商城(HTML+CSS)网页设计期末作业
- (178777442)HTML实验小米商城首页
- 基于java+springboot+mysql+微信小程序的百货中心供应链管理系统 源码+数据库+论文(高分毕业设计).zip
- 基于java+springboot+mysql+微信小程序的毕业生就业信息管理系统 源码+数据库(高分毕业设计).zip
- (171059634)小米官网界面html,css,img,js
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈