微信小程式簡述

2022-07-18 01:36:09 字數 798 閱讀 4908

登入後有以下兩種選項,在這兒我選擇本地小程式專案

可以新增專案,也可以開啟以前的專案,在這兒我新增乙個專案

這就是開發工具的整體布局

pages中包含若干個page,乙個page代表乙個頁面,page中包含*.js、*.json、 *.wxml、 *.wxss檔案, *.wxml、 *.wxss類似於html和css,分別為頁面結構檔案和樣式表檔案,*.js為指令碼檔案,*.json為配置檔案。當然這四個檔案中只有*.js檔案和*.xml檔案是必須的,其它兩個可有可無。

小程式的框架的核心是乙個資料繫結系統,分為檢視層和邏輯層,即將資料層和邏輯層進行繫結,只在邏輯層修改資料,檢視層便會進行相應的更新。

最後補充一下,知乎大神們提供的開發資料:

(微信小程式)一 初識微信小程式

需要看的 先是檔案目錄 一 pages 他存放於多個頁面 如 index log頁面。可以把他裡面的每個資料夾看成乙個整體。這個整體存放著 html css 和 資料 1 index資料夾 存放的index頁面的目錄。2 index.js 他可以處理得到 ajax 或自定義定義的資料。把得到的值封裝...

微信小程式學習日誌 模板引用簡述

1 在同乙個wxml檔案建立和引用模板 先去template頁面的js檔案中定義乙個item物件,該物件包含姓名 性別與學號 建立乙個模板利用template標籤,template標籤中的name屬性表示這個模板的名稱,引用時需要用到這個名稱。引用時需要用到template的is屬性,填入的是模板名...

微信小程式

2.單獨設定某一頁面下的頂部欄的背景顏色,在其對應的.json檔案下修改即可 3.this.setdata 注意 onload函式下面執行的是非同步操作,非同步操作裡面this.data.直接賦值,是無效的,必須使用this.setdata this.setdata msg he llo wor l...