自学内容网 自学内容网

GIS前后端分离项目展示

项目地址

GIS前后端分离项目演示

技术结构:

前端:

cesium:

1.集成吉林1号、TooMap、天地图等图源

在这里插入图片描述

2.加入高德注记辅助

在这里插入图片描述

3.坐标查询功能

在这里插入图片描述

4.矢量数据展示:

  • 照片
    在这里插入图片描述

  • 点线面:暂时只能通过上传shape数据,shape数据任意坐标系皆可
    在这里插入图片描述

vue2:

  • 主框架

vuex:

  • 登陆信息管理:user的矢量数据计数统计

在这里插入图片描述

  • 将cesium.viewer作为全局变量管理
    在这里插入图片描述

vue-router:

  • router采用history模式
  • 路径守卫配合后端springsecurity完成

其他:

  • 采用阿里云aliyun-oss包来防止图片盗链
    在这里插入图片描述

后端:

springboot3.3.5:主框架

springsecurity:

  • 1.负责登陆、鉴权验证
  • 2.密码加密处理
    在这里插入图片描述
    在这里插入图片描述

aliyun-sdk-oss:

  • 照片上传阿里云oss处理模块(空间及流量限制下,只能将照片压缩处理后上传)

aliyun-java-sdk-sts:

  • 阿里云oss防盗链模块

geotools:

  • 矢量数据处理模块,shape读取及坐标转换(任意坐标系均转换为EPSG:4326来存储)

metadata-extractor:

  • 照片exif信息提取工具

springdoc-openapi:

  • 接口帮助

mybatis-plus:

  • 矢量数据存取操作

数据库:

  • 采用mysql8.0.33

原文地址:https://blog.csdn.net/qq_25806839/article/details/143648549

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!