tags：WebGIS, GIS, Java, Python, PostgreSQL, PostGIS, Flask, Vue, 环境配置, GIS服务器, Geoserver
//TODO：前端访问Geoserver、前端访问后端接口
前端使用Vuejs，后端用Flask，数据库用PostgreSQL，GIS服务器用Geoserver，开发工具用VSC。本文内容包括：软件准备、Geoserver环境配置、vue前端环境配置、flask后端环境配置、前端访问Geoserver、前端访问后端接口。
由于截图过多，为避免篇幅过长影响阅读体验，将分幅发表。
1 软件准备
| 软件 | 版本 | 下载地址 | 说明 |
|---|---|---|---|
| postgreSQL | 12.5 | PostgreSQL | 包含pgAdmin 4.28 |
| postGIS | 3.0.3 | PostGIS | postgreSQL的GIS拓展，版本对应postgreSQL 12.5 |
| pgAdmin | 4.25 | pgAdmin4 | postgreSQL图形化界面 |
| jdk | 8.x | JDK | java环境，geoServer必需，对应geoserver 2.18.0 版本 |
| geoserver | 2.18.0 | GeoServer | Java平台的GIS服务器 |
| python | 3.9.1 | Python | 后端flask框架必需 |
| node | 14.15.0 | Nodejs | 前端vue框架必需 |
| vsc | 1.53.2 | VSC | 微软的优秀编程工具 |