0

django restapi とバックボーンで todo アプリを作っています。c、r、d は完了しましたが、更新しようとすると、PUT 要求http: //127.0.0.1:8000/api/lists/41はhttp: //127.0.0.1:8000/api/lists/41/. と私は取得してい500 internal server errorます。

クロムメッセージ:

/api/lists/41 での RuntimeError

この URL を PUT で呼び出しましたが、URL がスラッシュで終わっておらず、APPEND_SLASH が設定されています。PUT データを保持している間、Django はスラッシュ URL にリダイレクトできません。フォームを 127.0.0.1:8000/api/lists/41/ (末尾のスラッシュに注意) を指すように変更するか、Django 設定で APPEND_SLASH=False を設定します。

リクエスト方法：PUT リクエストURL：http ://127.0.0.1:8000/api/lists/41

を追加した場合のメッセージによるとAPPEND_SLASH = False、すべての restapi 応答が失敗しています。

私のscripts.jsファイル：

/**
 * Created by Manoj on 6/29/2016.
 */


var List = Backbone.Model.extend({
    defaults:
    {
        "work": "",
        "done": false
    }
});

var ListsCollections = Backbone.Collection.extend({
      model: List,
      url : "http://127.0.0.1:8000/api/lists/"
});


var ListView = Backbone.View.extend
({
    tagName : "tr",
    listtemplate: _.template($('#list2-template').html()),

    render: function() {
      this.$el.html(this.listtemplate(this.model.attributes));
      //this.$el.html("afsfa");
      return this;
    }
});

var ListsView = Backbone.View.extend({
    el: "#table-body",
    model : ListsCollections,

    // events:{
    //     'click #add': 'addList'
    // },

    initialize : function(){
        $("#table-body").html('');
        this.render();
    },

    render:function(){
        var c = new ListsCollections,i=1;
        self = this;
        c.fetch({
            success : function(){
            self.$el.html('');
                c.each(function(model){
                    var stud_ = new ListView({
                        model : model,
                    });

                    self.$el.append(stud_.render().el);
                });
            }
        });

        //Rendering on to the screen
        return this;
    },

    addList: function (e) {
        e.preventDefault();
        var temp = new Backbone.Collection;
        $("#details").html('<input type="text" id="work_input"/><input type="checkbox" id="done_input"/><input id="clicker" type="submit"/>');
        $("#clicker").click(function(){

            var temp1 = new ListsCollections;
            temp1.create({
                userid: 1,
                work : $("#work_input").val(),
                done : $("#done_input").val()
            });
            $("#details").html('');
            var k = new ListsView;
            k.render();
            parent.location.hash='';
        });
    }
});


//Creating route paths
var myRouter = Backbone.Router.extend({

    routes : {
        "lists/add" : "addList",
        "lists/delete/:id" : "deleteList",
        "lists/update/:id" : "updateList"
    },

    addList : function()
    {
        $("#details").html('<input type="text" id="work_input"/><input type="checkbox" value = "TRUE" id="done_input"/><input id="clicker" type="submit"/>');
        var user = user;
        $("#clicker").click(function(){

            var temp1 = new ListsCollections;
            temp1.create({
                userid: 1,
                work : $("#work_input").val(),
                done  : document.getElementById('done_input').checked
            });
            $("#details").html('');
            var k = new ListsView;
            k.render();
            parent.location.hash='';
        });

    },

    deleteList : function(e){
        var temp = new ListsCollections;
        temp.fetch({
            success : function(){
                temp.findWhere({id : parseInt(e)}).destroy({
                    'success': function () {
                        var k = new ListsView;
                        k.render();
                        parent.location.hash='';
                    }
                });
            }
        })
    },

    updateList : function(eid){
        $("#details").html('<input type="text" id="work_input" value=""/><input type="checkbox" id="done_input"/><input id="clicker" type="submit"/>');
            $("#clicker").click(function(){
                var temp1 = new ListsCollections;
                temp1.fetch({
                    'success' : function()
                    {
                        var tag = temp1.get(parseInt(eid));
                        tag.set({"work" : $("#work_input").val()});
                        tag.set({"done"  : document.getElementById('done_input').checked});
                        tag.save(null,
                            {
                                "success" : function () {
                                $("#details").html('');
                                var k = new ListsView;
                                k.render();
                                parent.location.hash='';
                            }}
                        );

                    }
                })
            });
    },

    updateList2: function (e) {
        $("#details").html('<input type="text" id="work_input" value=""/><input type="checkbox" id="done_input"/><input id="clicker" type="submit"/>');
        $("#clicker").click(function () {

        })
    },
});

var router = new myRouter();
Backbone.history.start();
var app = new ListsView;
4

2 に答える 2

1

これが簡単な解決策です。特定のオブジェクトがクエリされているときに末尾のスラッシュを追加するバックボーン モデルの基本クラスを作成し、そこからすべての独自のモデルを派生させるだけです。このような：

var DjangoModel = Backbone.Model.extend({
    // if backbone wants a specific object, append the slash
    url : function() {
        if (this.get('id')) {
            return this.collection.url + this.get('id') + '/';
        }
        else {
            return this.collection.url;
        }
    }
});

私はこのソリューションを Django Rest Framework のデフォルト構成で使用しており、以前は Tastypie でも使用していました。魅力のように機能します。

于 2016-07-02T22:42:40.767 に答える