AngularJs 사용자 로그인 문제 처리

이 글은 주로 상호 작용 및 확인, FQ 처리 차단 등 AngularJs 사용자 로그인 문제를 자세히 소개합니다. 관심 있는 친구들이 참고하면 도움이 될 것입니다.

1 로그인에 성공하면 사용자의 데이터를 쿠키나 세션에 저장하고 $state 서비스를 사용하여 지정된 페이지로 이동합니다.

<p class="register-frame-all">
  <p class="register-frame">
   <p class="register-msg">
    <i></i>
    <form name="loginForm" ng-submit="loginAction()">
     <p class="form-group">
      <p class="input-group">
       <span class="input-group-addon register-user"></span>
       <input autocomplete="off" type="number" class="form-control" placeholder="请输入手机号" required ng-model="loginData.loginName" name="loginName">
      </p>
      <p class="input-group">
       <span class="input-group-addon register-pwd"></span>
       <input type="password" class="form-control" placeholder="请输入密码" required ng-model="loginData.pwd" name="pwd">
      </p>
      <button type="submit" class="btn btn-block btn-danger"
        ng-disabled="!( (loginForm.loginName.$valid) && (loginForm.pwd.$valid) )">登录</button>
      <em></em>
     </p>
    </form>
   </p>
   <p class="register-pic" ng-style="registerRnum"></p>
  </p>
 </p>

4 다음 단계는 사용자가 다른 방법으로 로그인 페이지를 건너뛰는 것을 방지하는 것입니다. (주소 표시줄에 페이지에 들어갈 주소를 직접 출력하는 등) Anti-FQ 작업:

이 메서드의 작업은 앞서 언급한 것처럼 컨트롤러가 처음 실행하는 run 메서드에서 실행됩니다. 페이지에서 사용자가 합법적인 로그인인지 확인합니다. 합법적인 로그인이 아닌 경우 로그인 페이지로 이동할 수 있습니다.

$http({
    url:G.apiUrl_dl+'loginByPhone',
    method:'post',
    data:{
     'phone':loginName,
     'pwd':pwd
    },
    headers:{'Content-Type':'application/x-www-form-urlencoded'},
    transformRequest: function(obj) {
     var str = [];
     for(var p in obj){
      str.push(encodeURIComponent(p) + "=" + encodeURIComponent(obj[p]));
     }
     return str.join("&");
    }
   }).success(function(data){
    // 登录成功后的操作...18     19    });

관련 권장 사항:

모바일을 얻기 위한 WeChat 미니 프로그램을 설명하는 예 전화번호 인증된 사용자 로그인 기능

자바스크립트로 쿠키 작동하는 방법 사용자 로그인 코드 예시에 대한 자세한 설명

PHP 객체지향 사용자 로그인 인증

위 내용은 AngularJs 사용자 로그인 문제 처리의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!