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