ETL小白教學第一篇---頁面跳轉、傳值

發表時間：2022-9-6

發布人：葵宇科技

浏覽次數：24

最近有幾個(gè)小白找到我，給他們解決bug，都是一些非常非常非常非常基礎的bug。
讓他們看微信小程序的官方文(wén)檔也不願意看，思前思後，決定來一篇基礎教學，希望能夠幫助0基礎的童鞋們。

入門篇-----hello world

你(nǐ)以為我會這樣寫嗎？
不會的

首先說明第一篇的教學内容
一、學習頁面的跳轉
二、學習事件（點擊事件等）

0、創建頁面
有不少(shǎo)小白是在目錄裡右鍵>新建>然後新建wxml、js、json等文(wén)件

現在給小白們一個(gè)便捷的方法，在app.json中(zhōng)，輸入你(nǐ)的路(lù)徑那麼就會自動(dòng)給你(nǐ)生成 js、json、wxml和(hé)wxss這4個(gè)文(wén)件

拿去不謝
哈？。。。。為什麼寫0？
連文(wén)件都建不出來怎麼學啊

1、頁面的跳轉
頁面的跳轉分2種，第一是wxml頁面内部進行跳轉，第二是給事件進行跳轉
第一 wxml頁面内部進行跳轉
使用navigator這個(gè)方法可(kě)以在wxml頁面進行跳轉
文(wén)檔傳送門》傳送門
在A頁面的wxml裡面加上

[AppleScript] 純文(wén)本查看 複制代碼

跳轉到B頁面

在B頁面的wxml裡面加上

[AppleScript] 純文(wén)本查看 複制代碼

跳轉到A頁面

這樣wxml内部跳轉就完成啦，不過各位要注意，微信小程序規定了跳轉隻能有5個(gè)頁面
也就是說 A>B>A>B>A 之後就不能跳轉了，所以在設計頁面的時候要注意頁面層次
第二給事件進行跳轉
事件是寫在js裡面的，具體來說是js>page裡面的
文(wén)檔傳送門》傳送門
首先寫出事件
js代碼要注意2個(gè)方法間是要用逗号隔開,英文(wén)逗号哦

[AppleScript] 純文(wén)本查看 複制代碼



TouchToB:function(){

    wx.navigateTo({

      url: 'B',

    })

  }

wxml頁面進行調用事件 bindtap="XXX"是點擊觸發XXX事件
wxml代碼如(rú)下(xià)

[AppleScript] 純文(wén)本查看 複制代碼

用事件跳轉到B頁面

這樣用事件進行頁面跳轉就完成啦

上面已經完成了一和(hé)二的教學
事件方面不止點擊，還有其他方法文(wén)檔傳送門》傳送門

任務：完成從B頁面用事件跳轉到A頁面

額外學習
頁面間的傳值
兩個(gè)頁面用的是KV形式
所謂的KV形式是k=v&k2=v2這樣子(zǐ)
完整的請求是 url?KV傳值，接受是在跳轉後的頁面onLoad方法裡面