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

郭明强，男，重庆人，信息工程系副教授，从事网络地理信息系统和高性能空间计算的研究和教学工作。2007年获中国地质大学（武汉）计算机科学与技术学士学位；2013年获中国地质大学（武汉）地图制图学与地理信息工程博士学位。

目　　录
第1章　开发环境的配置 （1）
1.1　使用npm配置开发环境 （1）
1.1.1　Vue的安装 （1）
1.1.2　Element的安装 （6）
1.1.3　OpenLayers的安装 （6）
1.2　采用直接引用的方式配置开发环境 （7）
1.2.1　下载Vue文件 （7）
1.2.2　下载Element文件 （8）
1.2.3　下载OpenLayers文件 （10）
1.3　第一个Element+Vue+OpenLayers示例 （11）
1.4　多语言切换 （12）
1.5　自定义主题样式切换 （14）
1.6　组件过渡动画 （15）
第2章　基本组件 （19）
2.1　Element的布局 （19）
2.1.1　基础布局 （19）
2.1.2　分栏间隔 （20）
2.1.3　混合布局 （21）
2.1.4　分栏偏移 （23）
2.1.5　对齐方式 （24）
2.2　Element的布局容器 （26）
2.3　Element的色彩 （29）
2.4　Element的字体 （32）
2.5　Element的边框 （35）
2.6　Element的图标 （38）
2.7　Element的按钮 （40）
2.7.1　按钮的样式定义 （40）
2.7.2　按钮的事件绑定 （42）
2.8　Element的文字链接 （44）
2.9　思考与练习题 （46）

第3章　表单组件 （47）
3.1　单选框（Radio） （47）
3.2　多选框（Checkbox） （49）
3.3　输入框（Input） （52）
3.4　计数器（InputNumber） （56）
3.5　选择器（Select） （57）
3.6　级联选择器（Cascader） （61）
3.7　开关（Switch） （64）
3.8　滑块（Slider） （66）
3.9　时间选择器（TimePicker） （69）
3.10　日期选择器（DatePic） （73）
3.11　日期时间选择器（DateTimePicker） （76）
3.12　上传（Upload） （78）
3.13　评分（Rate） （86）
3.14　颜色选择器（ColorPicker） （88）
3.15　穿梭框（Transfer） （89）
3.16　表单（Form） （95）
3.17　思考与练习题 （110）
第4章　数据组件 （111）
4.1　表格（Table） （111）
4.2　标签（Tag） （143）
4.3　进度条（Progress） （146）
4.4　树形（Tree）组件 （148）
4.5　分页（Pagination） （158）
4.6　标注（Badge） （159）
4.7　头像（Avatar） （162）
4.8　思考与练习题 （164）
第5章　通知组件 （165）
5.1　警告（Alert） （165）
5.2　加载（Loading） （167）
5.3　消息提示（Message） （172）
5.4　弹框（MessageBox） （175）
5.5　通知（Notification） （185）
5.6　思考与练习题 （191）
第6章　导航组件 （193）
6.1　导航菜单（NavMenu） （193）
6.2　标签页（Tabs） （198）
6.3　面包屑（Breadcrumb） （202）
6.4　页头（PageHeader） （204）
6.5　下拉菜单（Dropdown） （205）
6.6　步骤条（Steps） （208）
6.7　思考与练习题 （211）
第7章　其他组件 （213）
7.1　对话框（Dialog） （213）
7.2　文字提示（Tooltip） （217）
7.3　弹出框（Popover） （219）
7.4　卡片（Card） （221）
7.5　走马灯（Carousel） （223）
7.6　折叠面板（Collapse） （225）
7.7　时间线（Timeline） （228）
7.8　分割线（Divider） （230）
7.9　日历（Calendar） （231）
7.10　图片（Image） （233）
7.11　无限滚动（InfiniteScroll） （235）
7.12　抽屉（Drawer） （236）
7.13　思考与练习题 （240）
第8章　Element+Vue+OpenLayers项目实战 （241）
8.1　智慧校园系统的需求分析 （241）
8.2　智慧校园系统的设计 （241）
8.2.1　开发环境 （241）
8.2.2　数据结构设计 （241）
8.2.3　系统功能设计 （247）
8.3　智慧校园系统的功能实现 （247）
8.3.1　地图基本功能 （248）
8.3.2　道路设施查询 （249）
8.3.3　运动休闲查询 （250）
8.3.4　教学设施查询 （251）
8.3.5　餐饮服务查询 （252）
8.3.6　办公楼查询 （252）
8.3.7　学生宿舍查询 （253）