

NEWS
將想法與焦點(diǎn)與您一起共享
微信小程序開發(fā)入門之基本的語法介紹上篇


在微信小程序越來越流行的今天,很多人都已經(jīng)習(xí)慣使用即開即用的小程序,所以開發(fā)小程序的開發(fā)者也越來越多了,對(duì)于一般會(huì)寫程序的開發(fā)者來說,小程序的入門也算比較簡(jiǎn)單,但如果想要實(shí)現(xiàn)小程序的功能,少不了要具有一定的基本功,這就是微信小程序的基本語法,現(xiàn)在就簡(jiǎn)單的講講小程序的入門基本語法。
首先要先下載一個(gè)微信開發(fā)者工具,然后才能創(chuàng)建小程序項(xiàng)目,一般情況下,我們可以使用新創(chuàng)建或?qū)胍延械男〕绦騺磉M(jìn)行操作,創(chuàng)建或?qū)牒螅?/p>
有個(gè)app.json文件,這是一個(gè)全局的配置文件,最主要的有兩個(gè)參數(shù),一個(gè)是pages,一個(gè)是window,pages是用來配置小程序的所有可以打開的頁面,其他的頁面則不能打開,如果你添加的路徑的文件里沒有該文件,則會(huì)自動(dòng)生成由.wxml、.wxss、xml.json、.js后綴組成的文件。window是用來配置狀態(tài)欄,底部導(dǎo)航欄等的屬性,這個(gè)參照官方的參數(shù)來設(shè)置就可以了。
然后是app.js是全局的JS配置,一般情況我們可以寫一些獲取用戶的手機(jī)設(shè)備信息,或者如果小程序有更新的話,提示用戶更新,還有接口與密鑰的信息等可供頁面上所有JS文件調(diào)用的內(nèi)容。
由于小程序使用的是MVVM的模式,這與我們做網(wǎng)站時(shí)使用的MVC模式差別很大,我感覺最大的好處是,wxml頁面的內(nèi)容是可以隨著js頁面的參數(shù)內(nèi)容而改變,而且不需要刷新頁面就能實(shí)現(xiàn),下面按我個(gè)人理解講一下wxml頁面與JS頁面的交互功能。
Js頁面
Page({
data:{
hotLine:'800',
show_index:1
}
})
Wxml頁面
{{hotLine}}
以上是在頁面里輸出電話,如果要改變電話號(hào)碼,直接改變hotLine的值就行了,JS里可以這么寫:
//加載頁面時(shí)觸發(fā)這個(gè)方法,且只觸發(fā)一次
onLoad:function(){
varthat=this
Load_index(that)
},
這樣默認(rèn)的電話號(hào)碼就會(huì)被通過API接口傳遞的參數(shù)所替代,當(dāng)然你們可以通過點(diǎn)擊事件改變,例如上面的bindtap=’ChangeTell’,就是在js里寫一個(gè)點(diǎn)擊事件,示例如下:
ChangeTell:function(){
varthat=this;
that.setData({
hotLine:800xxxx//新的電話號(hào)碼
})
},
這里要講一個(gè)微信小程序里最重要的方法setData,它是wxml與js之間傳遞參數(shù)的樞紐,除了data里默認(rèn)的參數(shù)外,所有要傳遞到wxml頁面的參數(shù)都是通過這個(gè)方法來實(shí)現(xiàn)的,上面例子就是這樣。
小程序的知識(shí)點(diǎn)有些太雜了,想要系統(tǒng)學(xué)習(xí)的話,還得經(jīng)常翻看小程序里的微信官方文檔,我只做了幾個(gè)小程序項(xiàng)目,對(duì)于小程序的語法還遠(yuǎn)沒達(dá)到無需看文檔直接編程的地步。
標(biāo)簽:微信小程序開發(fā) 小程序開發(fā) 微信小程序
- 餐飲業(yè)離不開小程序的助力
2021-12-17 17:58
- 微信小程序是購(gòu)物新模式,是時(shí)候開發(fā)自己的小程序了!
2020-06-03 19:14
- 微信朋友圈投票活動(dòng)怎么邀請(qǐng)別人參加或者拉票
2019-11-20 09:03
- 微信小程序如何做裂變營(yíng)銷和傳播?
2020-05-12 13:44
- 微信公眾號(hào)投票在線報(bào)名參與投票有幾種方式
2019-11-19 11:38
- 生鮮行業(yè)發(fā)展商城微信小程序可以實(shí)現(xiàn)哪些功能
2021-12-17 17:58
- 通過小程序?qū)崿F(xiàn)暴利盈利的方式你應(yīng)該了解
2020-07-14 11:51
- 構(gòu)建企業(yè)微信營(yíng)銷體系
2019-09-29 14:09
- 小程序需不需要評(píng)價(jià)體系呢?請(qǐng)謹(jǐn)慎使用
2022-01-06 08:38