微信小程序目錄結(jié)構(gòu)

微信小程序目錄結(jié)構(gòu)可以分為3個(gè)部分:框架全局文件,框架頁(yè)面文件和工具類文件,如圖


框架全局文件

一個(gè)小程序的主體部分由3個(gè)文件組成,作為全局文件,必須放在項(xiàng)目的根目錄中,框架全局文件包括3個(gè)文件:app.js小程序邏輯(定義全局?jǐn)?shù)據(jù)以及定義函數(shù)文件), app.json小程序公共設(shè)置, app.wxss小程序公共樣式表。它們對(duì)所有頁(yè)面都有效。

1.app.js小程序邏輯

app,js文件用來(lái)定義全局?jǐn)?shù)據(jù)和函數(shù)是的使用,它可以指定微信小程序的生命周期函數(shù)。生命周期函數(shù)可以理解為微信小程序自己定義的函數(shù),如onlaunch(監(jiān)聽小程序初始化),onshow(監(jiān)聽小程序顯示),onhide(監(jiān)聽小程序隱藏)等,在不同階段,不同場(chǎng)景可以使用不同的生命周期函數(shù)。app.js中還可以定義一些全局的函數(shù)和數(shù)據(jù),其他頁(yè)面引用app.js文件后就可以直接使用全局函數(shù)和數(shù)據(jù)


2.小程序公共設(shè)置

app.json文件可以對(duì)5個(gè)功能進(jìn)行設(shè)置,配置頁(yè)面路徑,配置窗口表現(xiàn),配置標(biāo)簽導(dǎo)航,配置網(wǎng)絡(luò)超時(shí),配置debug模式


配置頁(yè)面路徑。頁(yè)面路徑定義了一個(gè)數(shù)組,存放多個(gè)頁(yè)面的訪問(wèn)路徑,他是進(jìn)行頁(yè)面訪問(wèn)的必要條件。如果這里沒有配置頁(yè)面的訪問(wèn)路徑,頁(yè)面訪問(wèn)就會(huì)報(bào)錯(cuò),如果在這里定義了訪問(wèn)路徑,微信小程序框架就可以在頁(yè)面文件夾下創(chuàng)建相應(yīng)名稱的文件夾以及文件,免去了手動(dòng)創(chuàng)建文件夾的麻煩。



配置窗口表現(xiàn)。

窗口用于配置小程序的狀態(tài)欄,導(dǎo)航條,標(biāo)題,窗口背景色。

配置標(biāo)簽導(dǎo)航。標(biāo)簽導(dǎo)航是很多移動(dòng)app都會(huì)采用的一種導(dǎo)航方式,微信小程序同樣可以實(shí)現(xiàn)這樣的效果。配置導(dǎo)航條需要在app.json里配置tabBar屬性,tarBar是一個(gè)對(duì)象,可以配置標(biāo)簽導(dǎo)航文字的默認(rèn)顏色,選中顏色,標(biāo)簽導(dǎo)航背景顏色以及邊框顏色。標(biāo)簽導(dǎo)航存放在list數(shù)組里面,list里面每個(gè)對(duì)象對(duì)應(yīng)一個(gè)標(biāo)簽導(dǎo)航。
3 .app.wxss小程序公共樣式表

app.wxss文件對(duì)css樣式進(jìn)行了拓展,和css的使用方式一樣。只要頁(yè)面有全局樣式的class,就都可以渲染全局樣式里的效果。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 這是我新創(chuàng)建的小程序demo,目錄結(jié)構(gòu)為一下形式: 一個(gè)小程序包括一個(gè)描述整體的app和多個(gè)描述各自頁(yè)面的page...
    WJ龍閱讀 3,495評(píng)論 0 2
  • 因新工作主要負(fù)責(zé)微信小程序這一塊,最近的重心就移到這一塊,該博客是對(duì)微信小程序整體的整理歸納以及標(biāo)明一些細(xì)節(jié)點(diǎn),初...
    majun00閱讀 7,656評(píng)論 0 9
  • 用兩張圖告訴你,為什么你的 App 會(huì)卡頓? - Android - 掘金 Cover 有什么料? 從這篇文章中你...
    hw1212閱讀 14,120評(píng)論 2 59
  • 返回目錄 一. 頁(yè)面文件(通常有下面四個(gè)文件組成) 二. 項(xiàng)目配置文件 三. 項(xiàng)目主樣式(寫在這里的樣式,對(duì)整個(gè)項(xiàng)...
    LYSNote閱讀 1,548評(píng)論 0 0
  • 簡(jiǎn)書 編程之樂轉(zhuǎn)載請(qǐng)注明原創(chuàng)出處,謝謝! 前言 FragmentPagerAdapter和FragmentStat...
    Alien的小窩閱讀 3,810評(píng)論 0 12

友情鏈接更多精彩內(nèi)容