知識(shí)
不管是網(wǎng)站,軟件還是小程序,都要直接或間接能為您產(chǎn)生價(jià)值,我們?cè)谧非笃湟曈X表現(xiàn)的同時(shí),更側(cè)重于功能的便捷,營(yíng)銷的便利,運(yùn)營(yíng)的高效,讓網(wǎng)站成為營(yíng)銷工具,讓軟件能切實(shí)提升企業(yè)內(nèi)部管理水平和效率。優(yōu)秀的程序?yàn)楹笃谏?jí)提供便捷的支持!
您當(dāng)前位置>首頁(yè) » 新聞資訊 » 小程序相關(guān) >
ETL小白教學(xué)第一篇---頁(yè)面跳轉(zhuǎn)、傳值
發(fā)表時(shí)間:2022-9-6
發(fā)布人:葵宇科技
瀏覽次數(shù):37
最近有幾個(gè)小白找到我,給他們解決bug,都是一些非常非常非常非?;A(chǔ)的bug。
讓他們看微信小程序的官方文檔也不愿意看,思前思后,決定來(lái)一篇基礎(chǔ)教學(xué),希望能夠幫助0基礎(chǔ)的童鞋們。
入門篇-----hello world
你以為我會(huì)這樣寫嗎?
不會(huì)的
首先說(shuō)明第一篇的教學(xué)內(nèi)容
一、學(xué)習(xí)頁(yè)面的跳轉(zhuǎn)
二、學(xué)習(xí)事件(點(diǎn)擊事件等)
0、創(chuàng)建頁(yè)面
有不少小白是在目錄里右鍵>新建>然后新建wxml、js、json等文件
哈?。。。。為什么寫0?
連文件都建不出來(lái)怎么學(xué)啊
1、頁(yè)面的跳轉(zhuǎn)
頁(yè)面的跳轉(zhuǎn)分2種,第一是wxml頁(yè)面內(nèi)部進(jìn)行跳轉(zhuǎn),第二是給事件進(jìn)行跳轉(zhuǎn)
第一 wxml頁(yè)面內(nèi)部進(jìn)行跳轉(zhuǎn)
使用navigator這個(gè)方法可以在wxml頁(yè)面進(jìn)行跳轉(zhuǎn)
文檔傳送門》傳送門
在A頁(yè)面的wxml里面加上
在B頁(yè)面的wxml里面加上
這樣wxml內(nèi)部跳轉(zhuǎn)就完成啦,不過(guò)各位要注意,微信小程序規(guī)定了跳轉(zhuǎn)只能有5個(gè)頁(yè)面
也就是說(shuō) A>B>A>B>A 之后就不能跳轉(zhuǎn)了,所以在設(shè)計(jì)頁(yè)面的時(shí)候要注意頁(yè)面層次
第二 給事件進(jìn)行跳轉(zhuǎn)
事件是寫在js里面的,具體來(lái)說(shuō)是js>page里面的
文檔傳送門》傳送門
首先寫出事件
js代碼 要注意2個(gè)方法間是要用逗號(hào)隔開,英文逗號(hào)哦
wxml頁(yè)面進(jìn)行調(diào)用事件 bindtap="XXX"是點(diǎn)擊觸發(fā)XXX事件
wxml代碼如下
這樣用事件進(jìn)行頁(yè)面跳轉(zhuǎn)就完成啦
上面已經(jīng)完成了一和二的教學(xué)
事件方面不止點(diǎn)擊,還有其他方法 文檔傳送門》傳送門
任務(wù):完成 從B頁(yè)面用事件跳轉(zhuǎn)到A頁(yè)面
額外學(xué)習(xí)
頁(yè)面間的傳值
兩個(gè)頁(yè)面用的是KV形式
所謂的KV形式是k=v&k2=v2這樣子
完整的請(qǐng)求是 url?KV傳值 ,接受是在跳轉(zhuǎn)后的頁(yè)面onLoad方法里面
tip:
1、如有遇到新問(wèn)題,可以在下方留言或者加QQ群437729329 進(jìn)行咨詢
讓他們看微信小程序的官方文檔也不愿意看,思前思后,決定來(lái)一篇基礎(chǔ)教學(xué),希望能夠幫助0基礎(chǔ)的童鞋們。
入門篇-----hello world
你以為我會(huì)這樣寫嗎?
不會(huì)的
首先說(shuō)明第一篇的教學(xué)內(nèi)容
一、學(xué)習(xí)頁(yè)面的跳轉(zhuǎn)
二、學(xué)習(xí)事件(點(diǎn)擊事件等)
0、創(chuàng)建頁(yè)面
有不少小白是在目錄里右鍵>新建>然后新建wxml、js、json等文件
現(xiàn)在給小白們一個(gè)便捷的方法,在app.json中,輸入你的路徑那么就會(huì)自動(dòng)給你生成 js、json、wxml和wxss這4個(gè)文件
哈?。。。。為什么寫0?
連文件都建不出來(lái)怎么學(xué)啊
1、頁(yè)面的跳轉(zhuǎn)
頁(yè)面的跳轉(zhuǎn)分2種,第一是wxml頁(yè)面內(nèi)部進(jìn)行跳轉(zhuǎn),第二是給事件進(jìn)行跳轉(zhuǎn)
第一 wxml頁(yè)面內(nèi)部進(jìn)行跳轉(zhuǎn)
使用navigator這個(gè)方法可以在wxml頁(yè)面進(jìn)行跳轉(zhuǎn)
文檔傳送門》傳送門
在A頁(yè)面的wxml里面加上
[AppleScript] 純文本查看 復(fù)制代碼
跳轉(zhuǎn)到B頁(yè)面
在B頁(yè)面的wxml里面加上
[AppleScript] 純文本查看 復(fù)制代碼
跳轉(zhuǎn)到A頁(yè)面
這樣wxml內(nèi)部跳轉(zhuǎn)就完成啦,不過(guò)各位要注意,微信小程序規(guī)定了跳轉(zhuǎn)只能有5個(gè)頁(yè)面
也就是說(shuō) A>B>A>B>A 之后就不能跳轉(zhuǎn)了,所以在設(shè)計(jì)頁(yè)面的時(shí)候要注意頁(yè)面層次
第二 給事件進(jìn)行跳轉(zhuǎn)
事件是寫在js里面的,具體來(lái)說(shuō)是js>page里面的
文檔傳送門》傳送門
首先寫出事件
js代碼 要注意2個(gè)方法間是要用逗號(hào)隔開,英文逗號(hào)哦
[AppleScript] 純文本查看 復(fù)制代碼
TouchToB:function(){
wx.navigateTo({
url: 'B',
})
}
wxml頁(yè)面進(jìn)行調(diào)用事件 bindtap="XXX"是點(diǎn)擊觸發(fā)XXX事件
wxml代碼如下
[AppleScript] 純文本查看 復(fù)制代碼
用事件跳轉(zhuǎn)到B頁(yè)面
這樣用事件進(jìn)行頁(yè)面跳轉(zhuǎn)就完成啦
上面已經(jīng)完成了一和二的教學(xué)
事件方面不止點(diǎn)擊,還有其他方法 文檔傳送門》傳送門
任務(wù):完成 從B頁(yè)面用事件跳轉(zhuǎn)到A頁(yè)面
額外學(xué)習(xí)
頁(yè)面間的傳值
兩個(gè)頁(yè)面用的是KV形式
所謂的KV形式是k=v&k2=v2這樣子
完整的請(qǐng)求是 url?KV傳值 ,接受是在跳轉(zhuǎn)后的頁(yè)面onLoad方法里面
tip:
1、如有遇到新問(wèn)題,可以在下方留言或者加QQ群437729329 進(jìn)行咨詢
相關(guān)案例查看更多
相關(guān)閱讀
- 網(wǎng)站制作哪家好
- 云南網(wǎng)站建設(shè)招商
- 河南小程序制作
- 正規(guī)網(wǎng)站建設(shè)公司
- 云南網(wǎng)站建設(shè)列表網(wǎng)
- 小程序開發(fā)課程
- 日歷組件
- 保險(xiǎn)網(wǎng)站建設(shè)公司
- 網(wǎng)站建設(shè)報(bào)價(jià)
- 云南省建設(shè)廳網(wǎng)站官網(wǎng)
- 汽車報(bào)廢回收軟件
- 生成海報(bào)
- 定制小程序開發(fā)
- 云南旅游網(wǎng)站建設(shè)
- 云南小程序開發(fā)費(fèi)用
- 汽車拆解系統(tǒng)
- 做小程序被騙
- 百度小程序公司
- 江蘇小程序開發(fā)
- 小程序模板開發(fā)公司
- 小程序開發(fā)排名前十名
- 云南軟件設(shè)計(jì)
- 報(bào)廢車回收管理軟件
- 云南網(wǎng)站建設(shè)服務(wù)
- 小程序表單
- 云南做百度小程序的公司
- 云南網(wǎng)站建設(shè)專業(yè)品牌
- 云南網(wǎng)站建設(shè)方法
- 云南網(wǎng)站維護(hù)
- 前端開發(fā)