小程序的文件類型

• WXML（頁面的結(jié)構(gòu)，類似于HTML）
• WXSS（頁面的表現(xiàn)，類似于CSS）
• JS（行為，就是原生的JavaScript）

一個(gè)標(biāo)準(zhǔn)小程序項(xiàng)目的頁面的目錄:

主目錄下面有有pages目錄和utils目錄。pages目錄下面是index目錄和logs目錄

一個(gè)一個(gè)了解，我們先來看看index目錄下面有什么：
index目錄下面就是一個(gè)index頁面（一般為主頁面）及其相關(guān)的配置文件，另外一個(gè)目錄logs就是日志頁面及其相關(guān)的配置文件，這兩個(gè)目錄文件是初始化時(shí)就存在的了。

我們可以看到在index目錄下有四個(gè)文件（logs目錄下也有），wxml、wxss、js以及一個(gè)json文件，前三個(gè)文件就是前端的標(biāo)準(zhǔn)搭配（html+css+JavaScript），而最后那個(gè)json文件是用于小程序的頁面配置的

既然微信小程序吧html和css的名字都改成了wxml和wxss，那么肯定是有所區(qū)別的，我們來看看改后有什么不同：
.wxml：
-標(biāo)簽：HTML中的所有的<div><p><span>…全部都變?yōu)橐粋€(gè)標(biāo)簽<view>，只使用一個(gè) <view>標(biāo)簽降低了小程序的開發(fā)難度
-改了一些語法：添加了 wx:if、wx:for、{{}}，為什么要添加這些語法呢，我們知道在html中，我們會(huì)在頁面中加入一些js代碼來引起頁面的變化響應(yīng)用戶的行為，但是小程序不主張使用js來控制頁面的變化，所有定制了一些語法，使得js邏輯和頁面邏輯分離

.wxss
-具備css大部分的屬性
-新增尺寸單位，小程序運(yùn)行在移動(dòng)端，移動(dòng)端的屏幕千變?nèi)f化，所以要引入新的尺寸單位來統(tǒng)一不同尺寸頁面的差異

.js
就是原生的JavaScript

最后是關(guān)于.json文件
.json:
-工具層面配置：project.config.json（對(duì)微信開發(fā)工具的配置）
-項(xiàng)目層面配置：app.json（對(duì)項(xiàng)目的總體配置）
-頁面層面配置：<page name>.json（細(xì)分到每個(gè)頁面的配置）

小程序目錄說明

• pages目錄：存放頁面相關(guān)代碼
• utils目錄：存放工具相關(guān)的代碼
• 其他文件目錄：thisparty目錄（第三方代碼），components目錄（存放組件代碼），resource目錄（存放資源文件，圖標(biāo)等）

小程序全局入口配置與樣式

• 全局入口：app.js
• 全局配置：app.json
• 全局樣式：app.wxss
  
  可以自己看一看這三個(gè)文件的內(nèi)容

總結(jié)：了解小程序的文件類型、目錄和全局相關(guān)文件

總結(jié)

以上是生活随笔為你收集整理的Django+小程序打造个人助手-----2小程序项目工程目录的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。