疫情期間跟著智企云一起零基礎(chǔ)入門(mén)小程序開(kāi)發(fā)！之前長(zhǎng)沙小程序開(kāi)發(fā)公司智企云帶來(lái)了一些免費(fèi)學(xué)習(xí)小程序開(kāi)發(fā)方面的一些知識(shí)分享，有圖文跟視頻方面的分享，這次來(lái)說(shuō)一下官方開(kāi)發(fā)工具的項(xiàng)目組織結(jié)構(gòu)是怎樣的，在學(xué)習(xí)小程序開(kāi)發(fā)的道路上只有不更斷學(xué)習(xí)，不能掉隊(duì)，跟上時(shí)代更新的步伐，應(yīng)用市場(chǎng)的變化的需求，保持相應(yīng)的學(xué)習(xí)力與競(jìng)爭(zhēng)力，才能長(zhǎng)久的立于這一行業(yè)，長(zhǎng)沙小程序開(kāi)發(fā)公司智企云也是秉承著學(xué)習(xí)創(chuàng)業(yè)的心態(tài)，為大家無(wú)私帶來(lái)分享與最新報(bào)道，也會(huì)更好的服務(wù)我們的小程序開(kāi)發(fā)客戶。

　　項(xiàng)目結(jié)構(gòu)主要由以下幾個(gè)部分組成，pages文件夾、utils文件夾、app.js、app.json、app.wxss、project.config.json和sitemap.json。

　　pages文件夾

　　這個(gè)是放置小程序頁(yè)面的文件夾，由于小程序每個(gè)頁(yè)面由四個(gè)文件組成(xx.json/xx.js/xx.wxss/xx.wxml)，所以一般的組織架構(gòu)會(huì)給每個(gè)頁(yè)面單獨(dú)再搞一個(gè)文件夾，像下面的pages/index/index。

　　頁(yè)面的這四個(gè)文件(xx.json/xx.js/xx.wxss/xx.wxml)可以用工具自動(dòng)生成，右鍵某個(gè)文件夾，選擇“生成新的page”即可，就會(huì)自動(dòng)生成，然后在app.json里面加入對(duì)應(yīng)的聲明(不加的話不會(huì)識(shí)別出新增的page)。如下圖我們新增了一個(gè)hello頁(yè)面，

　　打開(kāi)小程序的話，會(huì)默認(rèn)打開(kāi)聲明的第一條page，即pages/index/index。

　　utils文件夾

　　這個(gè)主要是放一些跟業(yè)務(wù)邏輯無(wú)關(guān)的工具代碼，官方的話是放了一個(gè)格式化時(shí)間的函數(shù)

　　其實(shí)這個(gè)不是強(qiáng)制要求的，算是一種官方的建議吧?

　　app.js

　　這里面定義了小程序的實(shí)例——app。可以在里面定義全局變量和一些事件。

　　例如這里定義了一個(gè)onLauch事件，表示小程序剛開(kāi)始運(yùn)行的時(shí)候會(huì)觸發(fā)。

　　還可以在globalData這里定義一些所有頁(yè)面都共享的變量，這里存的是用戶信息——userInfo。

　　app.json

　　這個(gè)是全局的配置文件

　　如圖所示，示例里面定義了pages(頁(yè)面聲明)，windows(整個(gè)小程序的配色、風(fēng)格和標(biāo)題等)、style表示使用的style版本，sitemapLocation指定是否要加入小程序搜索索引的配置文件。除了這些，還可以定義許多配置，像是toolBar(底部的tab頁(yè)面)、permission(小程序接口權(quán)限)、plugins(用到的插件)等等。

　　這些全局配置都可以在官方平臺(tái)上面找到怎么配置，這里就不做過(guò)多的延伸了，因?yàn)檎娴囊f(shuō)的話，實(shí)在太多了。這里只拋磚引玉，哈哈哈。

　　app.wxss

　　這個(gè)跟前端的css文件一樣，學(xué)過(guò)前端的老鐵應(yīng)該只到，語(yǔ)法也差不多。沒(méi)學(xué)過(guò)的就可以把它當(dāng)成一個(gè)指定小程序展示風(fēng)格，如顏色，字體，排列等的配置文件就好了。這里給出一個(gè)示例：

　　具體可以配置的style在官方平臺(tái)上面也是寫(xiě)的非常清楚的，總之有不清楚的就找官方文檔看，既全又權(quán)威。

　　project.config.json

　　這個(gè)是項(xiàng)目的配置文件，像是一些是否開(kāi)啟url檢查的配置項(xiàng)啦，項(xiàng)目名字appid啦，還有模擬器的配置等等，非常雜，基本上跟邏輯頁(yè)面無(wú)關(guān)的配置全在這里了

　　sitemap.json

　　小程序根目錄下的 sitemap.json 文件用于配置小程序及其頁(yè)面是否允許被微信索引，文件內(nèi)容為一個(gè) JSON 對(duì)象，如果沒(méi)有 sitemap.json ，則默認(rèn)為所有頁(yè)面都允許被索引;sitemap.json 只有一個(gè)rules屬性，是一個(gè)數(shù)組對(duì)象，可以在里面添加索引的規(guī)則。

　　每條規(guī)則可以定義如下的屬性：

　　action：字符串，可選"allow"、"disallow"，表示命中該規(guī)則的頁(yè)面是否能被索引

　　page：字符串，默認(rèn)*，表示適用的頁(yè)面

　　params：字符串，當(dāng) page 字段指定的頁(yè)面在被本規(guī)則匹配時(shí)可能使用的頁(yè)面參數(shù)名稱的列表

　　matching：字符串， 當(dāng) page 字段指定的頁(yè)面在被本規(guī)則匹配時(shí)，此參數(shù)說(shuō)明 params 匹配方式

　　priority：數(shù)字，表示優(yōu)先級(jí)，值越大則規(guī)則越早被匹配，否則默認(rèn)從上到下匹配。

       以上就是長(zhǎng)沙小程序開(kāi)發(fā)公司智企云給我們帶來(lái)的疫情期間跟著智企云一起零基礎(chǔ)入門(mén)小程序開(kāi)發(fā)！的相關(guān)報(bào)道，后續(xù)的小程序開(kāi)發(fā)的學(xué)習(xí)內(nèi)容我們也會(huì)陸續(xù)為大家?guī)?lái)，敬請(qǐng)期待，長(zhǎng)沙小程序開(kāi)發(fā)公司智企云也是秉承著學(xué)習(xí)創(chuàng)業(yè)的心態(tài)，為大家無(wú)私帶來(lái)分享與最新報(bào)道，若你的企業(yè)有小程序開(kāi)發(fā)方面的需求，也沒(méi)有頭緒，不妨也我們?nèi)〉寐?lián)系，我們將會(huì)為你提供行業(yè)解決方案，我們也將與客戶一樣，保持一顆永久的心，也會(huì)更好的服務(wù)我們的小程序開(kāi)發(fā)客戶。