微信小程序結構

根目錄

app.js：小程序邏輯文件（必須）

app.json：小程序配置文件（必須）

app.wxss：全局公共樣式文件（非必須）

pages

組成小程序的多個頁面，每個頁面都有：

.js：頁面邏輯文件（必須）

.wxml：頁面邏輯文件（必須）

.wxss：頁面樣式表（非必須）

.json文件：頁面配置（非必須）

utils文件夾

用來存一些公共的js文件

---

項目開始

參考《微信小程序開發入門與實踐》 "Orange Can"項目

app.json–配置添加頁面

利用pages，代碼如下：

{pages":["pages/welcome/welcome","pages/posts/posts","pages/movies/more-movie/more-movie","pages/movies/movies","pages/movies/movie-detail/movie-detail","pages/posts/post-detail/post-detail","pages/posts/post-item/post-item","pages/posts/post-comment/post-comment"] }

頁面.js文件不能空白

可以暫時添加代碼：

Page({})

頁面.json文件也不能空白

可以暫時添加代碼（空白屬性）：

｛ ｝

頁面.wxml文件-構建頁面的元素和樣式

介紹三種組件：view text和image

view組件：通常作為容器使用

text組件：顯示文本

image組件：顯示圖像，src：圖像路徑
代碼如下：

<view><image src="/images/.../Orange.png"></image><text>Hello,橘子罐頭</text><view><text>開啟小程序之旅</text></view> </view>

總結

以上是生活随笔為你收集整理的微信小程序开发学习记录01的全部內容，希望文章能夠幫你解決所遇到的問題。

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