微信小程序隨著風(fēng)暴入侵了我們的微信，席卷了我們的生命。讓我們對(duì)微信小程序不感到奇怪。對(duì)于微信小程序，很多人都知道如何使用它，但制作小程序更加困難?，F(xiàn)在讓我們用匯海小編學(xué)習(xí)微信小程序！

準(zhǔn)備工作

下載微信小程序開發(fā)工具：匯海 Cloud Shop

創(chuàng)建微信小程序項(xiàng)目

1.首先找到你自己的微信小程序。通常，微信小程序具有現(xiàn)成的模板并添加項(xiàng)目。

2，添加項(xiàng)目名稱可以隨意，拿創(chuàng)建微信小程序商城，在項(xiàng)目目錄中購物是自己創(chuàng)建的新文件夾，空文件夾系統(tǒng)會(huì)自動(dòng)在購物文件夾中創(chuàng)建整個(gè)項(xiàng)目結(jié)構(gòu)，記住勾選快速啟動(dòng)項(xiàng)目。

項(xiàng)目架構(gòu)分析

1.整體架構(gòu)：微信小程序自動(dòng)創(chuàng)建的項(xiàng)目包括菜單欄的基本結(jié)構(gòu)，界面效果顯示，代碼結(jié)構(gòu)目錄和代碼欄。

2，重點(diǎn)介紹代碼架構(gòu)目錄：app.js，app.json，app.wxss，這三個(gè)前兩個(gè)必須看到，前兩個(gè)相當(dāng)于目錄，就像讀書一樣，兩個(gè)看看首先在目錄中，所以當(dāng)你將來看其他項(xiàng)目時(shí)，首先看一下app.js和app.json

App.js是小程序的腳本代碼。我們可以監(jiān)聽并處理小程序生命周期函數(shù)并在此文件中聲明全局變量。調(diào)用框架提供的豐富API，例如本示例的同步存儲(chǔ)和本地?cái)?shù)據(jù)的同步讀取。

App.json是整個(gè)小程序的全局配置。我們可以在這個(gè)文件中配置哪些頁面由小程序組成，配置小程序窗口的背景顏色，配置導(dǎo)航欄樣式，并配置默認(rèn)標(biāo)題。請(qǐng)注意，此文件中不能添加任何注釋。

App.wxss是整個(gè)小程序的公共樣式表。我們可以直接在頁面組件的class屬性中使用app.wxss中聲明的樣式規(guī)則。

3，app.json分析：首先，既然是.json，那一定是json格式，里面包含兩個(gè)頁面和窗口，固定字段，頁面是整個(gè)小程序頁面，你可以根據(jù)路徑找到相應(yīng)的頁面，窗口設(shè)置一些窗口樣式，依次配置窗口背景字體樣式小程序，配置導(dǎo)航欄背景樣式，配置默認(rèn)標(biāo)題和顏色。

如果要更改體系結(jié)構(gòu)，只需找到相關(guān)文件夾并進(jìn)行設(shè)置，即可創(chuàng)建簡單的微信小程序。實(shí)際上，微信小程序的整體架構(gòu)相對(duì)簡單。如果你想研究微信小程序的產(chǎn)品，你應(yīng)該仔細(xì)研究它。你可以相信你也可以制作一個(gè)強(qiáng)大的微信小程序。