【移動應用開發(fā)技術】微信小程序如何應用

【移動應用開發(fā)技術】微信小程序如何應用

這篇文章主要為大家展示了“微信小程序如何應用”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓在下帶領大家一起研究并學習一下“微信小程序如何應用”這篇文章吧。Demo預覽演示視頻（流量預警2.64MB）GitHubRepo地址倉庫地址：/zce/weapp-demo使用步驟將倉庫克隆到本地：bash$gitclone/zce/weapp-demo.gitweapp-douban--depth1$cdweapp-douban打開微信Web開放者工具（注意：必須是0.9.092300版本）必須是0.9.092300版本，之前的版本不能保證正常運行不需要所謂的破解，網(wǎng)上所謂的破解只是針對之前的0.9.092100版本，新的官方版本不需要破解，不需要破解，不需要破解！下載鏈接（官方版本，放心下載）：/s/1qYld6Viwechat_web_devtools_0.9.092300_x64.exe（Windows64位）wechat_web_devtools_0.9.092300_ia32.exe（Windows32位）wechat_web_devtools_0.9.092300.dmg（macOS）1.選擇添加項目，填寫或選擇相應信息AppID：點擊右下角無AppID（我也沒有資格，據(jù)說這次200個名額是小龍欽點的）項目名稱：隨便填寫，因為不涉及到部署，所以無所謂項目目錄：選擇剛剛克隆的文件夾點擊添加項目新年快樂，恭喜發(fā)財你可以選擇在微信Web開放者工具中編碼（也可選擇你喜歡的編輯器）1.通過左下角重啟按鈕，刷新編碼過后的預覽2.Bash用戶可以通過在項目目錄下執(zhí)行以下命令快速創(chuàng)建新組件所需文件：bash$./generatepage<newname>#or$./generatecomponent<new-component-name>剩下的可以自由發(fā)揮了微信小程序基本教程（持續(xù)更新）創(chuàng)建一個項目文件夾，創(chuàng)建基本所需文件app.js項目主入口文件（用于創(chuàng)建應用程序?qū)ο螅?/p>

//

App函數(shù)是一個全局函數(shù)，用于創(chuàng)建應用程序?qū)ο?/p>

App({

//

==========

全局數(shù)據(jù)對象（整個應用程序共享）

==========

globalData:

{

...

},

//

==========

應用程序全局方法

==========

method1

(p1,

p2)

{

...

},

method2

(p1,

p2)

{

...

},

//

==========

生命周期方法

==========

//

應用程序啟動時觸發(fā)一次

onLaunch

()

{

...

},

//

當應用程序進入前臺顯示狀態(tài)時觸發(fā)

onShow

()

{

...

},

//

當應用程序進入后臺狀態(tài)時觸發(fā)

onHide

()

{

...

}

})app.json項目配置聲明文件（指定項目的一些信息，比如導航欄樣式顏色等等）{

//

當前程序是由哪些頁面組成的（第一項默認為初始頁面）

//

所有使用到的組件或頁面都必須在此體現(xiàn)

//

/debug/wxadoc/dev/framework/config.html#pages

"pages":

[

...

],

//

應用程序窗口設置

//

/debug/wxadoc/dev/framework/config.html#window

"window":

{

...

},

//

應用導航欄設置

//

/debug/wxadoc/dev/framework/config.html#tabBar

"tabBar":

{

...

},

//

網(wǎng)絡超時設置

//

/debug/wxadoc/dev/framework/config.html#networkTimeout

"networkTimeout":

{},

//

是否在控制臺輸出調(diào)試信息

//

/debug/wxadoc/dev/framework/config.html#debug

"debug":

true

}app.wxss[!可選!]項目全局的樣式文件，內(nèi)容遵循CSS標準語法創(chuàng)建頁面組件每個頁面組件也分為四個文件組成：name.js頁面邏輯文件，用于處理頁面生命周期控制和數(shù)據(jù)處理未完待續(xù)...name.json設置當前頁面工作時的一些配置此處可以覆蓋app.json中的window設置也就是說只可以設置window中設置的熟悉未完待續(xù)...name.wxmlwxml指的是WeiXinMarkupLanguage用于定義頁面中元素結構的語法遵循XML語法，注意是XML語法，不是HTML語法，不是