APICloud如何实现登录功能

要求:

1、把表单里面的用户名和密码与云服务器的数据库表里面的信息做比对

2、如果登录成功则跳转到另一个页面,另一个页面接收用户信息

3、不成功就返回提示信息


Html页面




  
  css3炫酷登录页
  
  
  
  
  
      
        
  
  
  
    


登录
注册忘记密码 微信登录qq登录

效果如下 

APICloud如何实现登录功能_第1张图片

js代码如下

//登录
function los(user,pass) {
    var model = api.require('model');
    var query = api.require('query');
     model.config({
        appId: 'A6006471302025',
        appKey: '41DEF0A4-9F9B-B578-0ED4-A63ACBF338E8',
        host: 'https://d.apicloud.com'
               });
    // 查询数据
    query.createQuery({
      }, function(ret, err) {
          //条件查询
          query.whereEqual({
            qid:ret.qid,
            column:'name',
            value:user
          });
          query.whereEqual({
            qid:ret.qid,
            column:'password',
            value:pass
          });
          if (ret && ret.qid) {
              model.findAll({
                  class : 'userinfo',
                  qid : ret.qid
              }, function(ret, err) {
                if(ret.length>0){
                  //开启新的窗口
  window.location.href = 'adm_login.html?name='+user+'&pass='+pass;
          //开启新的窗口
                  }else{
                    // 给出提示
                    api.toast({
                                  msg: '账号或密码错误,请重新输入',
                                  duration: 3000,
                                  location: 'bottom'
                              });
  // 给出提示
                     }
                });
        }//if
      });
      //funciton
}

 另一个页面




    
    
    
    后台管理员页面
    
    
    


后台管理页面

 

你可能感兴趣的:(app开发)