微信小程序結(jié)構(gòu)

根目錄

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

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

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

pages

組成小程序的多個(gè)頁(yè)面，每個(gè)頁(yè)面都有：

.js：頁(yè)面邏輯文件（必須）

.wxml：頁(yè)面邏輯文件（必須）

.wxss：頁(yè)面樣式表（非必須）

.json文件：頁(yè)面配置（非必須）

utils文件夾

用來(lái)存一些公共的js文件

---

項(xiàng)目開始

參考《微信小程序開發(fā)入門與實(shí)踐》 "Orange Can"項(xiàng)目

app.json–配置添加頁(yè)面

利用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"] }

頁(yè)面.js文件不能空白

可以暫時(shí)添加代碼：

Page({})

頁(yè)面.json文件也不能空白

可以暫時(shí)添加代碼（空白屬性）：

｛ ｝

頁(yè)面.wxml文件-構(gòu)建頁(yè)面的元素和樣式

介紹三種組件：view text和image

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

text組件：顯示文本

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

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

總結(jié)

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

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