从零准备webGIS课设

从零准备webGIS课设,第1张

从零准备webGIS课设 顺序从上往下
  • 因为时间一般不太够,本文为最最基本版,只提供思路
  • java我不会,后端不涉及java
  • GIS方面,只推荐适合入门的,真要是深入学GIS我也说不准用什么好,也许都会去学webGL了吧
  • 划线 可以不是必须
0准备

编辑器 前端vscode、后端:vs2019

1HTML CSS
  1. 推荐 :黑马程序员pink老师前端入门教程,零基础必看的h5(html5)+css3+移动端前端视频教程_哔哩哔哩_bilibili

  2. 时间不多的话,可以先看到250集左右

2javascript
  1. 基础:重点,能不能理解leaflet等一些文档,以及能不能解决莫名其妙的bug,就看你基础学的怎么样了

    1. 【尚硅谷】Javascript基础&实战丨JS入门到精通全套完整版_哔哩哔哩_bilibili
  2. dom: *** 作元素,如按钮绑定事件

  3. bom: *** 作浏览器

  4. ui框架:bootstrap

    1. 效率极高,推荐但是不必须,css学的好20分钟就会了
  5. ajax:异步数据交互

  6. es6:更好用的js规范

  7. vue:前端框架

    1. 干开发,即使你是后端,你可能也需要学,更不要说前端了

    2. npm

    3. node

    4. es6

3选择发布地图的平台
  1. 开源的,geoserver?postgis?

  2. arcgis server

  3. (推荐)supermap iserver+leaflet:简单易学

    1. 学习:GIS学堂 (supermap.com)中的iserver和超图封装的leaflet(我觉得他们讲的很烂,不过也没更好的了)

    2. 发布地图

    3. 在html文件中练习超图的示例

    示例,api,入门指南

    iClient for Leaflet 示范程序 (supermap.io)

    iClient for Leaflet 开发指南 (supermap.io)

    iClient for Leaflet API (supermap.io)

  4. 结合leaflet的示例,api文档、实现更多功能(超图封装的功能,局限性很大,熟悉超图的示例后多看开源的文档,openlayer也是如此)
    Leaflet - a Javascript library for interactive maps (leafletjs.com)

  5. 这样你就可以用 iserver地图服务+leaflet(超图封装的leaflet+开源的leaflet)在单个html文件做GIS功能了

4决定如何实现?
  1. 方案一(难,需要会vue,效率高,不学vue找不到工作(不要硬上vue,vue需要很多前置知识))

    1. 前后端分离,vue+c#后端/java后端
  2. 方案二:(推荐)

    1. .net MVC,前后端耦合,前端页面写在视图引擎里,也就是V里,

    2. 了解数据交互方式,在html做好功能,复制到MVC的视图中(路径、.net mvc的机制等会出现很多问题,耐心解决)

    3. 仅推荐(比较吃c#基础,和web的知识):
      .net mvc前后端耦合
      .net webapi

  3. 三层架构?拖控件?

    1. 举个例子,面试的时候这些完全是减分项,

    2. 逻辑混乱,教程还不好找,不明白学校为什么还在讲这些

5开工

根据超图iclient for leaflet api和开源的leaflet做webGIS功能
根据前端知识和工具,做页面,(如图引擎或前端框架)
根据数据库知识和后端知识做后端

其他 前端

内容可太多了,毕业前都看不完,毕业设计的话可以指看我高亮标出的
尚硅谷

echart
  • 图表可视化

术语速查手册 - Apache ECharts

arcgis api for js

Overview | ArcGIS API for Javascript 4.21 | ArcGIS Developer

openlayer

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/5596360.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-12-15
下一篇 2022-12-15

发表评论

登录后才能评论

评论列表(0条)

保存