一、uni-app框架入門布局與多端真機調試（38課時）

1）商業級真實項目課程演示與資料下載說明

2）帶領小白入門uniapp這個高效框架

3）uniapp的使用優勢與開發場景優勢

4）搭建項目環境案例用于安卓端和ios端的APP真機調試

5）搭建項目環境案例用于微信小程序端和支付寶小程序端進行實際的調試

6）介紹與學習該框架中的開發模式與基本語法

7）介紹uni-app構建項目的文件目錄結構

8）頁面的布局樣式布局

9）核心配置文件的詳細配置

10）后端接口的調用與數據的列表渲染

11）變量的作用域生命周期

12）發布到不同端的像素匹配說明

13）點擊事件與數據綁定解析

14）數據展示與列表數據循環遍歷展示

15）界面的響應式布局

16）各個元素的換行與對齊

17）Flex響應式布局入門與精通

18）flex里面的各個屬性應用

圖一：uni-app框架入門布局與多端真機調試網盤詳情

二、商業級項目實戰首頁核心模塊與搜索模塊開發（53課時）

1）uniapp搭建完整的真實商業及項目實戰環境

2）從首頁等核心模塊開始開發

3）首頁的布局與頂部底部的導航欄設置

4）組件化開發定制各種通用組件

5）輪播圖的動態展思路

6）輪播圖的后端請求數據調用與前端展示

7）輪播圖前端的動態效果實現

8）布局首頁的核心模塊展示

9）熱門話題模塊展示與電影模塊展示

10）熱門話題的發布

11）標題的編寫與內容的編寫

12）熱門話題列表展示

13）首頁端橫向滾動下拉滾動等特效實現

14）運用uni-app組件化開發的思想完成首頁核心模塊組件化開發

15）開發自定義的視頻組件完成視頻的上傳展示與點播

16）開發預告片組件完成預告片的后端調用與前端展示

17）開發自定義猜你喜歡組件

18）APP首頁些點贊特效動畫的效果實現

19）解決發布到各個終端兼容的問題

20）自定義搜索組建完成靈活的搜索模塊開發

21）搜索框與搜索頁的布局

22）點擊搜索實現后端接口的調用與搜索頁的列表展示

23）搜索頁內容分頁調取與分頁展示

24）搜索列表頁的樣式布局

25）自定義電影評分模塊組件

26）構建電影評分頁面布局

圖二：商業級項目實戰首頁核心與搜索模塊詳情

三、完整真實項目用戶中心與電影端模塊開發（44課時）

1）電影端核心模塊開發

2）電影端頁面各個組件進行布局

3）電影劇照上傳與圖片的展示

4）電影封面預覽功能實現

5）實現用戶對某個電影的轉發與分享

6）電影預告片的上傳與播放

7）優化視頻播放效果

8）開發用戶中心模塊

9）用戶中心核心布局與頂部底部的導航布局

10）登錄注冊頁面布局

11）實現多種方式的登錄效果

12）分別實現用戶名密碼登錄手機號登錄以及第三方登錄

13）第三方授權登授權核心流程與實現思路

14）對接微信端實現微信端授權

15）拿到授權ID實現微信登錄

16）uniapp實現用戶中心的用戶頭像上傳與預覽

17）用戶賬號對應的個人資料昵稱生日等信息修改

18）上傳用戶頭像時如何實現圖片在線剪裁

圖三：完整真實項目用戶中心與電影模塊網盤視頻詳情

三、app與h5與安卓IOS與小程序多端部署發布上線

1）項目代碼的測試與完善與打包部署上線

2）從零購買一個云服務器為打包部署做準備

3）對原生服務器進行配置與部署環境的搭建

4）H5端應用的部署

5）Ios與安卓端APP的詳細部署

6）小程序端的打包部署流程

7）小程序審核步驟詳解

圖四：app與h5與安卓IOS與小程序多端部署發布上線

圖五：商業級完整真實項目app端演示效果圖