小程序的文件類型

• WXML（頁面的結構，類似于HTML）
• WXSS（頁面的表現，類似于CSS）
• JS（行為，就是原生的JavaScript）

一個標準小程序項目的頁面的目錄:

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

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

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

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

.wxss
-具備css大部分的屬性
-新增尺寸單位，小程序運行在移動端，移動端的屏幕千變萬化，所以要引入新的尺寸單位來統一不同尺寸頁面的差異

.js
就是原生的JavaScript

最后是關于.json文件
.json:
-工具層面配置：project.config.json（對微信開發工具的配置）
-項目層面配置：app.json（對項目的總體配置）
-頁面層面配置：<page name>.json（細分到每個頁面的配置）

小程序目錄說明

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

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

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

總結：了解小程序的文件類型、目錄和全局相關文件

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。