# 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
由于增水极值与实际潮位极值有可能不出现在同一时刻
没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
收起资源包目录
NMEFC——台风相似路径系统_TyphoonSearchSys.zip (1041个子文件)
.browserslistrc 30B
nginx.conf 2KB
nginx-app.conf 775B
nginx-app.conf 775B
nginx.conf 652B
default.conf 472B
supervisor-app.conf 132B
supervisor-app.conf 132B
map_base.css 6KB
map.css 5KB
complex_search.css 2KB
typhoon_list_bar.css 2KB
text_form.css 1KB
range.css 206B
center_map_search.css 52B
reset.css 25B
django_server_file 486B
django_server_file 417B
Dockerfile 1KB
Dockerfile 847B
Dockerfile 615B
dockerfile 101B
5622.docx 1.03MB
1949_4906.docx 39KB
1951_5116.docx 37KB
S.gif 186B
N.gif 181B
.gitignore 612B
.gitignore 235B
.gitignore 231B
complex_search.html 8KB
map.bak.html 6KB
map_base.html 6KB
typhoon_list_bar.html 4KB
map.html 766B
index.html 638B
text_form.html 599B
index.html 572B
range.html 553B
center_map_search.html 229B
favicon.ico 4KB
favicon.ico 1KB
typhoon_uwsgi.ini 681B
typhoon_uwsgi.ini 681B
typhoon_uwsgi.ini 681B
uwsgi.ini 559B
uwsgi.ini 559B
2-读取台风气象数据并写入mongo-写入按年切分文件的台风表头-最终-checkpoint.ipynb 1.31MB
2-读取台风气象数据并写入mongo-写入按年切分文件的台风表头-最终.ipynb 1.31MB
2-读取台风气象数据并写入mongo-写入按年切分文件的台风表头.ipynb 668KB
2-读取台风气象数据并写入mongo-写入按年切分文件的台风表头_new.ipynb 668KB
3-读取台风气象数据并写入mongo-190522重新修改读取num.ipynb 656KB
2-读取台风气象数据并写入mongo-精简版-checkpoint.ipynb 263KB
2-读取台风气象数据-找到标志位.ipynb 255KB
6-读取台风对应潮位站数据-不使用n进行切分.ipynb 83KB
1-读取台风气象数据-读取方式.ipynb 62KB
6-读取台风对应潮位站数据-尝试使用+作为标志位.ipynb 61KB
1-读取台风气象数据-读取方式-checkpoint.ipynb 59KB
2-读取台风气象数据并写入mongo-精简版.ipynb 40KB
07-11年之后新版的测站数据.ipynb 39KB
S2-对数据按行进行切分.ipynb 39KB
6-读取台风对应潮位站数据-使用n进行切分.ipynb 28KB
S3-核对数据使用-无别的用处.ipynb 24KB
4-2生成code与name的映射关系表.ipynb 16KB
S1-对于潮位的整行数据拆分.ipynb 15KB
S4-mongoengine嵌套model.ipynb 12KB
S8-测试查询.ipynb 10KB
测试台风气象数据使用.ipynb 8KB
4-1从mysql中读取警戒潮位.ipynb 7KB
mongo时间查询.ipynb 7KB
4-使用mongoengine进行查询.ipynb 7KB
5-加入point类型-Copy1.ipynb 6KB
Untitled.ipynb 5KB
5-加入point类型.ipynb 4KB
01-读取word文件.ipynb 4KB
S2-部分测试.ipynb 2KB
02-写入mongo后读取.ipynb 2KB
1241A54007F35F8ACF6411EDF1AC0AAC.jpg 169KB
Preview.jpg 97KB
Preview.jpg 87KB
Preview.jpg 76KB
0BA957F1F9F6D0E4A11AFF3350A941EB.jpg 56KB
8E1C30D65D2D125E0FBDE8E2020A76B4.jpg 38KB
leaflet-heatmap.js 6KB
api.js 3KB
.eslintrc.js 2KB
vue.config.js 1KB
webpack.config.js 934B
vue.config.js 849B
.eslintrc.js 605B
.prettierrc.js 332B
babel.config.js 73B
babel.config.js 58B
.eslintrc.js 53B
package-lock.json 657KB
style.json 135KB
package_210724.json 2KB
package.json 2KB
package.json 2KB
package_backup_190311.json 2KB
共 1041 条
- 1
- 2
- 3
- 4
- 5
- 6
- 11
资源评论
好家伙VCC
- 粉丝: 2112
- 资源: 9145
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功