舉報

會員
Vue.js 3.x+Element Plus前端開發實戰
最新章節:
14.2.2 GitHub Actions部署
ElementPlus是一套采用Vue.js3.x實現的UI組件庫,它為開發者、設計師和產品經理提供了配套設計資源,可以幫助網站快速成型。本書詳解Vue.js3.x和ElementPlus開發方法,配套源碼、PPT課件。本書分為兩篇,共14章。第一篇(第1~7章)介紹Vue.js3和ElementPlus相關的基礎知識,其中包含Vue.js3的基礎知識、Vue.js3生態VueRouter和Vuex的相關知識與應用、ElementPlus常用組件的使用方法以及Vue.js3和ElementPlus配合使用的好處和方法,各章節通過簡單的示例,使讀者可以快速掌握相關知識;第二篇(第8~14章)講解如何構建一個功能完整的單頁面應用——權限管理系統,為讀者掌握ElementPlus打下堅實的基礎。本書適合Vue.js3.x+ElementPlus前端開發初學者、Web應用開發人員、UI設計師和產品經理學習,也適合作為高等院校相關專業Web前端開發課程的教材。
目錄(162章)
倒序
- 封面
- 版權信息
- 內容簡介
- 前言
- 第一篇 Vue 3和Element Plus基礎知識
- 第1章 搭建Vue+Element Plus開發環境
- 1.1 簡單認識Vue
- 1.2 簡單認識Element與Element Plus
- 1.3 Vue+Element組合開發的優勢
- 1.4 搭建Vue 3.x開發環境
- 1.4.1 在不安裝Vue的情況下引入Vue
- 1.4.2 安裝Vue的幾種方法
- 1.4.3 Vue框架的內容結構
- 1.4.4 第一個完整版的Hello Vue示例
- 1.5 在Vue中引入Element開發環境
- 1.5.1 在不安裝Element的情況下引入Element
- 1.5.2 安裝Element的幾種方法
- 1.5.3 完整引入Element
- 1.5.4 按需引入Element
- 1.6 安裝一款順手的開發工具VScode
- 1.6.1 軟件安裝
- 1.6.2 插件安裝
- 1.7 第一個完整版的Vue+Element Plus示例
- 第2章 Vue快速入門
- 2.1 雙向數據綁定
- 2.2 插值
- 2.2.1 文本插值
- 2.2.2 HTML插值
- 2.3 常用的指令
- 2.3.1 v-bind
- 2.3.2 v-on
- 2.3.3 v-if/v-else-if/v-else/v-show
- 2.3.4 v-for
- 2.3.5 v-model
- 2.3.6 v-html
- 2.3.7 v-text
- 2.4 組件
- 2.4.1 組件的注冊
- 2.4.2 組件的生命周期鉤子
- 2.4.3 組件的通信
- 第3章 Vue Router路由管理器
- 3.1 Vue Router的實現原理
- 3.1.1 Hash模式
- 3.1.2 HTML 5模式
- 3.2 Vue Router的使用方式
- 3.2.1 安裝引入
- 3.2.2 使用Vue Router
- 3.3 使用路由模塊來實現頁面跳轉的幾種方式
- 3.3.1 router-link標簽跳轉
- 3.3.2 JS腳本跳轉
- 3.4 Vue Router的參數傳遞
- 3.4.1 字符串
- 3.4.2 對象
- 3.5 單頁面多路由區域的操作
- 3.6 Vue Router配置子路由
- 3.7 設置404頁面
- 第4章 Vuex全局狀態管理模式
- 4.1 不使用Vuex與使用Vuex的對比
- 4.2 安裝和使用Vuex
- 4.2.1 直接下載/CDN引入
- 4.2.2 npm/yarn安裝
- 4.2.3 Vue CLI安裝
- 4.3 state
- 4.3.1 state的定義
- 4.3.2 state的訪問
- 4.4 getters
- 4.5 mutations
- 4.5.1 定義mutations
- 4.5.2 提交mutations
- 4.6 actions
- 4.6.1 注冊actions
- 4.6.2 分發actions
- 4.7 modules
- 4.8 mapState、mapGetters、mapMutations和mapActions
- 第5章 Vue+Element實現列表和分頁
- 5.1 Table組件
- 5.1.1 Table組件的引入方式
- 5.1.2 Table組件的使用
- 5.2 Pagination組件
- 5.2.1 Pagination組件的引入方式
- 5.2.2 Pagination組件的用法
- 5.3 實戰:數據的列表和分頁
- 第6章 Element的Form表單和Select組件
- 6.1 Form表單組件
- 6.1.1 Form組件的引入方式
- 6.1.2 Form組件的使用
- 6.2 Select組件
- 6.2.1 Select組件的組成和引入方式
- 6.2.2 Select組件的使用
- 6.3 實戰:一個注冊和登錄頁面
- 第7章 Element的Dialog組件、Message組件和MessageBox組件
- 7.1 Dialog組件
- 7.1.1 Dialog組件的引入和結構
- 7.1.2 Dialog組件的使用
- 7.2 MessageBox組件和$alert、$confirm、$prompt
- 7.2.1 MessageBox組件的引入
- 7.2.2 MessageBox的使用
- 7.3 Message組件和$message
- 7.3.1 Message組件的引入
- 7.3.2 Message組件的使用
- 7.4 實戰:一個列表的增、刪、改、查功能
- 第二篇 Vue+Element權限管理系統項目實戰
- 第8章 搭建項目基礎框架
- 8.1 項目的說明和用到的技術
- 8.1.1 項目簡介
- 8.1.2 項目功能
- 8.1.3 項目使用的技術
- 8.2 搭建開發環境
- 8.2.1 安裝Git
- 8.2.2 安裝Node.js
- 8.2.3 安裝VScode
- 8.2.4 創建Vue項目
- 8.2.5 手動安裝Vue Router
- 8.2.6 手動安裝Vuex
- 8.2.7 手動安裝Element Plus
- 8.2.8 引入Element Plus圖標集
- 8.2.9 安裝CSS預處理器Sass
- 第9章 初始化頁面布局
- 9.1 原生樣式重置
- 9.2 初始化頁面布局
- 9.3 頭部組件的封裝
- 9.3.1 基礎結構
- 9.3.2 中英文切換
- 9.3.3 個人信息展示初步實現
- 9.4 登錄頁面和404頁面的實現
- 9.4.1 封裝Axios
- 9.4.2 封裝Mock.js
- 9.4.3 登錄狀態管理
- 9.4.4 通用頭部遺留功能完善
- 9.4.5 404頁面
- 9.5 左側導航欄封裝
- 9.5.1 靜態菜單
- 9.5.2 動態菜單
- 第10章 實現各模塊分頁表格展示
- 10.1 通用分頁表格組件的封裝
- 10.2 各模塊入口頁面的實現
- 10.2.1 審計管理
- 10.2.2 系統管理
- 10.2.3 應用管理
- 第11章 添加和編輯功能的實現
- 11.1 系統管理
- 11.1.1 公告管理
- 11.1.2 用戶管理
- 11.1.3 提取公共操作方法
- 11.2 應用管理
- 11.2.1 角色管理
- 11.2.2 機構管理
- 11.2.3 用戶管理
- 11.2.4 資源管理
- 第12章 刪除和其他操作的實現
- 12.1 刪除操作
- 12.2 綁定資源操作
- 第13章 個人中心功能的實現
- 13.1 個人中心布局
- 13.2 基本資料
- 13.3 修改密碼
- 13.4 系統消息
- 第14章 GitHub部署項目
- 14.1 認識GitHub
- 14.2 部署項目
- 14.2.1 GitHub Pages部署
- 14.2.2 GitHub Actions部署 更新時間:2023-07-17 19:27:06
推薦閱讀
- JavaScript框架設計
- 一線架構師實踐指南
- Android 網絡開發與應用實戰詳解
- 軟件研發效能提升之美
- 區塊鏈核心算法解析
- 構建跨平臺APP:jQuery Mobile移動應用實戰(第2版) (跨平臺移動開發叢書)
- Kubernetes Operator開發進階
- Android驅動開發與移植實戰詳解
- OpenGL ES 2.0游戲開發(下卷)
- IEC算法及其在多目標優化中的應用
- 容器即服務:從零構建企業級容器集群
- 軟件工程最佳實踐
- Cucumber:行為驅動開發指南
- 軟件設計:從專業到卓越
- 架構現代化:方法與實踐
- 安卓Frida逆向與協議分析
- 云原生應用架構:微服務開發最佳實戰
- 像計算機科學家一樣思考Java
- 軟件研發效能權威指南
- MapReduce 2.0源碼分析與編程實戰
- 面向用戶的設計:移動應用產品設計之道
- 云數據湖:構建健壯的云數據架構
- Spring Boot 3 +Vue 3開發實戰
- 加速:高效能軟件交付之道
- 構建高可用VMware vSphere 5.X虛擬化架構
- 簡約至上:交互式設計四策略(第2版)
- ModelSim電子系統分析及仿真(第4版)
- containerd原理剖析與實戰
- Arduino開發實戰指南:AVR篇
- 數字學習力:網絡時代伴學工具使用手冊