溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

微信小程序項目創(chuàng)建與目錄結(jié)構(gòu)分析

發(fā)布時間:2020-07-18 15:04:12 來源:億速云 閱讀:170 作者:小豬 欄目:web開發(fā)

這篇文章主要講解了微信小程序項目創(chuàng)建與目錄結(jié)構(gòu)分析,內(nèi)容清晰明了,對此有興趣的小伙伴可以學(xué)習(xí)一下,相信大家閱讀完之后會有幫助。

創(chuàng)建項目

如圖所示

微信小程序項目創(chuàng)建與目錄結(jié)構(gòu)分析

選點此校驗就行啦,右邊有個詳情也點開瞅兩眼。

微信小程序項目創(chuàng)建與目錄結(jié)構(gòu)分析

上傳測試和騰訊這塊點不了是為啥呢,因為你創(chuàng)建項目的時候沒有填寫AppID,下一題。

具體的東西下載下來瞅瞅點點就行。下面介紹結(jié)構(gòu)。

目錄結(jié)構(gòu)

微信小程序項目創(chuàng)建與目錄結(jié)構(gòu)分析

1.wxml相當(dāng)于html,wxss相當(dāng)于css

2.在 app.json 的 pages 字段,添加需要新建的頁面的路徑,將會自動生成改頁面所需要的文件

微信小程序項目創(chuàng)建與目錄結(jié)構(gòu)分析
同樣里面也會生成四個文件,且與文件名同名的文件。

微信小程序項目創(chuàng)建與目錄結(jié)構(gòu)分析
3.ctrl+s相當(dāng)于點擊編譯

4.外面的四個文件相當(dāng)于全局文件,那么是聽誰的呢,當(dāng)然是就近原則了,離誰近受誰影響

例子:在index.wxml寫上這么一句<text>hello world </text>,在index.wxss中寫上text{ color:red; },在全局wxss中寫text{ color:blue; },結(jié)果顏色為紅色啦。

5.json文件是來干嘛的呢。我們來看官方的解釋。app.json文件用來對微信小程序進行全局配置,決定頁面文件的路徑、窗口表現(xiàn)、設(shè)置網(wǎng)絡(luò)超時時間、設(shè)置多 tab 等。

第一部分pages

微信小程序項目創(chuàng)建與目錄結(jié)構(gòu)分析
接受一個數(shù)組,每一項都是字符串,來指定小程序由哪些頁面組成。每一項代表對應(yīng)頁面的【路徑+文件名】信息,數(shù)組的第一項代表小程序的初始頁面。小程序中新增/減少頁面,都需要對 pages 數(shù)組進行修改。

第二部分window

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

微信小程序項目創(chuàng)建與目錄結(jié)構(gòu)分析

看完上述內(nèi)容,是不是對微信小程序項目創(chuàng)建與目錄結(jié)構(gòu)分析有進一步的了解,如果還想學(xué)習(xí)更多內(nèi)容,歡迎關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI