WebGIS 之 Element 前端組件開發

購買商店

WebGIS 之 Element 前端組件開發

$594.00

馬上購買

內容描述

本書結合Vue和OpenLayers，由淺入深、循序漸進地介紹Element的常用組件用法。本書共8章，首先介紹Element+Vue+OpenLayers開發環境的配置；然後結合Vue和OpenLayers對Element的常用組件進行詳細的介紹，包括基本組件、表單組件、數據組件、通知組件、導航組件以及其他組件；最後以開發一個簡單的智慧校園系統為例，進行Element+Vue+OpenLayers的項目實戰。

目錄大綱

目　　錄
□□章開發環境的配置（1）
1．1 使用npm配置開發環境（1）
1．1．1 Vue的安裝（1）
1．1．□ Element的安裝（6）
1．1．3 OpenLayers的安裝（6）
1．□ 採用直接引用的方式配置開發環境（7）
1．□．1 下載Vue文件（7）
1．□．□ 下載Element文件（8）
1．□．3 下載OpenLayers文件（10）
1．3 □□個Element+Vue+OpenLayers示例（11）
1．4 多語言切換（1□）
1．5 自定義主題樣式切換（14）
1．6 組件過渡動畫（15）
第□章基本組件（19）
□．1 Element的布□（19）
□．1．1 基礎布□（19）
□．1．□ 分欄間隔（□0）
□．1．3 混合佈□（□1）
□．1．4 分欄偏移（□3）
□．1．5 對齊方式（□4）
□．□ Element的布□容器（□6）
□．3 Element的色彩（□9）
□．4 Element的字體（3□）
□．5 Element的邊框（35）
□．6 Element的圖標（38）
□．7 Element的按鈕（40）
□．7．1 按鈕的樣式定義（40）
□．7．□ 按鈕的事件綁定（4□）
□．8 Element的文字鏈接（44）
□．9 思考與練習題（46）
第3章表單組件（47）
3．1 單選框（Radio）（47）
3．□ 多選框（Checkbox）（49）
3．3 輸入框（Input）（5□）
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．1□ 上傳（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．□ 標籤（Tag）（143）
4．3 進度條（Progress）（146）
4．4 樹形（Tree）組件（148）
4．5 分頁（Pagination）（158）
4．6 標註（Badge）（159）
4．7 頭像（Avatar）（16□）
4．8 思考與練習題（164）
第5章通知組件（165）
5．1 警告（Alert）（165）
5．□ 加載（Loading）（167）
5．3 消息提示（Message）（17□）
5．4 彈框（MessageBox）（175）
5．5 通知（Notification）（185）
5．6 思考與練習題（191）
第6章導航組件（193）
6．1 導航菜單（NavMenu）（193）
6．□ 標籤頁（Tabs）（198）
6．3 麵包屑（Breadcrumb）（□0□）
6．4 頁頭（PageHeader）（□04）
6．5 下拉菜單（Dropdown）（□05）
6．6 步驟條（Steps）（□08）
6．7 思考與練習題（□11）
第7章其他組件（□13）
7．1 對話框（Dialog）（□13）
7．□ 文字提示（Tooltip）（□17）
7．3 彈出框（Popover）（□19）
7．4 卡片（Card）（□□1）
7．5 走馬燈（Carousel）（□□3）
7．6 折疊面板（Collapse）（□□5）
7．7 時間線（Timeline）（□□8）
7．8 分割線（Divider）（□30）
7．9 日曆（Calendar）（□31）
7．10 圖片（Image）（□33）
7．11 無限滾動（InfiniteScroll）（□35）
7．1□ 抽屜（Drawer）（□36）
7．13 思考與練習題（□40）
第8章Element+Vue+OpenLayers項目實戰（□41）
8．1 智慧校園系統的需求分析（□41）
8．□ 智慧校園系統的設計（□41）
8．□．1 開發環境（□41）
8．□．□ 數據結構設計（□41）
8．□．3 系統功能設計（□47）
8．3 智慧校園系統的功能實現（□47）
8．3．1 地圖基本功能（□48）
8．3．□ 道路設施查詢（□49）
8．3．3 運動休閒查詢（□50）
8．3．4 教學設施查詢（□51）
8．3．5 餐飲服務查詢（□5□）
8．3．6 辦公樓查詢（□5□）
8．3．7 學生宿舍查詢（□53）