微信小程序開發實戰-微課視頻版

目錄

 

入門篇

 

第1章開發前的準備

1.1註冊小程序

1.1.1註冊開發者賬號

1.1.2完善小程序信息

1.1.3管理小程序成員

1.2小程序開發工具

1.2.1軟件的下載與安裝

1.2.2開發者工具的登錄

 

第2章第一個微信小程序

2.1自動生成小程序

2.1.1項目創建

2.1.2真機預覽

2.1.3完整代碼展示

2.2手動創建小程序

2.2.1項目創建

2.2.2頁面配置

2.2.3視圖設計

2.2.4邏輯實現

2.2.5完整代碼展示

 

基礎篇

 

第3章小程序框架

3.1列表佈局小程序

3.1.1項目創建

3.1.2頁面配置

3.1.3視圖設計

3.1.4邏輯實現

3.1.5完整代碼展示

3.2九宮格佈局小程序

3.2.1項目創建

3.2.2頁面配置

3.2.3視圖設計

3.2.4邏輯實現

3.2.5完整代碼展示

 

第4章小程序組件·猜數字遊戲

4.1項目創建

4.2頁面配置

4.2.1創建頁面文件

4.2.2刪除和修改文件

4.3視圖設計

4.3.1導航欄設計

4.3.2公共樣式設計

4.3.3頁面設計

4.4邏輯實現

4.4.1遊戲頁面的邏輯實現

4.4.2首頁的邏輯實現

4.5完整代碼展示

4.5.1主體文件代碼展示

4.5.2首頁代碼展示

4.5.3“遊戲規則”頁面代碼展示

4.5.4“關於我們”頁面代碼展示

4.5.5開始遊戲（game）代碼展示

 

應用篇

 

第5章小程序網絡API·天氣查詢

5.1準備工作

5.1.1API密鑰申請

5.1.2API調用方法

5.1.3服務器域名配置

5.2項目創建

5.3頁面配置

5.3.1創建頁面文件

5.3.2刪除和修改文件

5.3.3創建其他文件

5.4視圖設計

5.4.1導航欄設計

5.4.2頁面設計

5.5邏輯實現

5.5.1更新省、市、區信息

5.5.2獲取實況天氣數據

5.5.3更新頁面天氣信息

5.6完整代碼展示

 

第6章小程序媒體API·口述校史

6.1項目創建

6.2頁面配置

6.2.1創建頁面文件

6.2.2刪除和修改文件

6.2.3創建其他文件

6.3視圖設計

6.3.1導航欄設計

6.3.2頁面設計

6.4邏輯實現

6.4.1更新播放列表

6.4.2點擊播放視頻

6.4.3發送彈幕

6.5完整代碼展示

 

第7章小程序文件API·電子書櫥

7.1準備工作

7.2項目創建

7.3頁面配置

7.3.1創建頁面文件

7.3.2刪除和修改文件

7.4視圖設計

7.4.1導航欄設計

7.4.2頁面設計

7.5邏輯實現

7.5.1更新圖書列表

7.5.2封裝提示消息

7.5.3打開指定圖書

7.5.4保存下載的圖書

7.5.5下載並閱讀圖書

7.6完整代碼展示

 

第8章小程序數據API·醫療急救卡

8.1項目介紹

8.2項目創建

8.3頁面配置

8.3.1創建頁面文件

8.3.2刪除和修改文件

8.4視圖設計

8.4.1導航欄設計

8.4.2頁面設計

8.5邏輯實現

8.5.1尚未創建醫療急救卡的首頁的邏輯實現

8.5.2醫療急救卡創建頁的邏輯實現

8.5.3已經創建急救卡的首頁的邏輯實現

8.6完整代碼展示

8.6.1應用文件代碼展示

8.6.2頁面文件代碼展示

 

第9章小程序位置API·會議邀​​請函

9.1項目創建

9.2頁面配置

9.2.1創建頁面文件

9.2.2刪除和修改文件

9.2.3創建其他文件

9.3視圖設計

9.3.1導航欄設計

9.3.2頁面設計

9.4邏輯實現

9.4.1更新嘉賓列表

9.4.2更新地圖位置

9.4.3查看地圖詳情

9.5完整代碼展示

 

第10章小程序設備API·指南針

10.1項目創建

10.2頁面配置

10.2.1創建頁面文件

10.2.2刪除和修改文件

10.2.3創建其他文件

10.3視圖設計

10.3.1導航欄設計

10.3.2頁面設計

10.4邏輯實現

10.4.1指南針旋轉動畫

10.4.2更新角度和方向信息

10.4.3更新地理位置信息

10.5完整代碼展示

 

第11章小程序界面API·手繪時鐘

11.1項目創建

11.2頁面配置

11.2.1創建頁面文件

11.2.2刪除和修改文件

11.3視圖設計

11.3.1導航欄設計

11.3.2頁面設計

11.4邏輯實現

11.4.1創建畫布上下文

11.4.2繪製時鐘刻度

11.4.3繪製時鐘指針

11.4.4顯示數字電子時鐘

11.4.5每秒實時更新

11.5完整代碼展示

 

遊戲篇

 

第12章小程序遊戲·拼圖遊戲

12.1需求分析

12.1.1首頁功能需求

12.1.2遊戲頁功能需求

12.2項目創建

12.3頁面配置

12.3.1創建頁面文件

12.3.2刪除和修改文件

12.3.3創建其他文件

12.4視圖設計

12.4.1導航欄設計

12.4.2頁面設計

12.5邏輯實現

12.5.1首頁邏輯

12.5.2遊戲頁邏輯

12.6完整代碼展示

12.6.1應用文件代碼展示

12.6.2頁面文件代碼展示

 

第13章小程序遊戲·推箱子遊戲

13.1需求分析

13.1.1首頁功能需求

13.1.2遊戲頁功能需求

13.2項目創建

13.3頁面配置

13.3.1創建頁面文件

13.3.2刪除和修改文件

13.3.3創建其他文件

13.4視圖設計

13.4.1導航欄設計

13.4.2頁面設計

13.5邏輯實現

13.5.1公共邏輯

13.5.2首頁邏輯

13.5.3遊戲頁邏輯

13.6完整代碼展示

13.6.1應用文件代碼展示

13.6.2公共函數文件代碼展示

13.6.3頁面文件代碼展示

 

第14章小程序遊戲·貪吃蛇遊戲

14.1需求分析

14.1.1首頁功能需求

14.1.2遊戲頁功能需求

14.2項目創建

14.3頁面配置

14.3.1創建頁面文件

14.3.2刪除和修改文件

14.3.3創建其他文件

14.4視圖設計

14.4.1導航欄設計

14.4.2頁面設計

14.5數據模型設計

14.5.1貪吃蛇模型設計

14.5.2蛇身移動模型

14.5.3蛇吃食物模型

14.6邏輯實現

14.6.1首頁邏輯

14.6.2遊戲頁邏輯

14.7完整代碼展示

14.7.1應用文件代碼展示

14.7.2頁面文件代碼展示

 

提高篇

 

第15章小程序前端綜合實例·基於模擬數據的高校新聞網

15.1需求分析

15.1.1首頁功能需求

15.1.2新聞頁功能需求

15.1.3個人中心頁功能需求

15.2項目創建

15.3頁面配置

15.3.1創建頁面文件

15.3.2刪除和修改文件

15.3.3創建其他文件

15.4視圖設計

15.4.1導航欄設計

15.4.2tabBar設計

15.4.3頁面設計

15.5邏輯實現

15.5.1公共邏輯

15.5.2首頁邏輯

15.5.3新聞頁邏輯

15.5.4個人中心頁邏輯

15.5.5清除臨時數據

15.6完整代碼展示

15.6.1應用文件代碼展示

15.6.2公共函數文件代碼展示

15.6.3頁面文件代碼展示

15.7項目小結

 

第16章小程序全棧開發·基於WAMP的高校新聞網

16.1初始化項目

16.1.1現有項目導入

16.1.2後端邏輯實現

16.1.3公共邏輯

16.2首頁改造

16.2.1新聞列表展示

16.2.2加載更多新聞

16.2.3點擊跳轉新聞內容

16.3新聞頁改造

16.4個人中心頁改造

16.5完整代碼展示

16.5.1應用文件代碼展示

16.5.2公共函數文件代碼展示

16.5.3頁面文件代碼展示

 

第17章小程序云開發·基於雲數據庫的高校新聞網

17.1雲開發簡介

17.1.1什麼是雲開發

17.1.2雲開發能力介紹

17.1.3雲開發的開通步驟

17.2初始化項目

17.2.1創建雲模板項目

17.2.2遷移老項目

17.2.3部署雲數據庫

17.3首頁改造

17.3.1展示新聞列表

17.3.2展示滾動圖片

17.3.3觸底自動加載新聞列表

17.3.4點擊新聞列表傳遞新聞編號

17.4新聞閱讀頁改造

17.5個人中心頁改造

17.6完整代碼展示

17.6.1應用文件代碼展示

17.6.2公共函數文件代碼展示

17.6.3頁面文件代碼展示

 

第18章小程序云開發·基於雲存儲的電子書櫥

18.1初始化項目

18.1.1創建雲模板項目

18.1.2遷移老項目

18.1.3部署雲文件存儲

18.1.4部署雲數據庫

18.2首頁改造

18.2.1展示圖書列表

18.2.2點擊跳轉圖書詳情頁

18.3圖書詳情頁改造

18.3.1頁面設計

18.3.2頁面邏輯

18.3.3閱讀圖書功能

18.4完整代碼展示

18.4.1應用文件代碼展示

18.4.2頁面文件代碼展示

 

綜合篇

 

第19章小程序云開發·基於全套雲能力的圖片分享社區

19.1初始化項目

19.1.1創建雲模板項目

19.1.2部署雲數據庫

19.1.3創建頁面文件

19.2視圖設計

19.2.1導航欄設計

19.2.2頁面設計

19.3邏輯實現

19.3.1用戶個人信息獲取邏輯

19.3.2上傳圖片頁邏輯

19.3.3首頁邏輯

19.3.4個人主頁邏輯

19.3.5圖片展示頁邏輯

19.4完整代碼展示

19.4.1應用文件代碼展示

19.4.2雲函數文件代碼展示

19.4.3頁面文件代碼展示

 

第20章小程序UI組件庫·基於Vant Weapp的生日管家

20.1小程序自定義組件簡介

20.1.1什麼是自定義組件

20.1.2自定義組件的引用方式

20.1.3小程序UI組件庫Vant Weapp

20.1.4Vant Weapp的下載和安裝

20.2需求分析

20.2.1首頁功能需求

20.2.2好友信息編輯頁功能需求

20.2.3好友信息展示頁功能需求

20.3初始化項目

20.3.1創建雲模板項目

20.3.2部署雲數據庫

20.3.3創建頁面文件

20.3.4創建其他文件

20.4視圖設計

20.4.1導航欄設計

20.4.2頁面設計

20.5邏輯實現

20.5.1公共邏輯

20.5.2好友信息編輯頁邏輯

20.5.3首頁邏輯

20.5.4好友信息展示頁邏輯

20.6完整代碼展示

20.6.1應用文件代碼展示

20.6.2公共函數文件代碼展示

20.6.3頁面文件代碼展示

 

附錄A服務器部署

A.1服務器域名配置

A.1.1配置流程

A.1.2HTTPS證書

A.2臨時服務器部署

A.2.1軟件部署

A.2.2網絡請求

A.2.3跳過域名校驗

 

附錄B可視化數據庫搭建

B.1軟件部署

B.2創建數據庫

B.3分配用戶權限

 

附錄C後端框架搭建

C.1後端框架部署

C.2數據庫對接配置

C.3接口製作示例

 

附錄D個人開發者服務類目以及小程序場景值、小程序預定顏色