主流前端框架下ArcGIS API for JavaScript的开发

article/2025/10/14 11:04:35

在工作之余利用周末的时间录制了一门ArcGIS API for JavaScript的零基础开发课程,相关信息如下。

课程介绍

课程详细介绍请看如下地址中的视频介绍。

课程特点

  • 课程所用API为目前最新版ArcGIS API for JavaScript 4.14
  • 课程所用的主流前端框架为Vue和React

课程主要是针对当前主流的Vue和React两个框架中如何结合ArcGIS API for JavaScript来进行WebGIS的开发进行了详细的讲解,并且针对使用频率较高的ArcGIS JS API进行了代码讲解。

课程除了讲解ArcGIS JS API之外,还对于在ArcGIS平台上数据如何导入、处理、发布、前端调用的一整个流程进行了讲解。

课程完整目录

1、前端发展史

    1.1、课程介绍

    1.2、前端发展历程介绍

2、前端主流框架基础(React和Vue)

    2.1、前端主流框架介绍

    2.2、Vue基础知识—环境搭建、创建第一个demo

    2.3、Vue基础知识—配置Element UI、优化demo界面

    2.4、Vue基础知识—配置路由(一和二)

    2.5、React基础知识—环境搭建、创建第一个demo

    2.6、React基础知识—配置Element UI、优化demo界面

    2.7、React基础知识—配置路由(一和二)

3、ArcGIS API for JavaScript基础知识

    3.1、ArcGIS体系架构介绍

    3.2、ArcGIS平台下数据处理和服务发布流程介绍

    3.3、ArcGIS API for JavaScript介绍及学习路线

    3.4、ArcGIS API for JavaScript 3.X还是4.X

    3.5、ArcGIS API for JavaScript 4.15本地部署

    3.6、ArcGIS API for JavaScript 4.15—实例化二维地图

    3.7、ArcGIS API for JavaScript 4.15—实例化三维地图

    3.8、ArcGIS API for JavaScript 4.15—自定义底图

    3.9、ArcGIS API for JavaScript 4.15—实例化地图控件

    3.10、ArcGIS API for JavaScript 4.15—添加服务图层

    3.11、ArcGIS API for JavaScript 4.15—绘制点、线、面

    3.12、ArcGIS API for JavaScript 4.15—属性查询

    3.13、ArcGIS API for JavaScript 4.15—路径分析

    3.14、ArcGIS API for JavaScript 4.15—符号化

    3.15、ArcGIS API for JavaScript 3.32—实例化二维地图

    3.16、ArcGIS API for JavaScript 3.32—添加服务图层

    3.17、ArcGIS API for JavaScript 3.32—添加地图控件

4、Vue结合ArcGIS API for JavaScript开发

       4.1、 Vue项目环境搭建,安装esri-loader

        4.2、Vue项目实现底图自定义

        4.3、小实验:Vue项目实现二三维地图切换

5、React结合ArcGIS API for JavaScript开发

        5.1、React项目环境搭建,安装esri-loader

        5.2、React项目实现底图自定义

        5.3、小实验:React项目实现图层服务添加

6、Portal for ArcGIS基础知识

    6.1、Portal介绍

    6.2、Portal安装部署方案介绍

    6.3、Portal安装(windows环境)—ArcGIS Server安装部署

    6.4、Portal安装(windows环境)—ArcGIS Server安装部署(操作演示)

    6.5、Portal安装(windows环境)—ArcGIS Data Store安装部署

    6.6、Portal安装(windows环境)—ArcGIS Data Store安装部署(操作演示)

    6.7、Portal安装(windows环境)—Portal for ArcGIS安装部署

    6.8、Portal安装(windows环境)—Portal for ArcGIS安装部署(操作演示)

    6.9、Portal安装(windows环境)—ArcGIS Web Adaptor(linux版)安装部署

    6.10、Portal安装(windows环境)—ArcGIS Web Adaptor(linux版)安装部署(操作演示)

    6.11、Portal安装(windows环境)—Tomcat安装部署

    6.12、Portal安装(windows环境)—Tomcat安装部署(操作演示)

    6.13、Portal安装(windows环境)—进行相关的配置

    6.14、Portal安装(windows环境)—进行相关的配置(操作演示)

    6.15、Portal安装(linux环境)—全流程介绍

    6.16、Portal安装(linux环境)—动手操作安装(Tomcat)

    6.17、Portal安装(linux环境)—动手操作安装(WebAdaptor)

    6.18、Portal安装(linux环境)—动手操作安装(Server)

    6.19、Portal安装(linux环境)—动手操作安装(DataStore)

    6.20、Portal安装(linux环境)—动手操作安装(Portal)

    6.21、Portal和Online介绍

    6.22、ArcGIS平台下数据处理和服务发布流程介绍(二维和三维)

    6.23、ArcGIS平台下数据处理和服务发布流程介绍(二维和三维)动手操作

    6.24、ArcGIS API for JavaScript调用发布的数据服务(二维)

    6.25、ArcGIS API for JavaScript调用发布的数据服务(三维)

    6.26、Portal定制开发介绍

    6.27、Portal定制开发—获取Portal自身的基本信息

    6.28、Portal定制开发—在Portal中新建文件夹

课程获取地址

  • 如果喜欢在线观看的话,请直接在CSDN平台上学习,地址如下;
  • 如果喜欢下载后观看的话,视频已经挂载到微信小店中,请移步至微信小店获取(价格较低),地址如下:

 


http://chatgpt.dhexx.cn/article/Hf0VF1at.shtml

相关文章

angular-6大主流前端框架(一)

小编我最近做的项目中前端用到了angular,全因心中无货,特来补货。我们先对比一下前端框架。 【我是否需要使用框架?】 如果不尝试回答这个问题就是我们的失职,这越来越成为社会上某些人的口头禅,在网络平台上的争论也…

3大主流前端框架对比

2019独角兽企业重金招聘Python工程师标准>>> 框架对比 AngularReactVue.js组织方式MVC模块化模块化数据绑定双向单向双向模板能力强大自由简介自由度较小大较大路由静态路由动态路由动态路由 适用场景 Angular:后端开发人员构建CURD类型应用 React&#…

主流前端框架实现原理

主流前端框架都遵循组件化开发模式,根据更新粒度可以分为应用级、组件级和节点级。他们的实现原理均为UIf(state) 即框架内部的运行机制根据状态渲染视图 应用级代表:React 组件级代表:Vue 节点级代表:Svelte、SOLID 一、 节点级更新框架…

三大主流前端框架介绍VUE 、React、Angular

当前,三大主流前端框架分别是Vue、React、Angular这三个框架。 Vue 是一个构建数据驱动的Web界面的库,准确来说不是一个框架,用于构建直观,快速和组件化交互式界面的 MVVM 框架。 它有以下的特性:1.轻量级的框架、2…

web前端三大主流框架浅述

web前端三大主流框架是什么?前端开发师的岗位职责有哪些?微点阅读小编整理了相关内容供大家参考了解,请各位小伙伴随小编一起查阅下面的内容。 web前端三大主流框架 web前端三大主流框架是Angular、React、Vue。 1、Angular Angular原名angul…

几个精致的web UI框架

2019独角兽企业重金招聘Python工程师标准>>> 1.Aliceui Aliceui是支付宝的样式解决方案,是一套精选的基于 spm 生态圈的样式模块集合,是 Arale 的子集,也是一套模块化的样式命名和组织规范,是写 CSS 的更好方式。 gitH…

自动化测试的基本流程

测试如果按照是否手工划分可以分为手工测试和自动化测试。手工测试执行效率慢,容易出错。但是可以进行探索性测试和发散性测试。自动化测试则是和手工测试对立互补。 实施自动化测试的基本步骤 首先,需要已经完成了功能测试,此时测试版本稳…

自动化测试的流程有哪些?没有比这个更详细的了

目录 前言 自动化测试流程 总结 重点:配套学习资料和视频教学 前言 年初的时候自动化测试脚本也接触了一段时间,当时一上来就根据同事的写好的模板,写了几个简单功能模块的脚本,对整个脚本的编写流程有了些了解。 最近又开始做…

自动化测试的流程

下图是自动化测试的基本流程图,以及每个阶段的任务负责人,输出等。 1、制定测试计划 在展开自动化测试之前,最好做个测试计划,明确测试对象、测试目的、测试的项目内容、测试的方法、测试的进度要求,并确保测试所需的…

原来!自动化测试项目--的完整测试流程是这样的……

目录 需求分析: 整体流程图: 分析流程: 测试设计: 测试分析: 测试设计: 用例设计: 用例执行和回归 用例执行标准 bug回归标准 补充用例 质量分析 bug定位 前端定位: …

MySQL自动化运维工具

数据字典DDM:查看DB表结构和字段的,应用开发人员使用的,参考设计时 数据执行:写SQL语句的dml ,数据库人员给开发人员使用,执行语句、线上调试,发现数据问题,技术支持, 数…

如何做自动化测试

这个话题比较大,相信大家也都有自己的想法,我在这里写一些我自己的看法,请大家指教。 什么叫做自动化测试工程师 首先,会使用自动化测试工具的测试人员不能够称之为完全的自动化测试人员,这类测试人员被称为『工具小…

【测试】自动化测试基本流程

下图是自动化测试的基本流程图,以及每个阶段的任务负责人,输出等。 1、制定测试计划 在展开自动化测试之前,最好做个测试计划,明确测试对象、测试目的、测试的项目内容、测试的方法、测试的进度要求,并确保测试所需的…

自动化测试如何管理测试数据

前段时间,知识星球里有同学问到:自动化case越多,测试数据越多,数据的管理成本也越来越高,是否需要一个数据池来专门管理测试数据?这是一个好问题,也是很多测试同学在自动化测试实践中必须面对的…

自动化测试如何准备测试数据

事实上,大多数类型的测试都需要准备测试数据。 手动测试:需要准备一些基础数据,比如配置数据等; 自动化测试:基础需要准备,已有数据,动态运行时产生的数据需要准备; 性能测试:类似于自动化测试…

自动化测试实施流程

在上篇文章中,我们已经介绍过Selenium的一些基础知识,以及是否能够开展自动化测试的情形,在这篇文章中,我们将主要介绍自动化测试的实施流程。 1、自动化测试流程图 2、主要过程描述 2.1、自动化测试的切入点 开展自动化测试的…

自动化测试之获取mysql中的数据

各位小伙伴们,大家好,今天给大家带来的是关自动化测试之获取mysql数据库中的数据方面的干货,技术含金量超高,有测开方面发展的小伙伴可以好好看看。 实施自动化获取mysql数据库中的数据的前提知识有: 1. 精通软件测试…

性能自动化测试整体流程

目录 1. 性能环境搭建介绍 1.1 配置Jenkins 1.2 配置Maven, JDK 1.3 安装Jenkins插件 1.4 Jenkins角色权限管理 1.5 Jenkins配置发送邮件 1.6 配置JMeter 1.7 安装和配置Tomcat 2. 分布式接口压测的Job设置 2.1 Jenkins上配置Job 2.2 配置JMeter分布式压测环境 2.3…

自动化测试(一)

利用测试自动化工具,更轻松地编写测试套件,减轻人为干预并提高测试ROI回报率。 业务关键测试用例,重复测试用例,功能测试用例 web自动化测试工具 : QTP一个商业化的功能测试工具,收费,支持web…

自动化测试-使用python控制MYSQL数据库(pymysql)

当需要对大量的数据进行处理并写入/读取数据库时,直接使用Linux显然会显得力不从心,即使是图形化的Navicat Premium在处理大批量数据时也难以招架,只能通过SQL语句结合导入导出来实现一些事情,本文分享使用python语言中的pymysql包…