微信小案例 登入

2021-10-02 07:32:51 字數 1172 閱讀 9979

案例效果圖

}" placeholder="請輸入使用者名稱" bindinput="inputhandel" data-prop="username" />

js

// 第一版每個input對應乙個bindinput方法

// page(,

// // 登入事件

// dlhandel:function (e),

// // username input事件

// usernamehandel:function (e))

// },

// // password input事件

// passwordhandel:function (e))

// }

// })

第二版封裝成乙個方法 用prop新增了引數

// 第二版將兩個bindinput封裝成乙個公共方法

// 將相同的方法封裝成乙個方法

// page(,

// // 登入事件

// dlhandel: function(e) ,

// // password input事件

// inputhandel: function(e)

// changed[prop] = e.detail.value

// console.log(changed)

// this.setdata(changed)

// }

// })

wxml 用for-type=「submit」

js

// form 表單提交

page(,

// 登入事件

dlhandel: function (e) ,

// 表單提交事件

loginhandel:function (e)

})

微信小程式登入流程 微信登入

提高使用者體驗 制定產品策略 token 登入態是個邏輯詞彙,token可以理解為登入態的具象化 資料化,在上面的流程圖中,可以看到token是由開發者伺服器建立的乙個字元,而且需要跟openid和session key相關聯,關聯完成之後開發者伺服器將 token下發到客戶端,客戶端儲存在本地,後...

微信小程式 一 微信登入

前端 請求伺服器 wx.request method get header 設定請求的 header success function res console.log 伺服器返回 res.data.result console.log 伺服器返回 res.data.msg fail function...

微信小程式授權登入

在這裡插入描述 前端部分 編寫自己的介面login.wxml login.js 獲取應用例項 page 生命週期函式 監聽頁面載入 onload function options 登入 dologin function e 後端部分 後端運用的是springboot框架 專案結構 官方教程 官方流程...