项目实战
说明
本节为项目实战,采用前后端分离的模式,以台风路径展示系统为例,讲述完整的WEBGIS开发流程,包括:需求分析、概要设计、后端接口设计与实现以及前端UI实现。 涉及如下内容:
- vue3+vite+router
- node+express
- postgres
- mapboxgl+openlayers+leaflet
- echarts
一、 需求分析 ❐
参考温州台风网功能,实现系统的需求分析。
二、 概要设计 ❐
根据需求完成数据库设计、接口设计以及前后端的架构设计,以完成概要设计。
三、 接口实现 ❐
根据概要设计的内容,完成后端接口。教程中使用node
和express
,数据库使用Postgres
。
四、 UI实现 ❐
根据需求,完成界面的UI与交互实现,并完成跟后端的接口联调。前端使用Vue3
和vite
。