幫助中心 | 我的帳號 | 關於我們

Vue.js3.x+Element Plus前端開發實戰/Web前端技術叢書

  • 作者:編者:趣千厘|責編:夏毓彥
  • 出版社:清華大學
  • ISBN:9787302618430
  • 出版日期:2022/11/01
  • 裝幀:平裝
  • 頁數:390
人民幣:RMB 99 元      售價:
放入購物車
加入收藏夾

內容大鋼
    Element Plus是一套採用Vue.js 3.x實現的UI組件庫,它為開發者、設計師和產品經理提供了配套設計資源,可以幫助網站快速成型。本書詳解Vue.js 3.x和Element Plus開發方法,配套源碼、PPT課件。
    本書分為兩篇,共14章。第一篇(第1?7章)介紹Vue.js 3和Element Plus相關的基礎知識,其中包含Vue.js 3的基礎知識、Vue.js 3生態Vue Router和Vuex的相關知識與應用、Element Plus常用組件的使用方法以及Vue.js 3和Element Plus配合使用的好處和方法,各章節通過簡單的示例,使讀者可以快速掌握相關知識;第二篇(第8?14章)講解如何構建一個功能完整的單頁面應用—許可權管理系統,為讀者掌握Element Plus打下堅實的基礎。
    本書適合Vue.js 3.x+Element Plus前端開發初學者、Web應用開發人員、UI設計師和產品經理學習,也適合作為高等院校相關專業Web前端開發課程的教材。

作者介紹
編者:趣千厘|責編:夏毓彥

目錄
第一篇  Vue 3和Element Plus基礎知識
  第1章  搭建Vue+Element Plus開發環境
    1.1  簡單認識Vue
    1.2  簡單認識Elerment與Elerment 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的情況下引入Elerment
      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/yam安裝
      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  Seleet組件
      6.2.1  Select組件的組成和引入方式
      6.2.2  Select組件的使用
    6.3  實戰:一個註冊和登錄頁面
  第7章  Element的Dlalog組件、Message組件和MessageBox組件
    7.1  Dialog組件
      7.1.1  Dialog組件的引入和結構
      7.1.2  Dialog組件的使用
    7.2  MessagelBox組件和$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  安裝Nodejs
      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圍標集
      S.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部署

  • 商品搜索:
  • | 高級搜索
首頁新手上路客服中心關於我們聯絡我們Top↑
Copyrightc 1999~2008 美商天龍國際圖書股份有限公司 臺灣分公司. All rights reserved.
營業地址:臺北市中正區重慶南路一段103號1F 105號1F-2F
讀者服務部電話:02-2381-2033 02-2381-1863 時間:週一-週五 10:00-17:00
 服務信箱:bookuu@69book.com 客戶、意見信箱:cs@69book.com
ICP證:浙B2-20060032