云诺说 - 小程序开发 - 软件定制
当前位置: 微信小程序 > 校园助手微信小程序开发之用户登录功能实现

校园助手微信小程序开发之用户登录功能实现

2022-06-27 11:04 分类:微信小程序 作者:云诺 阅读(569)

版权声明:本文为博主原创文章,如果转载请给出原文链接:http://doofuu.com/article/4156268.html

这是校园助手微信小程序用户登录功能模块实现代码和思路,当时给人毕设代做的时候本想用微信授权的方式实现登录功能,后面对方说要用账号密码的方式登录校园助手微信小程序,所以微信小程序登录的页面采用button、van-field、form组件来实现,通过点击按钮登录按钮,通过form表单的形式把van-field接收到数据提交到后台进行登录判断,用户登录界面还布置了立即注册按钮,如果点击注册会通过navigator组件跳转到register页面。校园助手微信小程序开发之用户登录功能实现思路并不复杂,下面给大家看下我小程序毕设代做时的代码逻辑。

校园助手微信小程序开发之用户登录功能实现登录页面布局代码如下:

<view>
<form bindsubmit="onLogin" report-submit="true">
  <view></view>

  <van-cell-group>
    <van-field name="username" label="账 号" left-icon="contact" border="{{ true }}"  value="{{ username }}" required/>
    <van-field name="password" label="密 码" type="password" left-icon="description" border="{{ true }}"  value="{{ password }}" required/>
  </van-cell-group>

  <button form-type="submit" >登录</button>

  <navigator url="../register/register" hover-class="none">
    <view>立即注册</view>
  </navigator>

</form>
</view>

校园助手微信小程序开发之用户登录功能实现登录逻辑代码如下:

/**
   * 登录
   */
  onLogin: function (e) {
    wx.switchTab({
      url: '../index/index'
    });
    return
    console.log(e);
    var username = e.detail.value.username;
    var password = e.detail.value.password;
    if (username == null || !util.pattern(username)){
      App.showError("用户名长度不正确!");
      return;
    }
    if (password == null || !util.pattern(password)) {
      App.showError("密码长度不正确!");
      return;
    }
    App._post_form("User/login"
      ,{ 
        'username': username, 
        'password': password,
        'formid': e.detail.formId
      }
      , function (result){
        console.log(result)
        if (result.code == 1){
          App.setUserInfo({
            uid: result.uid,
            type: parseInt(result.type),
          })
          wx.setStorage({ key: 'loginData', data: { u:username, p:password}})
          wx.switchTab({
            url: '../index/index'
              });
        }else{
          App.showError("登录失败")
        }
      }
      , function(err){
        App.showError("网络异常")
      }, false)
  }

校园助手微信小程序用户登录功能实现代码就是这样的,本人长期提供毕设代做、论文代写服务,团队接单,价格低,服务好,需要的可以加我微信咨询:LGY78888(请备注来意)

 

祝生活愉快!

「创作不易,你的支持是本站持续更新最大的动力!」

赞(0) 打赏

谢谢你请我喝奶茶*^_^*

支付宝
微信
1

谢谢你请我喝奶茶*^_^*

支付宝
微信

上一篇:

下一篇:

共有 0 条评论 - 校园助手微信小程序开发之用户登录功能实现

博客简介

云诺说是一个致力于分享互联网编程技术交流、小程序开发、小程序源码分享、软件服务定制和生活记录的技术服务型学习博客网站。

微信 :LGY178888

职业 :小程序开发、软件定制

现居 :广东省-广州市-天河区

友情链接

欢迎与本博客交换友情链接,本博客对交换链接的网站没有要求。如果您是本博客的友情链接网站,在遇到网站运行问题时,可以随时联系,我们将免费提供技术类支持! 申请交换友链

站点统计

  • 文章总数:144 篇
  • 草稿数目:0 篇
  • 分类数目:14 个
  • 独立页面:154 个
  • 评论总数:0 条
  • 访问总量: 409698次
  • 最近更新:2022年12月05日