全棧工程師之路-中級篇之小程序開發-第三章第一節頁面跳轉及參數傳遞，跳轉到更多頁面

繼上次教程結束之後，我們的小程序已經完成到如下程度了。
如果你是一個零基礎的開發，只要跟着這個教程一步一步完成的，你就能完成這樣的界面優美是不是很容易啊。

但是，完成前兩章，我們只涉及到頁面的編寫，很少涉及到頁面的功能，那麼這一章，我們的主要任務就是編寫一些簡單的頁面邏輯。

我們要實現的是點擊上圖中的更多，跳轉到查看更多頁面。
首先我們還是先創建查看更多頁面，在json文件中，直接添加pages/moviemore/moviemore保存，自動創建相關文件。
然後爲什麼這個綁定事件要特意拿出來講呢。
因爲我們的首頁，是使用了movielist模板，導入界面的，但是模板並沒有自己的js文件，所以這個邏輯事件要寫在調用模板的那個頁面的邏輯文件中，即js文件。簡單的說就是，小程序裏面的模板的概念，只是簡單的幫你複製了一下而已，你在哪裏調用模板，就相當於在這個地方粘貼了一份樣式文件而已。
理解了這一點，那我們做相關邏輯操作就簡單了很多了。
不管你的界面綁定了多少個模板文件，所有的邏輯都是在那個頁面裏面編寫的。
我們先修改一下，movielist模板

這裏我們給包含“更多”的一整個條綁定了點擊事件，並且綁定了數據movielist.url
然後，我們需要構造這個url數據，就跟我們構造movielist.title數據一樣。
所以我們修改util.js(獲取數據的方法移動到了這個文件了）

最後我們在index.js中編寫goToMoreMovie方法，
goToMoreMovie:function(event){ console.log(event); }
我們先編寫這個數據，然後在日誌中打印，這個事件。

查看這個event對象，我們就能找到我們剛纔綁定的data-movie-url，使用-連接的對象名，最終會使用駝峯重命名。即圖中的movieUrl。
這裏有另一個問題，我們在個人中心頁面，也是用了movielist模板，那我們在那個頁面的點擊更多，跳轉到查看更多頁面，是不是也要編寫一模一樣的代碼呢？答案是：是的，小程序裏面的模板，只支持頁面的封裝，不支持邏輯封裝。
最後，我們修改index中的goToMoreMovie方法。

保存運行，點擊更多。頁面跳轉到了查看更多頁面。

點擊“返回”又回到了，首頁。
然後我們在moviemore.js的onload函數中，增加console.log(options)

在調製的console中查看。

所以我們只要在onload函數中取到options.url就可以取到我們從movielist傳遞過來的參數了。
然後調用我們封裝好的方法，獲取更多的數據。
由於篇幅原因，這節課到這裏結束了，下一節課，我們講解查看更多頁面，和拖動加載更多的方法。