将角登录前端添加到Django rest框架后端

Question

我在以下教程的指导下创建了Django rest框架后端：

http://www.django-rest-framework.org/

我把后端上传到：

https://github.com/jakkan/grader

我想要建立一个角度前端的djano-rest框架后端。我有相当好的角度知识，在一般，但不知道如何创建一个前端登录和输出。

我希望这不是一个太大的问题，但我如何增加一个角度的前端登录和输出？

Answer 1

一旦您使用django-rest-framework创建了rest，那么您就可以创建许多端点，并将其配置为urls。

因此，要集成rest，首先需要访问rest公开的域，我们假设是localhost:8000。

现在您应该创建一个角常数来保存rest端点域信息，因为我们将在我们的rest项目的许多地方使用许多api，因此为了保持它的干净，我们必须使用常量，这可以在我们需要rest端点的任何地方注入。

Rest端点常数( AgnularJS )

angular.module('angularApp')
  .constant('restEndPoint', 'http://localhost:8000');

现在，通过注入服务，这将成为项目中的任何地方。

这取决于您如何设计rest，但是如果您已经使用rest标准来设计rest，那么我建议您使用$resource而不是$http。

我总是喜欢在factory中编写我的持久逻辑，这也是您的选择。

下面是一个以角的方式使用rest端点的示例。

工厂

angular.module('AngularApp')
  .factory('TodoService', ['$resource', 'restEndPoint', function  ($resource, restEndPoint) {
    return $resource(restEndPoint+'/todos/:id')
}]);

控制器

angular.module('AngularApp')
  .controller('TodoCtrl', function ($scope, TodoService) {
      var Todo = new TodoService();

      // Now Todo is an $resource instance. Which can be used to get/post/patch/delete data on rest api. such as following.

     // GET all records.
     Todo.$query(); 

     // GET specific record based on id.
     Todo.$query({id:1});

     // POST data to create new Todo item.
      newTodo = { title: 'Task 1', completed: false}
      Todo.$save(newTodo)

     // PUT/PATCH specific record base on id.
     editTodo =  { title: 'Task title changed', completed: false}
     Todo.$update({id: 1}, editTodo); 

});

我希望您理解rest与angularJS的集成。如果你有任何疑问请告诉我。

谢谢