微信小程序教程系列之新建頁(yè)面（4）
例如在web的開(kāi)發(fā)中，新建一個(gè)頁(yè)面只需要新建一個(gè)html文件即可。
但是到在微信小程序中，新建一個(gè)頁(yè)面也不只是新建一個(gè)wxml文件，那么該如何做呢？下面我們一起來(lái)學(xué)習(xí)
新建一個(gè)頁(yè)面的步驟：
1> 必須要?jiǎng)?chuàng)建一個(gè)wxml文件和一個(gè)js文件，并且文件名要同名（例：test.wxml 和 test.js）。
2> js文件內(nèi)，需要寫(xiě)上注冊(cè)頁(yè)面的Page()函數(shù)！
3> 并且要到app.json文件中，注冊(cè)新建頁(yè)面的路徑信息。
示例：
新建了一個(gè)test.js文件和一個(gè)test.wxml文件，
以及在app.json文件內(nèi)的”pages”數(shù)組內(nèi)，放在第一個(gè)的頁(yè)面，就是程序啟動(dòng)時(shí)，第一個(gè)所打開(kāi)的頁(yè)面。
在test.js文件中，必須要有一個(gè)Page()函數(shù)
在wxml文件內(nèi)，隨便寫(xiě)一點(diǎn)內(nèi)容（否則打開(kāi)空白頁(yè)，你都不知道是否成功運(yùn)行項(xiàng)目）
F5運(yùn)行項(xiàng)目：
成功新建了一個(gè)頁(yè)面
備注：
記得要新建js文件，并且要注冊(cè)Page（）函數(shù)，否則就會(huì)報(bào)如下錯(cuò)誤
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
- 微信小程序登錄態(tài)控制深入分析
- 微信小程序 后臺(tái)登錄（非微信賬號(hào)）實(shí)例詳解
- 微信小程序 登錄實(shí)例詳解
- 微信小程序 MD5加密登錄密碼詳解及實(shí)例代碼
- 微信小程序 本地存儲(chǔ)及登錄頁(yè)面處理實(shí)例詳解
- 微信小程序開(kāi)發(fā)(一) 微信登錄流程詳解
- 微信小程序開(kāi)發(fā)一鍵登錄 獲取session_key和openid實(shí)例
- 微信小程序搭建及解決登錄失敗問(wèn)題
- 微信小程序?qū)崙?zhàn)之頂部導(dǎo)航欄(選項(xiàng)卡)(1)
- 微信小程序?qū)崙?zhàn)之登錄頁(yè)面制作(5)
相關(guān)文章
匹配html標(biāo)記的正則...2006-07-07
js實(shí)現(xiàn)上下左右鍵盤(pán)控制div移動(dòng)
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)上下左右鍵盤(pán)控制div移動(dòng)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-01-01
FLV格式的視頻很流行，有些網(wǎng)站程序不支持這個(gè)功能，我找到了一個(gè)強(qiáng)大FLV視頻播放器插件，可以自定義播放器界面顏色，可設(shè)置播放器默認(rèn)圖片等等，推薦給大家。2015-06-06
作為一項(xiàng)有意思的新技術(shù)，canvas給我們帶來(lái)了對(duì)網(wǎng)頁(yè)繪圖和網(wǎng)頁(yè)動(dòng)畫(huà)的新革命。本文簡(jiǎn)單介紹下canvas實(shí)用的功能，下面跟著小編一起來(lái)看下吧2017-01-01
前端實(shí)現(xiàn)下載文件(包含壓縮包下載)方式詳細(xì)總結(jié)
這篇文章主要給大家介紹了關(guān)于前端實(shí)現(xiàn)下載文件(包含壓縮包下載)方式的相關(guān)資料,這段時(shí)間項(xiàng)目需要下載文件,所以這里給大家總結(jié)下,需要的朋友可以參考下2023-09-09
本文介紹了js實(shí)現(xiàn)自定義路由，主要是事件hashchange的使用，然后根據(jù)我們的業(yè)務(wù)需求封裝。具有很好的參考價(jià)值，下面跟著小編一起來(lái)看下吧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
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)文字滾動(dòng)效果，類(lèi)似于新聞板塊中的公示公告，，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-03-03
基于JS實(shí)現(xiàn)回到頁(yè)面頂部的五種寫(xiě)法(從實(shí)現(xiàn)到增強(qiáng))
這篇文章主要介紹了基于JS實(shí)現(xiàn)回到頁(yè)面頂部的五種寫(xiě)法(從實(shí)現(xiàn)到增強(qiáng))的相關(guān)資料,本文介紹的非常詳細(xì)，實(shí)用性也非常高，非常具有參考借鑒價(jià)值，需要的朋友可以參考下2016-09-09
swiper動(dòng)態(tài)改變滑動(dòng)內(nèi)容的實(shí)現(xiàn)方法
假設(shè)當(dāng)前顯示的是1，往左滑動(dòng)一個(gè)遞減1，往右滑動(dòng)一個(gè)遞增1。下面通過(guò)實(shí)例代碼給大家講解swiper動(dòng)態(tài)改變滑動(dòng)內(nèi)容的實(shí)現(xiàn)方法，感興趣的朋友一起看看吧2018-01-01