Xác nhận đăng nhập bằng cách sử dụng Angular Js và JSP

Question

Tôi đang tạo một ứng dụng js - jsp góc cạnh, vì tôi đã tạo trang đăng nhập, tôi cũng đã tạo một servlet để tìm nạp cơ sở dữ liệu và so sánh tên người dùng và mật khẩu. tạo biểu mẫu đăng nhập và giá trị được chuyển của bộ điều khiển góc của tôi trên biểu mẫu đăng nhập. bây giờ tôi cần truy cập vào servlet so sánh thông tin đăng nhập như thế nào để truyền thông tin cho servlet? Tôi đã tạo ra một nhà máy cho điều đó, tôi cũng phải sử dụng phương pháp đăng bài để truyền dữ liệu.

Tôi đang dán mã cho đến khi tôi đã hoàn thành.

HTML

<div class="container"> 

     <form name="myForm" novalidate class="col-md-4 col-md-offset-4"> 
     <h2>{{login.username}}</h2> 
      <div class="form-group"> 
       <input type="email" ng-model="login.username" required class="form-control input-lg" placeholder="Email"> 
      </div> 

      <div class="form-group"> 
       <input type="password" required ng-model="login.password" class="form-control input-lg" 
        placeholder="Password"> 

      </div> 

      <div class="form-group"> 
       <input type="submit" ng-disabled="myForm.user.$dirty && myForm.user.$invalid || 
myForm.email.$dirty && myForm.email.$invalid" ng-click="formSubmit(login)" class="btn btn-primary btn-lg btn-block" value="Sign In"/> 
       <span><a href="#">Need help?</a></span> <span class="pull-right"><a 
        href="#">New Registration</a></span> 
      </div> 

     </form> 

    </div> 

Controller.js

var appController = angular.module('appController', []); 


appController.factory('AccountGroup', ['$resource', 'Data', function ($resource, Data) { 
    return $resource( 
    { 
     query: { 
     isArray: true, 
     method: 'POST' 
     } 
    } 
); 
}]); 

appController.controller('LoginController', ['$scope','$http', function ($scope,$http) { 

     $scope.formSubmit = function(item) { 
      debugger; 
      console.log(item); 
      }; 


}]); 

Đây là cấu trúc thư mục eclipse của tôi

LoginValdiator.java là servlet được sử dụng để so sánh đăng nhập

Answer 1

Để truy cập vào một servlet, thêm bản đồ servlet cho rằng servlet trong file mô tả triển khai (web.xml).

Ví dụ:

<servlet> 
    <servlet-name>servlet1</servlet-name> 
    <servlet-class>org.mycompany.test1</servlet-class> 
</servlet> 
<servlet-mapping> 
    <servlet-name>servlet1</servlet-name> 
    <url-pattern>/path/test</url-pattern> 
</servlet-mapping> 

đây bạn có thể truy cập vào servelet bởi .../path/kiểm tra

Answer 2

Bạn đã bỏ lỡ thêm name thuộc tính trên trường biểu mẫu của bạn, cho phép quy tắc xác thực biểu mẫu trên trường đó theo góc cạnh.

Markup

<div class="container"> 

    <form name="myForm" novalidate class="col-md-4 col-md-offset-4"> 
     <h2>{{login.username}}</h2> 
     <div class="form-group"> 
      <input type="email" name="email" ng-model="login.username" required class="form-control input-lg" placeholder="Email"> 
     </div> 
     <div class="form-group"> 
      <input type="password" name="password" required ng-model="login.password" class="form-control input-lg" placeholder="Password"> 
     </div> 

     <div class="form-group"> 
      <input type="submit" ng-disabled="myForm.user.$dirty && myForm.user.$invalid || 
myForm.email.$dirty && myForm.email.$invalid" ng-click="formSubmit(login)" class="btn btn-primary btn-lg btn-block" value="Sign In" /> 
      <span><a href="#">Need help?</a></span> <span class="pull-right"><a 
        href="#">New Registration</a></span> 
     </div> 
    </form> 
</div> 

Để biết thêm thông tin tại sao các thuộc tính tên được yêu cầu, bạn có thể tham khảo this Answer bởi tôi chỉ