Skip to content
章节导航

项目实战

说明

本节为项目实战,采用前后端分离的模式,以台风路径展示系统为例,讲述完整的WEBGIS开发流程,包括:需求分析、概要设计、后端接口设计与实现以及前端UI实现。 涉及如下内容:

  • vue3+vite+router
  • node+express
  • postgres
  • mapboxgl+openlayers+leaflet
  • echarts

一、 需求分析

参考温州台风网功能,实现系统的需求分析。

二、 概要设计

根据需求完成数据库设计、接口设计以及前后端的架构设计,以完成概要设计。

三、 接口实现

根据概要设计的内容,完成后端接口。教程中使用nodeexpress,数据库使用Postgres

四、 UI实现

根据需求,完成界面的UI与交互实现,并完成跟后端的接口联调。前端使用Vue3vite