小程序简易版登录

简介: 小程序简易版登录

1.wxml:

  <view>账号:
    <input placeholder="请输入账号" model:value="{{account}}" style="background-color: rgb(202, 173, 173);" type="text" />
    密码:
    <input placeholder="请输入密码" model:value="{{password}}" style="background-color: rgb(202, 173, 173);" type="password" />
    <button style="margin-top: 20px;" bindtap="request">请求接口</button>
  </view>

2.js:

  data: {
    account: 'admin',
    password: '123456',
    data:[]
  }
request(e) {
    let item = this
    wx.request({
      url: 'http://*********/role/user/login',
      data: {
        account: this.data.account,
        password: this.data.password
      },
      header: {
        'content-type': 'application/json' // 默认值
      },
      method: 'GET',
      success: function (res) {
        // console.log(res.data.data.userinfo.roles);
        item.setData({
          data: res.data.data.userinfo.roles
        })
        if (res.data.code == 1) {
          wx.showToast({
            title: res.data.msg,
          })
        } else {
          wx.showToast({
            title: res.data.msg,
          })
        }
      }
    })
  }
相关文章
|
1月前
|
小程序 API
微信小程序——授权登录
微信小程序——授权登录
43 0
|
1月前
|
前端开发 小程序 JavaScript
电商小程序04实现登录逻辑
电商小程序04实现登录逻辑
|
1月前
|
小程序
内网环境中ruoyi若依实现微信小程序授权登录解决办法
内网环境中ruoyi若依实现微信小程序授权登录解决办法
246 0
|
6月前
|
小程序 前端开发 JavaScript
微信小程序(二十一)小程序登录获取openid和unionid
在微信小程序中,因为各种各样的原因我们会需要获取到用户的openid或者unionid下面就简单来讲一下在小程序中如何获取openid和unionid。 步骤一:微信登录获取登录凭证
305 0
|
4天前
|
SQL 小程序 JavaScript
微信小程序登录(保持登录状态)
微信小程序登录(保持登录状态)
17 1
|
1月前
|
小程序 JavaScript 数据库
小程序登录页面
该文介绍了使用小程序云开发实现登录和注册的步骤,包括界面设计和后端逻辑。界面使用了`wxss`和`wxml`编写,样式精致,包含手机号和密码输入、登录按钮、注册和忘记密码选项。在`js`中,重点处理了用户输入的账号和密码,通过云数据库查询验证用户是否存在,使用标志位`flag`判断,若账号或密码错误,显示相应提示。文章总结了利用for循环比对数据库账号的难点,并表达了作者的学习心得。
31 1
|
1月前
|
存储 小程序 前端开发
超简单实现小程序用户授权登录与退出
本文介绍了如何轻松实现小程序的用户授权登录与退出功能。通过调用微信的`wx.getUserProfile` API获取用户信息,成功后存储到本地以实现授权登录,并在WXML、CSS和JS中提供示例代码。用户信息存储使用`wx.setStorageSync`,退出登录则清除相关缓存,提升用户体验。
29 1
|
21天前
|
小程序 前端开发 Java
(JAVA)支付宝小程序登录相关(authToken获取用户唯一userId、encryptedData解密手机号)
(JAVA)支付宝小程序登录相关(authToken获取用户唯一userId、encryptedData解密手机号)
|
1月前
|
小程序 API 开发者
微信小程序授权登录流程以及应用到的API
微信小程序授权登录流程以及应用到的API
241 0
|
1月前
|
小程序 JavaScript
微信小程序授权登录?
微信小程序授权登录?