支付寶小程序學習入門

支付寶小程序官方文檔

https://docs.alipay.com/mini/developer/getting-started

 

第一步：

首先，請下載小程序開發者工具(IDE)。它是一個輔助開發支付寶小程序的本地應用工具，包含本地調試、代碼編輯、真機預覽、發佈等功能，覆蓋了應用開發的完整流程。

https://docs.alipay.com/mini/ide/download

然後安裝好它

第二步：

體驗你的第一個小程序

打開ide，選擇新建項目

選擇ui中的Todo App示例，然後點擊下一步開始我們的第一個小程序體驗

預覽你的第一個小程序

 

 

第三步：

認識小程序文件目錄結構

這裏以 Todo App 的demo爲例去認識小程序整體文件結構，以及每種文件類型分別在小程序中的作用

從下面的註釋中先整體認識下小程序的目錄結構

assets          // 存放各種靜態資源，如圖片
components      // 小程序自定義組件目錄
  --add-button  // 這裏我們定義了一個叫add-button的組件
pages           // 小程序裏面包含的所有的頁面都放在pages下面，一個頁面一個文件夾
  --add-todo    // 小程序頁面
  --todos       // 小程序頁面
app.js          // 這裏配置了小程序的一些全局業務邏輯，比如全局方法，全局變量
app.acss        // 全局樣式配置，這裏的樣式在每一個頁面都可以生效
app.json        // 配置小程序頁面一些基礎配置信息，比如頁面路徑