微信小程序教程系列之新建頁(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)文章
JavaScript中Array.from()的用法總結(jié)
本文主要介紹了JavaScript中Array.from()的用法總結(jié)2023-05-05javascript密碼強(qiáng)度校驗(yàn)代碼(兩種方法)
為了保證網(wǎng)站個(gè)人信息的安全,很多網(wǎng)站在注冊(cè)頁(yè)面都設(shè)置密碼強(qiáng)度這項(xiàng),用javascript如何實(shí)現(xiàn)密碼強(qiáng)度校驗(yàn)代碼呢?下面小編給大家整理了兩種方法使用javascript密碼強(qiáng)度校驗(yàn)代碼,有需要的朋友可以參考下2015-08-08js+css實(shí)現(xiàn)上下翻頁(yè)相冊(cè)代碼分享
這篇文章主要介紹了js+css實(shí)現(xiàn)上下翻頁(yè)相冊(cè)特效,相冊(cè)可以從上方或者下方隨意切換,推薦給大家,有需要的小伙伴可以參考下。2015-08-08js 通過(guò)html()及text()方法獲取并設(shè)置p標(biāo)簽的顯示值
這篇文章主要介紹了js 通過(guò)html()及text()方法獲取并設(shè)置p標(biāo)簽的顯示值,需要的朋友可以參考下2014-05-05JS數(shù)組轉(zhuǎn)字符串實(shí)現(xiàn)方法解析
這篇文章主要介紹了JS數(shù)組轉(zhuǎn)字符串實(shí)現(xiàn)方法解析,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-09-09