从零准备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