# 目錄結構
小程序包含一個描述整體程序的?app?和多個描述各自頁面的?page。
一個小程序主體部分由三個文件組成,必須放在項目的根目錄,如下:
| 文件 | 必需 | 作用 |
| --- | --- | --- |
| [app.js](https://www.w3cschool.cn/weixinapp/weixinapp-od3b38rm.html) | 是 | 小程序邏輯 |
| [app.json](https://www.w3cschool.cn/weixinapp/weixinapp-xsnq38rf.html) | 是 | 小程序公共配置 |
| [app.wxss](https://www.w3cschool.cn/weixinapp/weixinapp-y7ki38rt.html) | 否 | 小程序公共樣式表 |
一個小程序頁面由四個文件組成,分別是:
| 文件類型 | 必需 | 作用 |
| --- | --- | --- |
| [js](https://www.w3cschool.cn/weixinapp/weixinapp-a7qo38rn.html) | 是 | 頁面邏輯 |
| [wxml](https://www.w3cschool.cn/weixinapp/weixinapp-832u38rs.html) | 是 | 頁面結構 |
| [json](https://www.w3cschool.cn/weixinapp/weixinapp-qwcr38rg.html) | 否 | 頁面配置 |
| [wxss](https://www.w3cschool.cn/weixinapp/weixinapp-y7ki38rt.html) | 否 | 頁面樣式表 |
注意:為了方便開發者減少配置項,描述頁面的四個文件必須具有相同的路徑與文件名。
### 允許上傳的文件
在項目目錄中,以下文件會經過編譯,因此上傳之后無法直接訪問到:.js、app.json、.wxml、\*.wxss(其中 wxml 和 wxss 文件僅針對在 app.json 中配置了的頁面)。除此之外,只有后綴名在白名單內的文件可以被上傳,不在白名單列表內文件在開發工具能被訪問到,但無法被上傳。具體白名單列表如下:
1. wxs
2. png
3. jpg
4. jpeg
5. gif
6. svg
7. json
8. cer
9. mp3
10. aac
11. m4a
12. mp4
13. wav
14. ogg
15. silk
- 惠惠軟件-開發自助學習系統
- 一.微信公眾號(服務號)申請流程
- 二.申請所需提前準備資料
- 三.認證微信公眾號:申請微信小程序流程
- 四.微信小程序安裝和開發環境
- 五.微信小程序如何上傳、提交審核、發布操作
- 六.微信小程序開發教程手冊
- 0.1微信小程序 小程序簡介
- 0.2微信小程序 開始第一步
- 0.3微信小程序 小程序代碼構成
- 0.4微信小程序 小程序宿主環境
- 0.5微信小程序 小程序協同工作和發布
- 0.6微信小程序 目錄結構
- 0.7微信小程序 全局配置
- 0.8微信小程序 頁面配置
- 0.9微信小程序 sitemap配置
- 0.10微信小程序 場景值
- 0.11微信小程序 注冊小程序
- 0.12微信小程序 注冊頁面
- 0.13微信小程序 頁面生命周期
- 0.14微信小程序 頁面路由
- 0.15微信小程序 模塊化
- 0.16微信小程序 API
- 0.17微信小程序 運行環境
- 0.18微信小程序 JavaScript支持情況
- 0.19微信小程序 運行機制
- 0.20微信小程序 更新機制
- 0.21微信小程序 廣告·Banner 廣告
- 0.22微信小程序 安全指引·開發原則與注意事項
- 0.23微信小程序 調試
- 0.24微信小程序 啟動性能
- 0.25微信小程序 運行時性能
- 0.26微信小程序 性能分析工具
- 0.27微信小程序 體驗評分
- 八.小程序的美工
- 8.1圖片大小
- 8.2顏色代碼
- 8.3小程序的美工技巧
- 九.微信小程序-定制開發
- 十.微信支付申請流程
- 十一.小程序支付對接流程
- 十二.微信小程序使用中常見問題匯總
- 十二.小程序開發中遇到的問題—匯總
- 十四.小程序問題及解決
- 十五.網站開發定制
- 1.開發定制流程
- 2.搭建網站的過程
- 3.做網站基本費用
- 4.服務器選什么系統更好?
- 十六.常用工具、軟件網站推薦