微信小程序入門微信教程專題培訓(xùn)課件

微信小程序入門微信教程微信小程序入門微信教程1分享內(nèi)容環(huán)境搭建開發(fā)規(guī)則博客實戰(zhàn)分享內(nèi)容環(huán)境搭建開發(fā)規(guī)則博客實戰(zhàn)2環(huán)境搭建環(huán)境搭建3環(huán)境搭建盤點賬號申請HTTPS證書IDE安裝配置域名環(huán)境搭建盤點賬號申請HTTPS證書IDE安裝配置域名4申請賬號注冊地址：同一郵箱,只能注冊一個服務(wù)（個人）注冊需要實名認(rèn)證申請賬號注冊地址：5安裝IDE開發(fā)工具下載地址：支持windows和MAC打開編輯器需要微信掃碼登錄安裝IDE開發(fā)工具下載地址：servicewechat.co6申請HTTPS證書申請地址：免費證書，需要單個子域名申請申請需要審核,一個工作日申請HTTPS證書申請地址：7配置生產(chǎn)服務(wù)器小程序->設(shè)置->服務(wù)器域名不支持IP地址以及端口號一個月內(nèi)可申請5次修改需要ICP備案過的域名配置生產(chǎn)服務(wù)器小程序->設(shè)置->服務(wù)器域名8開發(fā)規(guī)則開發(fā)規(guī)則9開發(fā)規(guī)則盤點整體結(jié)構(gòu)公共方法全局配置標(biāo)簽語法事件處理開發(fā)規(guī)則盤點整體結(jié)構(gòu)公共方法全局配置標(biāo)簽語法事件處理10整體目錄結(jié)構(gòu)pages 主要工作區(qū)域app.js 主入口文件,公共方法app.json 全局配置文件

整體目錄結(jié)構(gòu)11全局配置文件所有頁面需要事先在pages中注冊pages中注冊的頁面，自動產(chǎn)生代碼app.json代碼詳情狀態(tài)欄標(biāo)題窗口背景色導(dǎo)航欄window中可以配置全局配置文件所有頁面需要事先在pages中注冊app.jso12主要工作區(qū)域JS 控制器WXML 模板文件XSS 樣式文件主要工作區(qū)域JS 控制器13控制器初始化代碼初始化產(chǎn)生的代碼中包含常用的事件只需要在對應(yīng)事件下編寫自己的代碼控制器初始化代碼初始化產(chǎn)生的代碼中包含常用的事件14數(shù)據(jù)綁定與條件渲染數(shù)據(jù)綁定demo條件渲染demo數(shù)據(jù)綁定與條件渲染數(shù)據(jù)綁定demo條件渲染demo15遍歷與事件事件交互demo遍歷列表demo遍歷與事件事件交互demo遍歷列表demo16博客實戰(zhàn)博客實戰(zhàn)17博客技術(shù)盤點列表遍歷數(shù)據(jù)請求渲染頁面路由傳參事件綁定博客技術(shù)盤點列表遍歷數(shù)據(jù)請求渲染頁面路由傳參事件綁定181.獲取文章列表數(shù)據(jù)1.通過網(wǎng)絡(luò)請求獲取列表數(shù)據(jù)2.分配數(shù)據(jù)到模板中1.獲取文章列表數(shù)據(jù)1.通過網(wǎng)絡(luò)請求獲取列表數(shù)據(jù)192.模板遍歷渲染wx:for="{{list}}"http://遍歷數(shù)組{{item.id}}//數(shù)據(jù)綁定，Mustache語法2.模板遍歷渲染wx:for="{{list}}"/203.跳轉(zhuǎn)事件處理在頁面中綁定一個事件控制器中監(jiān)聽事件，獲取對應(yīng)的值通過wx.navigateTo方法進(jìn)行跳轉(zhuǎn)3.跳轉(zhuǎn)事件處理在頁面中綁定一個事件214.詳情頁面詳情頁控制器部分代碼詳情頁模板渲染代碼4.詳情頁面詳情頁控制器部分代碼詳情頁模板渲染代碼22第三方插件wxParse下載地址:/icindy/wxParse把HTML/MD格式轉(zhuǎn)為WXML只需要在引入對應(yīng)文件即可第三方插件wxParse下載地址:/23內(nèi)容回顧賬號注冊HTTPS證書域名配置整理結(jié)構(gòu)標(biāo)簽語法事件處理模板渲染異步請求wxParse內(nèi)容回顧賬號注冊HTTPS證書域名配置整理結(jié)構(gòu)標(biāo)簽語法事件處24微信小程序入門微信教程微信小程序入門微信教程25分享內(nèi)容環(huán)境搭建開發(fā)規(guī)則博客實戰(zhàn)分享內(nèi)容環(huán)境搭建開發(fā)規(guī)則博客實戰(zhàn)26環(huán)境搭建環(huán)境搭建27環(huán)境搭建盤點賬號申請HTTPS證書IDE安裝配置域名環(huán)境搭建盤點賬號申請HTTPS證書IDE安裝配置域名28申請賬號注冊地址：同一郵箱,只能注冊一個服務(wù)（個人）注冊需要實名認(rèn)證申請賬號注冊地址：29安裝IDE開發(fā)工具下載地址：支持windows和MAC打開編輯器需要微信掃碼登錄安裝IDE開發(fā)工具下載地址：servicewechat.co30申請HTTPS證書申請地址：免費證書，需要單個子域名申請申請需要審核,一個工作日申請HTTPS證書申請地址：31配置生產(chǎn)服務(wù)器小程序->設(shè)置->服務(wù)器域名不支持IP地址以及端口號一個月內(nèi)可申請5次修改需要ICP備案過的域名配置生產(chǎn)服務(wù)器小程序->設(shè)置->服務(wù)器域名32開發(fā)規(guī)則開發(fā)規(guī)則33開發(fā)規(guī)則盤點整體結(jié)構(gòu)公共方法全局配置標(biāo)簽語法事件處理開發(fā)規(guī)則盤點整體結(jié)構(gòu)公共方法全局配置標(biāo)簽語法事件處理34整體目錄結(jié)構(gòu)pages 主要工作區(qū)域app.js 主入口文件,公共方法app.json 全局配置文件

整體目錄結(jié)構(gòu)35全局配置文件所有頁面需要事先在pages中注冊pages中注冊的頁面，自動產(chǎn)生代碼app.json代碼詳情狀態(tài)欄標(biāo)題窗口背景色導(dǎo)航欄window中可以配置全局配置文件所有頁面需要事先在pages中注冊app.jso36主要工作區(qū)域JS 控制器WXML 模板文件XSS 樣式文件主要工作區(qū)域JS 控制器37控制器初始化代碼初始化產(chǎn)生的代碼中包含常用的事件只需要在對應(yīng)事件下編寫自己的代碼控制器初始化代碼初始化產(chǎn)生的代碼中包含常用的事件38數(shù)據(jù)綁定與條件渲染數(shù)據(jù)綁定demo條件渲染demo數(shù)據(jù)綁定與條件渲染數(shù)據(jù)綁定demo條件渲染demo39遍歷與事件事件交互demo遍歷列表demo遍歷與事件事件交互demo遍歷列表demo40博客實戰(zhàn)博客實戰(zhàn)41博客技術(shù)盤點列表遍歷數(shù)據(jù)請求渲染頁面路由傳參事件綁定博客技術(shù)盤點列表遍歷數(shù)據(jù)請求渲染頁面路由傳參事件綁定421.獲取文章列表數(shù)據(jù)1.通過網(wǎng)絡(luò)請求獲取列表數(shù)據(jù)2.分配數(shù)據(jù)到模板中1.獲取文章列表數(shù)據(jù)1.通過網(wǎng)絡(luò)請求獲取列表數(shù)據(jù)432.模板遍歷渲染wx:for="{{list}}"http://遍歷數(shù)組{{item.id}}//數(shù)據(jù)綁定，Mustache語法2.模板遍歷渲染wx:for="{{list}}"/443.跳轉(zhuǎn)事件處理在頁面中綁定一個事件控制器中監(jiān)聽事件，獲取對應(yīng)的值通過wx.navigateTo方法進(jìn)行跳轉(zhuǎn)3.跳轉(zhuǎn)事件處理在頁面中綁定一個事件454.詳情頁面詳情頁控制器部分代碼詳情頁模板渲染代碼4.詳情頁面詳情頁控制器部分代碼詳情頁模板渲染代碼46第三方插件wxParse下載地址:/icindy/wxPars