WebGIS 之 Element 前端組件開發

郭明強 等

WebGIS 之 Element 前端組件開發
  • 出版商: 電子工業
  • 出版日期: 2022-03-01
  • 定價: $594
  • 售價: 8.5 折 $505
  • 語言: 簡體中文
  • 頁數: 264
  • ISBN: 7121431629
  • ISBN-13: 9787121431623
  • 相關分類: 地理資訊系統 Gis

    • 立即出貨 (庫存 < 3)

買這商品的人也買了...

相關主題

商品描述

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

目錄大綱

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

類似商品