跨平臺(tái)混編框架 MUI 仿豆瓣電影 APP

MUI框架已成為當(dāng)下混合APP應(yīng)用開發(fā)的首選，是移動(dòng)端開發(fā)者的福音，更是前端工程師快速轉(zhuǎn)型APP開發(fā)的最佳捷徑！正是因?yàn)樗罱咏鶤PP體驗(yàn)的高性能，實(shí)現(xiàn)一套代碼多平臺(tái)運(yùn)行，開發(fā)更加簡易、大大減少了開發(fā)成本和維護(hù)成本，讓開發(fā)者感受到它的功能超強(qiáng)！

第1章 課程介紹

MUI概念描述；MUI應(yīng)用場(chǎng)景與價(jià)值；課程規(guī)劃概述；項(xiàng)目結(jié)構(gòu)概述；課程注意事項(xiàng)；

1-1 MUI實(shí)戰(zhàn)豆瓣APP-整體介紹

第2章 MUI基礎(chǔ)知識(shí)概述

MUI基礎(chǔ)控件介紹；MUI事件和請(qǐng)求；官方文檔查閱技巧；簡單演示控件使用和代碼塊的使用；

2-1 MUI基礎(chǔ)知識(shí)概述

第3章 項(xiàng)目概述及框架搭建

項(xiàng)目概述；項(xiàng)目主界面搭建；制作主頁Tab，模板調(diào)整

3-1 制作主頁Tab

3-2 模版調(diào)整實(shí)現(xiàn)

3-3 基于HBuilder 8.9.1.201712121728 版本的Tab生成示例

第4章 電影列表功能實(shí)戰(zhàn)

主界面的影視列表功能編寫及講解；常用功能刷新和分頁詳解；搜索框?qū)崿F(xiàn)，熱映列表布局，獲取熱映列表接口數(shù)據(jù)，使用Vue進(jìn)行數(shù)據(jù)綁定，下拉刷新上拉加載，預(yù)加載電影詳情頁

4-1 搜索框?qū)崿F(xiàn)

4-2 熱映列表布局

4-3 獲取熱映列表接口數(shù)據(jù)

4-4 使用Vue進(jìn)行數(shù)據(jù)綁定

4-5 下拉刷新上拉加載

4-6 預(yù)加載電影詳情頁

第5章 電影詳情功能實(shí)戰(zhàn)

影視詳情界面及其衍生界面：電影詳情頁面跳轉(zhuǎn)和數(shù)據(jù)傳遞，以及布局實(shí)現(xiàn)，電影詳情獲取接口數(shù)據(jù)。演員詳情頁面跳轉(zhuǎn)和數(shù)據(jù)傳遞，以及布局實(shí)現(xiàn)，演員詳情獲取接口數(shù)據(jù)

5-1 電影詳情頁面跳轉(zhuǎn)和數(shù)據(jù)傳遞

5-2 電影詳情頁面布局實(shí)現(xiàn)（上）

5-3 電影詳情頁面布局實(shí)現(xiàn)（下）

5-4 電影詳情獲取接口數(shù)據(jù)1

5-5 電影詳情獲取接口數(shù)據(jù)2

5-6 演員詳情頁面跳轉(zhuǎn)和數(shù)據(jù)傳遞

5-7 演員詳情頁面布局實(shí)現(xiàn)（上）

5-8 演員詳情頁面布局實(shí)現(xiàn)（下）

5-9 演員詳情獲取接口數(shù)據(jù)

第6章 電影榜單功能實(shí)戰(zhàn)

榜單列表：頂部banner實(shí)現(xiàn)，Top250、北美票房榜入口添加，即將上映列表布局，即將上映列表獲取接口數(shù)據(jù)，Top250頁面頂部選項(xiàng)卡實(shí)現(xiàn)，以及列表布局實(shí)現(xiàn)，獲取接口數(shù)據(jù)，北美票房榜頁面列表布局實(shí)現(xiàn)，獲取接口數(shù)據(jù)

6-1 頂部banner實(shí)現(xiàn)

6-2 Top250、北美票房榜入口添加

6-3 即將上映列表布局

6-4 即將上映列表獲取接口數(shù)據(jù)

6-5 Top250頁面頂部選項(xiàng)卡實(shí)現(xiàn)

6-6 Top250頁面列表布局實(shí)現(xiàn)

6-7 Top250頁面獲取接口數(shù)據(jù)

6-8 北美票房榜頁面列表布局實(shí)現(xiàn)

6-9 北美票房榜頁面獲取接口數(shù)據(jù)

第7章 電影搜索功能實(shí)戰(zhàn)

搜索功能：搜索頁面布局實(shí)現(xiàn)，搜索歷史記錄實(shí)現(xiàn)，搜索結(jié)果頁實(shí)現(xiàn)

7-1 搜索頁面布局實(shí)現(xiàn)

7-2 搜索歷史記錄實(shí)現(xiàn)

7-3 搜索結(jié)果頁

第8章 設(shè)置界面功能實(shí)戰(zhàn)

通用設(shè)置和應(yīng)用介紹：設(shè)置頁面布局實(shí)現(xiàn)，清除緩存實(shí)現(xiàn)，關(guān)于我們

8-1 設(shè)置頁面布局實(shí)現(xiàn)

8-2 清除緩存實(shí)現(xiàn)

8-3 關(guān)于我們

第9章 打包上線部署實(shí)戰(zhàn)

Android、iOS兩個(gè)主流移動(dòng)端平臺(tái)，打包上線部署該項(xiàng)目APP

9-1 打包上線部署（上）

9-2 打包上線部署（下）

第10章 課程回顧與總結(jié)

課程技術(shù)回顧和難點(diǎn)整理；總結(jié)；

10-1 課程回顧與總結(jié)