移動跨平臺開發任務式教程(Vue+uni-app)(微課版)

高立軍,劉培林,趙偉

  • 出版商: 人民郵電
  • 出版日期: 2025-03-01
  • 售價: $359
  • 語言: 簡體中文
  • 頁數: 222
  • ISBN: 7115654247
  • ISBN-13: 9787115654243
  • 相關分類: Cross-PlatformVue.js
  • 下單後立即進貨 (約4週~6週)

  • 移動跨平臺開發任務式教程(Vue+uni-app)(微課版)-preview-1
移動跨平臺開發任務式教程(Vue+uni-app)(微課版)-preview-1

相關主題

商品描述

本書共10個模塊,模塊1-3簡單介紹與Vue開發緊密相關的前端基礎知識,包括開發環境、CSS基礎和JavaScript基礎,方便讀者快速了解前序知識。模塊4-8詳細介紹Vue開發技術,包括Vue選項、指令、組件、路由和腳手架,深入學習Vue知識。模塊9-10介紹uni-app及基於uView的開發,拓展Vue的應用。

本教材邏輯結構清晰,舉例詳實,可以作為移動應用開發技術、軟件技術、物聯網應用技術、大數據技術等專業的跨平臺前端開發課程的教材;案例結合真實企業項目,與企業開發接軌,同樣適合作為企業的培訓教材。

作者簡介

劉培林,教授,軟件技術專業專任教師,有12年軟件項目開發經驗,16年軟件技術專業課程教學經驗,主持了《軟件技術》江蘇省骨幹專業、無錫市職業教育重點專業和機械行業特色專業建設。主編教材3本,2本為江蘇省重點建設教材,1本為工信部規劃教材。

目錄大綱

目 錄

 

模塊 1 網站開發概述

任務 1.1 了解網站開發的概念

1.1.1 Web 標準

1.1.2 HTML 文檔

1.1.3 網站開發環境任務 1.2 顯示圖文信息

1.2.1 簡單HTML 標簽

1.2.2 圖像標簽

1.2.3 超鏈接標簽模塊小結

習題實訓

模塊 2 CSS 基礎

任務 2.1 設計收貨地址表單樣式

2.1.1 CSS 語法規則

2.1.2 簡單CSS 屬性

2.1.3 簡單選擇器

任務 2.2 設計移動網頁布局

2.2.1 Flex 彈性布局概述

2.2..2 容器屬性

2.2.3 項目屬性模塊小結

習題實訓

模塊 3 JavaScript 基礎

任務 3.1 學習JavaScript 數據類型

3.1.1 JavaScript 基本語法

3.1.2 變量、常量與運算符

3.1.3 JavaScript 數組

3.1.4 對象

任務 3.2 學習JavaScript 程序結構

3.2.1 程序結構

3.2.2 函數

 

3.2.3 ES6 語法模塊小結

習題實訓

模塊 4 Vue 實例

任務 4.1 了解 Vue 基礎知識

4.1.1 前端開發概述

4.1.2 什麼是 Vue

4.1.3 Vue 的優勢

任務 4.2 開發簡單 Vue 項目

4.2.1 創建 Vue 實例

4.2.2 根元素選項(el)

4.2.3 數據選項(data) 任務 4.3 設計數據編碼器

4.3.1 過濾選項(filters)

4.3.2 方法選項(methods) 任務 4.4 編寫模擬購物車

4.4.1 計算選項(computed)

4.4.2 狀態監聽選項(watch) 任務 4.5 學習 Vue 生命周期

4.5.1 生命周期概述

4.5.2 生命周期事件

4.5.3 Vue 實例方法與屬性模塊小結

習題實訓

模塊 5 Vue 指令

任務 5.1 開發用戶註冊程序

5.1.1 v-text 指令

5.1.2 v-html 指令

5.1.3 v-model 指令

5.1.4 v-if/v-else 和v-show 指令任務 5.2 開發用戶登錄程序

5.2.1 v-bind 指令

 

5.2.2 v-bind 與filters 選項

5.2.3 Class 與Style 綁定任務 5.3 設計電子商務購物車

5.3.1 v-for 指令

5.3.2 v-on 指令

5.3.3 v-on 指令修飾符模塊小結

習題實訓

模塊 6 Vue 自定義組件

任務 6.1 設計計分器組件

6.1.1 組件概述

6.1.2 組件註冊

6.1.3 組件模板

任務 6.2 編寫搜索框組件

6.2.1 props 選項

6.2.2 插槽元素() 任務 6.3 開發管理用戶組件

6.3.1 監聽子組件事件

6.3.2 動態組件

6.3.3 組件過渡模塊小結

習題實訓

模塊 7 Vue 路由

任務 7.1 設計簡單頁面導航

7.1.1 單頁面應用

7.1.2 路由視圖(

7.1.3 路由管理器

7.1.4 路由鏈接() 任務 7.2 傳遞參數給頁面

7.2.1 路由對象

7.2.2 query 方式參數傳遞

7.2.3 params 方式參數傳遞

 

任務 7.3 設計實用頁面導航

7.3.1 嵌套路由父級設計

7.3.2 嵌套路由子級設計模塊小結

習題實訓

模塊 8 Vue CLI

任務 8.1 了解CLI 基礎知識

8.1.1 Vue CLI 的特點

8.1.2 CLI 安裝必備

8.1.3 Git-Bash 命令行工具任務 8.2 創建CLI 項目

8.2.1 命令行創建與項目運行

8.2.2 HBuilderX 環境創建與項目運行任務 8.3 實戰CLI 項目

8.3.1 單文件組件

8.3.2 簡單vue 項目index 文件分析

8.3.3 導入與導出語句

8.3.4 CLI 項目結構分析

任務 8.4 開發用戶管理CLI 項目

8.4.1 CLI 插件

8.4.2 安裝插件

8.4.3 使用BootStrap

模塊小結習題

實訓

模塊 9 uni-app 開發

任務 9.1 設計底部導航

9.1.1 uni-app 開發概述

9.1.2 pages.json 文件

9.1.1 view 視圖

任務 9.2 設計網頁內容

9.2.1 scroll-view 可滾動視圖

9.2.2 image 圖片

 

9.2.3 navigator 路由任務 9.3 設計輪播圖

9.3.1 swiper 滑塊視圖容器

9.3.2 swiper-item 滑塊選項任務 9.4 設計可拖動選項卡

9.4.1 movable-view 可移動視圖

9.4.2 web-view 瀏覽器

9.4.3 tabBar 標簽模塊小結

習題實訓

模塊 10 uView 插件

任務 10.1 使用uView

10.1.1 uView 概述

10.1.2 安裝與配置uView

10.1.3 使用 Toast 組件任務 10.2 填寫收貨地址信息

10.2.1 Form 表單

10.2.2 Form-item 表單域

10.2.3 Input 輸入框

10.2.4 Picker 選擇器

10.2.5 Select 列選擇器

10.2.6 Switch 開關選擇器

10.2.7 表單驗證任務 10.3 查看訂單

10.3.1 Tabs-Swiper 全屏選項卡

10.3.2 LoadMore 加載更多

10.3.3 Icon 圖標

任務 10.4 編寫天氣服務

10.4.1 Http 請求

10.4.2 Search 搜索框模塊小結

習題實訓