WebGIS之Element前端组件开发

郭明强 / 黄颖 / 杨亚仑电子工业出版社 · 中国2022年4月

评分 3.1
字数
5.4万字
章节数
103
ISBN
9787121431623

标签

计算机综合 前端开发组件实战软件开发入门教程图解步骤技术手册

内容简介

本书结合Vue和OpenLayers，由浅入深、循序渐进地介绍Element的常用组件用法。

本书共8章，首先介绍Element+Vue+OpenLayers开发环境的配置；然后结合Vue和OpenLayers对Element的常用组件进行详细的介绍，包括基本组件、表单组件、数据组件、通知组件、导航组件以及其他组件；最后以开发一个简单的智慧校园系统为例，进行Element+Vue+OpenLayers的项目实战。

编辑推荐

本书的明确定位是“WebGIS 前端组件化开发”，它没有泛泛讲 Vue 或 OpenLayers 的原理，而是把 Element 的常用组件放到地图应用的语境里逐一拆解，这个切入点比较少见。全书从环境配置讲起，依次覆盖基本组件、表单、数据、通知、导航等类别，最后用一个智慧校园系统把零散知识串成完整项目，结构上属于典型“工具书＋实战”的写法。对已经会一点 Vue、却不知道如何把界面组件和地图交互衔接起来的读者，书中组件与 OpenLayers 配合的示例有直接的参照价值；智慧校园案例也可以当作课程设计或小型项目的骨架来改造。需要注意的是，本书侧重组件用法与项目落地，对框架底层机制、工程化规范和性能优化着墨有限，阅读时最好同步查阅官方文档，避免把示例代码当成唯一写法。整体适合作为边做边查的案头书，而不是从头读到尾的系统教材。

适合谁读

适合

不适合

阅读建议

  1. 先照第1章把 Element、Vue、OpenLayers 环境跑通，再进入组件章节，避免只看不练。
  2. 按组件类别跳读，遇到项目中实际用到的表单、数据、导航组件再精读对应小节。
  3. 读智慧校园案例时先自己搭页面结构，再对照书中实现，差异处最值得琢磨。
  4. 随手查阅 Element 与 OpenLayers 官方文档，核对版本与 API 是否与书中一致。

出版社简介

电子工业出版社 中国 · 成立于 1982 年

电子工业出版社是一家以电子信息及相关领域为出版特色的综合性出版社。从库内三千余种图书来看，其出版方向覆盖编程设计、人工智能、计算机综合、财经、摄影与社科等门类，既关注技术前沿，也兼顾大众阅读。代表图书包括《因子投资：方法与实践》《x86汇编语言：从实模式到保护模式》《RISC-V开放架构设计之道》《人工智能：语音识别理解与实践》《相控阵雷达技术》《雷达目标特性》及《100个Go语言典型错误》等，多围绕技术方法与工程实践展开。作者资源方面，有石川、李忠、王晓波、大卫·帕特森、安德鲁·沃特曼、余子濠等中外作者。受公开资料所限，暂不展开更多出版特色。

目录

  1. 版权信息
  2. 内容简介
  3. 前言
  4. 第1章 开发环境的配置
  5. 1.1 使用npm配置开发环境
  6. 1.1.1 Vue的安装
  7. 1.1.2 Element的安装
  8. 1.1.3 OpenLayers的安装
  9. 1.2 采用直接引用的方式配置开发环境
  10. 1.2.1 下载Vue文件
  11. 1.2.2 下载Element文件
  12. 1.2.3 下载OpenLayers文件
  13. 1.3 第一个Element+Vue+OpenLayers示例
  14. 1.4 多语言切换
  15. 1.5 自定义主题样式切换
  16. 1.6 组件过渡动画
  17. 第2章 基本组件
  18. 2.1 Element的布局
  19. 2.1.1 基础布局
  20. 2.1.2 分栏间隔
  21. 2.1.3 混合布局
  22. 2.1.4 分栏偏移
  23. 2.1.5 对齐方式
  24. 2.2 Element的布局容器
  25. 2.3 Element的色彩
  26. 2.4 Element的字体
  27. 2.5 Element的边框
  28. 2.6 Element的图标
  29. 2.7 Element的按钮
  30. 2.7.1 按钮的样式定义
  31. 2.7.2 按钮的事件绑定
  32. 2.8 Element的文字链接
  33. 2.9 思考与练习题
  34. 第3章 表单组件
  35. 3.1 单选框
  36. 3.2 多选框
  37. 3.3 输入框
  38. 3.4 计数器
  39. 3.5 选择器
  40. 3.6 级联选择器
  41. 3.7 开关
  42. 3.8 滑块
  43. 3.9 时间选择器
  44. 3.10 日期选择器
  45. 3.11 日期时间选择器
  46. 3.12 上传
  47. 3.13 评分
  48. 3.14 颜色选择器
  49. 3.15 穿梭框
  50. 3.16 表单
  51. 3.17 思考与练习题
  52. 第4章 数据组件
  53. 4.1 表格
  54. 4.2 标签
  55. 4.3 进度条
  56. 4.4 树形组件
  57. 4.5 分页
  58. 4.6 标注
  59. 4.7 头像
  60. 4.8 思考与练习题
  61. 第5章 通知组件
  62. 5.1 警告
  63. 5.2 加载
  64. 5.3 消息提示
  65. 5.4 弹框
  66. 5.5 通知
  67. 5.6 思考与练习题
  68. 第6章 导航组件
  69. 6.1 导航菜单
  70. 6.2 标签页
  71. 6.3 面包屑
  72. 6.4 页头
  73. 6.5 下拉菜单
  74. 6.6 步骤条
  75. 6.7 思考与练习题
  76. 第7章 其他组件
  77. 7.1 对话框
  78. 7.2 文字提示
  79. 7.3 弹出框
  80. 7.4 卡片
  81. 7.5 走马灯
  82. 7.6 折叠面板
  83. 7.7 时间线
  84. 7.8 分割线
  85. 7.9 日历
  86. 7.10 图片
  87. 7.11 无限滚动
  88. 7.12 抽屉
  89. 7.13 思考与练习题
  90. 第8章 Element+Vue+OpenLayers项目实战
  91. 8.1 智慧校园系统的需求分析
  92. 8.2 智慧校园系统的设计
  93. 8.2.1 开发环境
  94. 8.2.2 数据结构设计
  95. 8.2.3 系统功能设计
  96. 8.3 智慧校园系统的功能实现
  97. 8.3.1 地图基本功能
  98. 8.3.2 道路设施查询
  99. 8.3.3 运动休闲查询
  100. 8.3.4 教学设施查询
  101. 8.3.5 餐饮服务查询
  102. 8.3.6 办公楼查询
  103. 8.3.7 学生宿舍查询

常见问题

没有 Vue 基础能直接读这本书吗？ 不太建议。书中默认读者已了解 Vue 的基本用法，组件示例直接建立在 Vue 的模板与数据绑定之上，缺少这部分基础会难以理解代码结构。建议先补完 Vue 的组件、指令和生命周期等入门内容，再回来阅读，效果会顺畅很多。
书中的项目案例能直接用于实际开发吗？ 智慧校园案例更适合作为学习骨架，它演示了组件如何组织、地图如何嵌入界面，但距离生产项目还有差距，例如权限、接口封装、异常处理等通常未展开。可以借鉴其结构，再结合团队规范补充工程化内容。
书里讲的 Element 是哪个版本？ 资料未注明具体版本号，书中示例基于成书时的 Element 用法。由于 Element 及其 Vue 适配版本仍在更新，部分组件属性或引入方式可能已有变化，动手时请以官方文档为准，遇到不一致先核对版本。
这本书对 OpenLayers 讲解深不深？ 本书重心在 Element 组件与 Vue 的结合，OpenLayers 主要作为地图底图和交互的承载出现在示例与项目中，并未系统讲解投影、图层渲染等底层内容。若目标是深入地图引擎本身，需要另找专门资料补充。

本站为索引目录：「全网查询」由您发起、在您的浏览器中运行，所列入口均指向第三方站点，请自行判断可用性。

作者简介

郭明强 作者

郭明强是一位围绕地理信息系统与WebGIS开发持续写作的技术作者，公开资料有限，其个人履历未见披露。从库内收录的九种作品可以看出，他的写作集中在计算机综合、编程设计与软件学习三类，内容覆盖桌面与移动GIS应用、WebGIS前端组件与三维开发，以及大数据图形可视化等方向。代表作品包括《地理信息系统应用与实践（第2版）》《WebGIS之OpenLayers全面解析（第2版）》《WebGIS之Cesium三维软件开发》等，另有《图像处理与深度学习》延伸至相关技术领域。其著作多以具体平台和工具为线索，强调功能开发与工程实践，面向希望动手实现GIS功能的读者，在WebGIS技术学习类图书中具有一定辨识度。

黄颖 作者

黄颖的公开资料有限，现有信息主要来自其已出版的著作。从库内收录的11种作品来看，其写作横跨编程设计、计算机综合、管理、财经、软件学习与社科等多个领域，选题兼具技术实操与商业应用。在技术方向，黄颖围绕WebGIS展开了较为系统的梳理，涉及OpenLayers、ECharts、Element等前端工具与可视化组件，并将讨论延伸至移动GIS应用开发与智慧城市地上实体三维建模；在商业与社科方向，则著有跨境电商实务，以及区域创新产出的宏观因素与微观机制研究，另有面向大众读者的《一本书读懂大数据》。整体而言，其作品偏重工具应用与方法梳理，兼顾技术读者与经管、社科读者的阅读需求。

杨亚仑 作者

杨亚仑，目前公开资料有限，其国籍、生卒年、学历与职业经历等均未见明确记载。从库内收录情况看，杨亚仑有作品一种，即《WebGIS之Element前端组件开发》，该书归入计算机综合类，是一本面向地理信息系统（GIS）前端开发的实务型技术图书。书名显示其内容围绕 WebGIS 应用开发与 Element 前端组件库的使用展开，属于将 Web 技术应用于地理信息展示与交互的实践方向。这类选题通常面向具备一定前端基础的开发者、GIS 相关专业学生及技术人员，强调组件化开发思路与工程落地。由于作者其他著作与背景资料暂缺，其整体写作风格与学术脉络尚难完整评估，但从现有作品可以看出，作者关注前端组件化技术与 GIS 应用开发的结合，并为中文技术读者提供了针对性的实践参考。