如何配置小程序開發(fā)項(xiàng)目結(jié)構(gòu)?(教程)

閱讀 20596  ·  發(fā)布日期 2020-08-24 17:26  ·  溫州優(yōu)光網(wǎng)絡(luò)科技有限公司|建站|APP小程序制作|做網(wǎng)站SEO推廣優(yōu)化
【摘要】 開發(fā)小程序,首先利用開發(fā)者工具創(chuàng)建一個(gè)demo,下載編輯器對項(xiàng)目結(jié)構(gòu)進(jìn)行配置。找到創(chuàng)建的 demo 文件夾,把項(xiàng)目導(dǎo)入到你的編輯器,使用的是Sublime Text編輯器。這個(gè)時(shí)候需要根據(jù)自己的項(xiàng)目需求結(jié)構(gòu)進(jìn)行更改了,項(xiàng)目根目錄下面是首頁渲染的幾個(gè) tabBar 頁面,以及 app 的一些配置文件,如名片盒項(xiàng)目的 ta... 【溫州小程序開發(fā),溫州微信公眾號,平陽做網(wǎng)站,平陽網(wǎng)站建設(shè)公司,平陽小程序商城制作,昆陽萬全做網(wǎng)站,鰲江水頭小程序,蕭江騰蛟微信公眾號,山門順溪南雁海西南麂鳳臥麻步懷溪網(wǎng)絡(luò)網(wǎng)店服務(wù),政采云網(wǎng)店管理服務(wù)】...

如何配置小程序開發(fā)項(xiàng)目結(jié)構(gòu)?(教程)

開發(fā)小程序,首先利用開發(fā)者工具創(chuàng)建一個(gè)demo,下載編輯器對項(xiàng)目結(jié)構(gòu)進(jìn)行配置。
找到創(chuàng)建的 demo 文件夾,把項(xiàng)目導(dǎo)入到你的編輯器,使用的是Sublime Text編輯器。
這個(gè)時(shí)候需要根據(jù)自己的項(xiàng)目需求結(jié)構(gòu)進(jìn)行更改了,項(xiàng)目根目錄下面是首頁渲染的幾個(gè) tabBar 頁面,以及 app 的一些配置文件,如名片盒項(xiàng)目的 tabBar 是 3 個(gè)切換菜單我們先找到 app.json 文件打開配置好這幾個(gè)菜單,配置好 tabBar,這個(gè)直接把配置文件改成你自己設(shè)計(jì)的即可。
App.json 里面有幾個(gè)配置項(xiàng):
Pages:
這個(gè)是編寫的js文件,后綴.js這里不需要使用,配置好正確路徑即可正常調(diào)用(若調(diào)用不到,在重啟微信開發(fā)者工具會直接報(bào) page 錯(cuò)誤)。
networkTimeout:
暫時(shí)沒發(fā)現(xiàn)用處,建議看文檔。
根據(jù)實(shí)際項(xiàng)目需求進(jìn)行添加與更改。
tabBar:
底部的幾項(xiàng)配置。
text:
可以去掉,全部去掉會發(fā)現(xiàn)底部 tabar 高度會減少很多。
Window:
配置頂部的一些樣式,文檔介紹比較詳細(xì)。
iconPath和selectedIconPath:
底部菜單按鈕圖片與得到切換點(diǎn)擊高亮。
Json 文件配置好后,根據(jù)項(xiàng)目進(jìn)行文件創(chuàng)建。
Demo:
存放的是假數(shù)據(jù),這一期的開發(fā)工具支持 require,假數(shù)據(jù)使用的是 .js 文件形式里面的數(shù)據(jù)結(jié)構(gòu) json 一致,把 data 暴露出去即可然后取數(shù)據(jù) require 進(jìn)來即可,這一點(diǎn)使用很方便;Servise:
服務(wù)交付層(與后臺聯(lián)調(diào)真實(shí)數(shù)據(jù)時(shí)使用);Wxss:
一些公共的 css 文件;Images:
圖片路徑;Page:
除 tabar 以外的頁面;看到這里大家發(fā)現(xiàn)每個(gè)頁面都被連帶好三個(gè)不同的后綴。
分別頁面,css,js 目前只能依照這樣,是微信應(yīng)用號的一個(gè)規(guī)范吧。
Wxss 文件是引入你寫的樣式文件,也可以直接在里面寫樣式。
最后Js 文件需全部配置到 pages 里面才能生效。
推薦:
《小程序開發(fā)教程》以上就是如何配置小程序開發(fā)項(xiàng)目結(jié)構(gòu)?(教程)的詳細(xì)內(nèi)容,更多請關(guān)注php中文網(wǎng)其它相關(guān)文章!
微信
分享相關(guān)標(biāo)簽:
小程序本文轉(zhuǎn)載于:
即速資訊,如有侵犯,請聯(lián)系[email protected]刪除
上一篇:
小程序中下拉刷新頁面的功能怎么實(shí)現(xiàn)?
下一篇:
小程序使用函數(shù)節(jié)流解決頁面多次跳轉(zhuǎn)問題相關(guān)文章相關(guān)視頻小程序無法獲取地理位置失敗怎么辦如何在微信小程序開發(fā)中使用 npm 中包的功能?如何關(guān)閉微信小程序的聲音微信小程序不能分享朋友圈嗎如何配置小程序開發(fā)項(xiàng)目結(jié)構(gòu)?(教程)認(rèn)識小程序的目錄結(jié)構(gòu)小程序的rpx長度單位詳解布局奔牛課堂小程序搜素框 [溫州做小程序]