WebGIS之Element前端组件开发

目　　录
第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）