●第1章開發環境的配置
1.1使用npm配置開發環境
1.1.1Vue的安裝
1.1.2Element的安裝
1.1.3OpenLayers的安裝
1.2采用直接引用的方式配置開發環境
1.2.1下載Vue文件
1.2.2下載Element文件
1.2.3下載OpenLayers文件
1.3第一個Element+Vue+OpenLayers示例
1.4多語言切換
1.5自定義主題樣式切換
1.6組件過渡動畫
第2章基本組件
2.1Element的布局
2.1.1基礎布局
2.1.2分欄間隔
2.1.3混合布局
2.1.4分欄偏移
2.1.5對齊方式
2.2Element的布局容器
2.3Element的色彩
2.4Element的字體
2.5Element的邊框
2.6Element的圖標
2.7Element的按鈕
2.7.1按鈕的樣式定義
2.7.2按鈕的事件綁定
2.8Element的文字鏈接
2.9思考與練習題
第3章表單組件
3.1單選框(Radio)
3.2多選框(Checkbox)
3.3輸入框(Input)
3.4計數器(InputNumber)
3.5選擇器(Select)
3.6級聯選擇器(Cascader)
3.7開關(Switch)
3.8滑塊(Slider)
3.9時間選擇器(TimePicker)
3.10日期選擇器(DatePic)
3.11日期時間選擇器(DateTimePicker)
3.12上傳(Upload)
3.13評分(Rate)
3.14顏色選擇器(ColorPicker)
3.15穿梭框(Transfer)
3.16表單(Form)
3.17思考與練習題
第4章數據組件
4.1表格(Table)
4.2標簽(Tag)
4.3進度條(Progress)
4.4樹形(Tree)組件
4.5分頁(Pagination)
4.6標注(Badge)
4.7頭像(Avatar)
4.8思考與練習題
第5章通知組件
5.1警告(Alert)
5.2加載(Loading)
5.3消息提示(Message)
5.4彈框(MessageBox)
5.5通知(Notification)
5.6思考與練習題
第6章導航組件
6.1導航菜單(NavMenu)
6.2標簽頁(Tabs)
6.3面包屑(Breadcrumb)
6.4頁頭(PageHeader)
6.5下拉菜單(Dropdown)
6.6步驟條(Steps)
6.7思考與練習題
第7章其他組件
7.1對話框(Dialog)
7.2文字提示(Tooltip)
7.3彈出框(Popover)
7.4卡片(Card)
7.5走馬燈(Carousel)
7.6折疊面板(Collapse)
7.7時間線(Timeline)
7.8分割線(Divider)
7.9日歷(Calendar)
7.10圖片(Image)
7.11無限滾動(InfiniteScroll)
7.12抽屜(Drawer)
7.13思考與練習題
第8章Element+Vue+OpenLayers項目實戰
8.1智慧校園繫統的需求分析
8.2智慧校園繫統的設計
8.2.1開發環境
8.2.2數據結構設計
8.2.3繫統功能設計
8.3智慧校園繫統的功能實現
8.3.1地圖基本功能
8.3.2道路設施查詢
8.3.3運動休閑查詢
8.3.4教學設施查詢
8.3.5餐飲服務查詢
8.3.6辦公樓查詢
8.3.7學生宿舍查詢
本書結合Vue和OpenLayers,由淺入深、循序漸進地介紹Element的常用組件用法。本書共8章,首先介紹Element+Vue+OpenLayers開發環境的配置;然後結合Vue和OpenLayers對Element的常用組件進行詳細的介紹,包括基本組件、表單組件、數據組件、通知組件、導航組件以及其他組件;最後以開發一個簡單的智慧校園繫統為例,進行Element+Vue+OpenLayers的項目實戰。本書既可作為高等學校計算機科學與技術、地理信息繫統、網絡GIS、互聯網軟件開發、地理空間信息工程等相關專業或課程的教材和教學參考書,也可供計算機、GIS、遙感、測繪等領域的科研工作者參考。