feat: 提交模板代码

2026-01-09 09:35:44 +08:00
parent 1ba1c0de42
commit fbab15dd2c
47 changed files with 66336 additions and 0 deletions
@@ -0,0 +1,133 @@
+/**
+ * Login 页面 - request.ts 使用示例
+ * 演示网络请求封装的各种用法：GET、POST、PUT、DELETE、文件上传等
+ */
+
+import { loginReq, type LoginParams } from '../../api/login'
+
+Page({
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    // 登录表单数据
+    username: '王波林0001',
+    password: '1/OBSNrCge2rzKLaQduNpg==',
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad() {},
+
+  // ==================== 输入框事件处理 ====================
+
+  /**
+   * 用户名输入变化
+   */
+  onUsernameChange(e: WechatMiniprogram.Input) {
+    this.setData({
+      username: e.detail.value,
+    })
+  },
+
+  /**
+   * 密码输入变化
+   */
+  onPasswordChange(e: WechatMiniprogram.Input) {
+    this.setData({
+      password: e.detail.value,
+    })
+  },
+
+  /**
+   * 用户ID输入变化
+   */
+  onUserIdChange(e: WechatMiniprogram.Input) {
+    this.setData({
+      userId: e.detail.value,
+    })
+  },
+
+  // ==================== POST 请求示例 ====================
+
+  /**
+   * 登录处理（显示 loading）
+   * 演示：POST 请求 + 默认 loading + TypeScript 类型
+   */
+  async handleLogin() {
+    const { username, password } = this.data
+
+    // 表单验证
+    if (!username || !password) {
+      wx.showToast({
+        title: '请输入用户名和密码',
+        icon: 'none',
+      })
+      return
+    }
+
+    try {
+      // POST 请求示例 - 默认显示 loading
+      const loginParams: LoginParams = { userName: username, password }
+      const res = await loginReq(loginParams)
+      console.warn(res)
+
+      // 模拟保存 token
+      // const app = getApp<IAppOption>()
+      // if (res.data?.token) {
+      //   app.globalData.token = res.data.token
+      // }
+
+      // wx.showToast({
+      //   title: '登录成功',
+      //   icon: 'success',
+      // })
+
+      // 实际项目中可以跳转到首页
+      // setTimeout(() => {
+      //   wx.switchTab({
+      //     url: '/pages/index/index'
+      //   })
+      // }, 1500)
+    } catch (error) {
+      console.error('登录失败：', error)
+      // 错误已在拦截器中统一处理，这里可以做额外处理
+    }
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady() {},
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow() {},
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide() {},
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload() {},
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh() {},
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom() {},
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage() {},
+})