準備工作

• 下載并安裝微信開發者工具
• 注冊微信公眾平臺賬號并創建小程序項目

項目結構

• app.js：小程序的入口文件，用于定義全局變量和函數
• app.json：小程序的全局配置文件，用于配置小程序的頁面、窗口樣式、網絡超時時間等
• app.wxss：小程序的全局樣式表，用于定義全局的樣式
• pages：存放小程序各個頁面的文件夾
  • index：首頁
    • index.js：首頁的邏輯文件
    • index.wxml：首頁的結構文件
    • index.wxss：首頁的樣式文件
  • logs：日志頁面
    • logs.js：日志頁面的邏輯文件
    • logs.wxml：日志頁面的結構文件
    • logs.wxss：日志頁面的樣式文件

編寫代碼

• 在app.json中配置頁面路徑，例如：

  "pages": [ "pages/index/index", "pages/logs/logs" ]

• 在pages文件夾下創建對應的頁面文件夾，并在其中創建對應的文件。例如，創建index文件夾并在其中創建index.js、index.wxml和index.wxss文件。
• 編寫頁面的邏輯文件（.js），例如：

  Page({ data: { message: 'Hello World' }, onLoad: function () { setTimeout(() => { console.log('頁面加載完成'); }, 3000) } })

• 編寫頁面的結構文件（.wxml），例如：

  <view> <text>{{message}}</text> </view>

• 編寫頁面的樣式文件（.wxss），例如：

  text { font-size: 24px; text-align: center; }

• 在app.json中配置導航欄，例如：

  "tabBar": { "list": [ { "pagePath": "pages/index/index", "text": "首頁" }, { "pagePath": "pages/logs/logs", "text": "日志" } ] }

預覽和調試

• 使用微信開發者工具打開項目，預覽和調試小程序。可以在手機上掃描二維碼進行調試。