该项目是一个全栈可视化项目，主要用于展示各类疫情数据信息，目前支持主题切换、国际化、高德地图、Echart 图表绘制、浏览器定位等功能
express-app # 后端代码
vue-app # 前端代码
.gitignore
main.ts # 仅用于展示此仓库类型
readme.md # 说明文档
关于前后端的上手教程，已在各自仓库下的 readme 文档中进行介绍
- Vue3
- Vite
- TypeScript
- Less
- Echarts
- @vuemap/vue-amap
- Apifox
- MySql
- Express
- TypeScript
项目中开发了搜索地区数据的功能，该地区可以是省级单位，也可以是市级单位，并且搜索功能会同时兼顾模糊匹配与精准匹配
为了可以更好地适应不同的使用场景，主题切换功能应运而生。项目中提供了浅色系主题 5 套，深色系主题 4 套。同时，网站也支持在浅色与深色下自动跟随系统主题进行切换
目前许多产品都支持国际化功能，这样可以大大的提高项目的可用性和用户体验。然而国际化的实现方案却有很多种，在此项目中，该功能并没有借助第三方插件来实现，而是根据其原理自己来实现的，具体实现方式可在对应的 GitHub 中进行查看
项目借助于@vuemap/vue-amap 库实现了对高德地图的集成，同时也做到了按需加载。目前支持地图的缩放与平移、定位，以及配合行政区域进行各省份的疫情数据划分
通过调用浏览器的定位功能获取用户的地理位置信息，并将当前位置在地图上标记出来，同时当前位置的疫情数据也会同步进行展现
提供了地区面板与数据面板，在更换数据时会有切换动画与全局消息提示
由于接口限制，目前只能提供到国家、省级、市级的疫情数据，暂不支持县、镇、街道等
借助于 Echarts 的按需加载功能，项目提供了柱状图与饼图的图表展示方式，并实现了懒加载