服務(wù)熱線
15617359779
15617359779
在微信小程序越來(lái)越流行的今天,很多人都已經(jīng)習(xí)慣使用即開(kāi)即用的小程序,所以開(kāi)發(fā)小程序的開(kāi)發(fā)者也越來(lái)越多了,對(duì)于一般會(huì)寫(xiě)程序的開(kāi)發(fā)者來(lái)說(shuō),小程序的入門(mén)也算比較簡(jiǎn)單,但如果想要實(shí)現(xiàn)小程序的功能,少不了要具有一定的基本功,這就是微信小程序的基本語(yǔ)法,現(xiàn)在就簡(jiǎn)單的講講小程序的入門(mén)基本語(yǔ)法。
首先要先下載一個(gè)“微信開(kāi)發(fā)者工具”,然后才能創(chuàng)建小程序項(xiàng)目,一般情況下,我們可以使用新創(chuàng)建或?qū)胍延械男〕绦騺?lái)進(jìn)行操作,創(chuàng)建或?qū)牒?,如下圖所示:
頁(yè)面配置
看到上面的那個(gè)app.json文件,這是一個(gè)全局的配置文件,最主要的有兩個(gè)參數(shù),一個(gè)是”pages”,一個(gè)是”window”,pages是用來(lái)配置小程序的所有可以打開(kāi)的頁(yè)面,其他的頁(yè)面則不能打開(kāi),如下圖所示:
pages配置
如果你添加的路徑的文件里沒(méi)有該文件,則會(huì)自動(dòng)生成由.wxml、.wxss 、xml.json、.js后綴組成的文件?!眞indow”是用來(lái)配置狀態(tài)欄,底部導(dǎo)航欄等的屬性,這個(gè)參照官方的參數(shù)來(lái)設(shè)置就可以了。
然后是app.js是全局的JS配置,一般情況我們可以寫(xiě)一些獲取用戶的手機(jī)設(shè)備信息,或者如果小程序有更新的話,提示用戶更新,還有接口與密鑰的信息等可供頁(yè)面上所有JS文件調(diào)用的內(nèi)容。
河南網(wǎng)絡(luò)推廣,河南網(wǎng)絡(luò)營(yíng)銷(xiāo),seo公司,河南百度優(yōu)化,河南網(wǎng)站優(yōu)化,河南全網(wǎng)營(yíng)銷(xiāo)
由于小程序使用的是MVVM的模式,這與我們做網(wǎng)站時(shí)使用的MVC模式差別很大,我感覺(jué)最大的好處是,wxml頁(yè)面的內(nèi)容是可以隨著js頁(yè)面的參數(shù)內(nèi)容而改變,而且不需要刷新頁(yè)面就能實(shí)現(xiàn),下面按我個(gè)人理解講一下wxml頁(yè)面與JS頁(yè)面的交互功能。
Js頁(yè)面
Page({
data: {
hotLine : '4008009385',
show_index:1
}
河南網(wǎng)絡(luò)推廣,河南網(wǎng)絡(luò)營(yíng)銷(xiāo),seo公司,河南百度優(yōu)化,河南網(wǎng)站優(yōu)化,河南全網(wǎng)營(yíng)銷(xiāo)
})
Wxml頁(yè)面
{{hotLine}}
以上是在頁(yè)面里輸出電話,如果要改變電話號(hào)碼,直接改變hotLine的值就行了,JS里可以這么寫(xiě):
//加載頁(yè)面時(shí)觸發(fā)這個(gè)方法,且只觸發(fā)一次
onLoad: function () {
var that = this
河南網(wǎng)絡(luò)推廣,河南網(wǎng)絡(luò)營(yíng)銷(xiāo),seo公司,河南百度優(yōu)化,河南網(wǎng)站優(yōu)化,河南全網(wǎng)營(yíng)銷(xiāo)
Load_index(that)
},
load
這樣默認(rèn)的電話號(hào)碼就會(huì)被通過(guò)API接口傳遞的參數(shù)所替代,當(dāng)然你們可以通過(guò)點(diǎn)擊事件改變,例如上面的bindtap=’ChangeTell’,就是在js里寫(xiě)一個(gè)點(diǎn)擊事件,示例如下:
ChangeTell: function(){
var that = this;
that.setData({
河南網(wǎng)絡(luò)推廣,河南網(wǎng)絡(luò)營(yíng)銷(xiāo),seo公司,河南百度優(yōu)化,河南網(wǎng)站優(yōu)化,河南全網(wǎng)營(yíng)銷(xiāo)
hotLine: “400800xxxx”//新的電話號(hào)碼
})
},
這里要講一個(gè)微信小程序里最重要的方法setData,它是wxml與js之間傳遞參數(shù)的樞紐,除了data里默認(rèn)的參數(shù)外,所有要傳遞到wxml頁(yè)面的參數(shù)都是通過(guò)這個(gè)方法來(lái)實(shí)現(xiàn)的,上面例子就是這樣。
小程序的知識(shí)點(diǎn)有些太雜了,想要系統(tǒng)學(xué)習(xí)的話,還得經(jīng)常翻看小程序里的微信官方文檔,我只做了幾個(gè)小程序項(xiàng)目,對(duì)于小程序的語(yǔ)法還遠(yuǎn)沒(méi)達(dá)到無(wú)需看文檔直接編程的地步。
河南億宏世紀(jì)網(wǎng)絡(luò)科技有限公司,專(zhuān)注于互聯(lián)網(wǎng)+品牌整合營(yíng)銷(xiāo),公司擁有專(zhuān)業(yè)的互聯(lián)網(wǎng)管理、運(yùn)營(yíng)策劃、UI設(shè)計(jì)、技術(shù)開(kāi)發(fā)等團(tuán)隊(duì),專(zhuān)業(yè)從事于工業(yè)互聯(lián)網(wǎng)的開(kāi)發(fā)建設(shè)。我司擁有成熟的網(wǎng)絡(luò)技術(shù)開(kāi)發(fā)團(tuán)隊(duì),針對(duì)網(wǎng)站開(kāi)發(fā)、技術(shù)服務(wù)、網(wǎng)站風(fēng)格定位、網(wǎng)站功能優(yōu)化、網(wǎng)站推廣維護(hù)等都具備很強(qiáng)的專(zhuān)業(yè)技術(shù)水平,旨在為客戶提供專(zhuān)業(yè)的互聯(lián)網(wǎng)應(yīng)用解決方案。公司始終秉持著誠(chéng)信經(jīng)營(yíng)、質(zhì)量為先的經(jīng)營(yíng)理念,我們不僅提供優(yōu)質(zhì)的網(wǎng)絡(luò)技術(shù)和云端供應(yīng)鏈服務(wù),而且還在產(chǎn)品的選擇、應(yīng)用等方面提供專(zhuān)業(yè)的咨詢(xún)與售后服務(wù)。