ETL小白教學第一篇---頁面跳轉、傳值
發表時間：2022-9-6
發布人：葵宇科技
瀏覽次數：14
最近有幾個小白找到我，給他們解決bug，都是一些非常非常非常非?；A的bug。
讓他們看微信小程序的官方文檔也不愿意看，思前思后，決定來一篇基礎教學，希望能夠幫助0基礎的童鞋們。
入門篇-----hello world
你以為我會這樣寫嗎？
不會的
首先說明第一篇的教學內容
一、學習頁面的跳轉
二、學習事件（點擊事件等）
0、創建頁面
有不少小白是在目錄里右鍵>新建>然后新建wxml、js、json等文件
哈？。。。。為什么寫0？
連文件都建不出來怎么學啊
1、頁面的跳轉
頁面的跳轉分2種，第一是wxml頁面內部進行跳轉，第二是給事件進行跳轉
第一 wxml頁面內部進行跳轉
使用navigator這個方法可以在wxml頁面進行跳轉
文檔傳送門》傳送門
在A頁面的wxml里面加上
在B頁面的wxml里面加上
這樣wxml內部跳轉就完成啦，不過各位要注意，微信小程序規定了跳轉只能有5個頁面
也就是說 A>B>A>B>A 之后就不能跳轉了，所以在設計頁面的時候要注意頁面層次
第二 給事件進行跳轉
事件是寫在js里面的，具體來說是js>page里面的
文檔傳送門》傳送門
首先寫出事件
js代碼 要注意2個方法間是要用逗號隔開,英文逗號哦
wxml頁面進行調用事件 bindtap="XXX"是點擊觸發XXX事件
wxml代碼如下
這樣用事件進行頁面跳轉就完成啦
上面已經完成了一和二的教學
事件方面不止點擊，還有其他方法 文檔傳送門》傳送門
任務：完成 從B頁面用事件跳轉到A頁面
額外學習
頁面間的傳值
兩個頁面用的是KV形式
所謂的KV形式是k=v&k2=v2這樣子
完整的請求是 url?KV傳值 ，接受是在跳轉后的頁面onLoad方法里面
tip:
1、如有遇到新問題，可以在下方留言或者加QQ群437729329 進行咨詢
讓他們看微信小程序的官方文檔也不愿意看，思前思后，決定來一篇基礎教學，希望能夠幫助0基礎的童鞋們。
入門篇-----hello world
你以為我會這樣寫嗎？
不會的
首先說明第一篇的教學內容
一、學習頁面的跳轉
二、學習事件（點擊事件等）
0、創建頁面
有不少小白是在目錄里右鍵>新建>然后新建wxml、js、json等文件
現在給小白們一個便捷的方法，在app.json中，輸入你的路徑那么就會自動給你生成 js、json、wxml和wxss這4個文件
哈？。。。。為什么寫0？
連文件都建不出來怎么學啊
1、頁面的跳轉
頁面的跳轉分2種，第一是wxml頁面內部進行跳轉，第二是給事件進行跳轉
第一 wxml頁面內部進行跳轉
使用navigator這個方法可以在wxml頁面進行跳轉
文檔傳送門》傳送門
在A頁面的wxml里面加上
[AppleScript] 純文本查看 復制代碼
跳轉到B頁面
在B頁面的wxml里面加上
[AppleScript] 純文本查看 復制代碼
跳轉到A頁面
這樣wxml內部跳轉就完成啦，不過各位要注意，微信小程序規定了跳轉只能有5個頁面
也就是說 A>B>A>B>A 之后就不能跳轉了，所以在設計頁面的時候要注意頁面層次
第二 給事件進行跳轉
事件是寫在js里面的，具體來說是js>page里面的
文檔傳送門》傳送門
首先寫出事件
js代碼 要注意2個方法間是要用逗號隔開,英文逗號哦
[AppleScript] 純文本查看 復制代碼
TouchToB:function(){
wx.navigateTo({
url: 'B',
})
}
wxml頁面進行調用事件 bindtap="XXX"是點擊觸發XXX事件
wxml代碼如下
[AppleScript] 純文本查看 復制代碼
用事件跳轉到B頁面
這樣用事件進行頁面跳轉就完成啦
上面已經完成了一和二的教學
事件方面不止點擊，還有其他方法 文檔傳送門》傳送門
任務：完成 從B頁面用事件跳轉到A頁面
額外學習
頁面間的傳值
兩個頁面用的是KV形式
所謂的KV形式是k=v&k2=v2這樣子
完整的請求是 url?KV傳值 ，接受是在跳轉后的頁面onLoad方法里面
tip:
1、如有遇到新問題，可以在下方留言或者加QQ群437729329 進行咨詢
