微信小程序教程系列之新建頁面（4）
更新時間：2017年04月17日 15:18:11 作者：michael_ouyang
這篇文章主要為大家詳細介紹了微信小程序新建頁面的方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下
例如在web的開發(fā)中，新建一個頁面只需要新建一個html文件即可。
但是到在微信小程序中，新建一個頁面也不只是新建一個wxml文件，那么該如何做呢？下面我們一起來學習
新建一個頁面的步驟：
1> 必須要創(chuàng)建一個wxml文件和一個js文件，并且文件名要同名（例：test.wxml 和 test.js）。
2> js文件內(nèi)，需要寫上注冊頁面的Page()函數(shù)！
3> 并且要到app.json文件中，注冊新建頁面的路徑信息。
示例：
新建了一個test.js文件和一個test.wxml文件，
以及在app.json文件內(nèi)的”pages”數(shù)組內(nèi)，放在第一個的頁面，就是程序啟動時，第一個所打開的頁面。
在test.js文件中，必須要有一個Page()函數(shù)
在wxml文件內(nèi)，隨便寫一點內(nèi)容（否則打開空白頁，你都不知道是否成功運行項目）
F5運行項目：
成功新建了一個頁面
備注：
記得要新建js文件，并且要注冊Page（）函數(shù)，否則就會報如下錯誤
以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
匹配html標記的正則...2006-07-07
這篇文章主要為大家詳細介紹了js實現(xiàn)上下左右鍵盤控制div移動，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-01-01
FLV格式的視頻很流行，有些網(wǎng)站程序不支持這個功能，我找到了一個強大FLV視頻播放器插件，可以自定義播放器界面顏色，可設置播放器默認圖片等等，推薦給大家。2015-06-06
作為一項有意思的新技術(shù)，canvas給我們帶來了對網(wǎng)頁繪圖和網(wǎng)頁動畫的新革命。本文簡單介紹下canvas實用的功能，下面跟著小編一起來看下吧2017-01-01
前端實現(xiàn)下載文件(包含壓縮包下載)方式詳細總結(jié)
這篇文章主要給大家介紹了關于前端實現(xiàn)下載文件(包含壓縮包下載)方式的相關資料,這段時間項目需要下載文件,所以這里給大家總結(jié)下,需要的朋友可以參考下2023-09-09
本文介紹了js實現(xiàn)自定義路由，主要是事件hashchange的使用，然后根據(jù)我們的業(yè)務需求封裝。具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02
Javascript調(diào)用函數(shù)方法的幾種方式介紹
這篇文章主要介紹了Javascript調(diào)用函數(shù)方法的幾種方式介紹,本文講解了func()、(function(arg){})(window)、func.bind(sth)()、func.call()、func.apply()等5種方式,需要的朋友可以參考下2015-03-03
這篇文章主要為大家詳細介紹了js實現(xiàn)文字滾動效果，類似于新聞板塊中的公示公告，，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-03-03
基于JS實現(xiàn)回到頁面頂部的五種寫法(從實現(xiàn)到增強)
這篇文章主要介紹了基于JS實現(xiàn)回到頁面頂部的五種寫法(從實現(xiàn)到增強)的相關資料,本文介紹的非常詳細，實用性也非常高，非常具有參考借鑒價值，需要的朋友可以參考下2016-09-09
swiper動態(tài)改變滑動內(nèi)容的實現(xiàn)方法
假設當前顯示的是1，往左滑動一個遞減1，往右滑動一個遞增1。下面通過實例代碼給大家講解swiper動態(tài)改變滑動內(nèi)容的實現(xiàn)方法，感興趣的朋友一起看看吧2018-01-01