Javascript Backbone.js设置_Javascript_Backbone.js

Javascript Backbone.js设置

javascript backbone.js

Javascript Backbone.js设置,javascript,backbone.js,Javascript,Backbone.js,我很困惑，因为我一直在试图找出如何设置Backbone.js项目。这就是我得到的，我只需要包括脚本，然后呢？这就是我迷路的地方，我很确定仅仅打开我创建的文件不会运行项目，是吗？我也在学习托马斯·戴维斯（Thomas Davis）的视频教程，但教程没有介绍如何设置Backbone.js或如何运行项目。我注意到我们的url中的差异。我错过了什么？还有，如果你有一些像我这样的新手的好材料。tnx <div id="page"> </div> <s

我很困惑，因为我一直在试图找出如何设置

Backbone.js

项目。这就是我得到的，我只需要包括脚本，然后呢？这就是我迷路的地方，我很确定仅仅打开我创建的文件不会运行项目，是吗？我也在学习托马斯·戴维斯（Thomas Davis）的视频教程，但教程没有介绍如何设置

Backbone.js或如何运行项目。我注意到我们的url
中的差异。我错过了什么？还有，如果你有一些像我这样的新手的好材料。tnx
    <div id="page">
    </div>
    <script src="//cdnjs.cloudflare.com/ajax/libs/backbone.js/1.0.0/backbone-min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.5.2/underscore-min.js"></script>
    <script>
        var View = Backbone.View.extend({
            el: '.page',
            render: function (){
                this.$el.html('Hello World');
            }
        });


        var Router = Backbone.Router.extend({
        routes: {
            '' : 'home'
            }
        });

        var view = new View();
        var router = new Router();
        router.on('route:home', function ()
        {
            view.render();
        });

        Backbone.history.start();
    </script>

</body>
</html>

以下是我使用的代码：

    <div id="page">
    </div>
    <script src="//cdnjs.cloudflare.com/ajax/libs/backbone.js/1.0.0/backbone-min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.5.2/underscore-min.js"></script>
    <script>
        var View = Backbone.View.extend({
            el: '.page',
            render: function (){
                this.$el.html('Hello World');
            }
        });


        var Router = Backbone.Router.extend({
        routes: {
            '' : 'home'
            }
        });

        var view = new View();
        var router = new Router();
        router.on('route:home', function ()
        {
            view.render();
        });

        Backbone.history.start();
    </script>

</body>
</html>


var View=Backbone.View.extend({
el:“.page”，
渲染：函数（）{
这个.$el.html（'Hello World'）；
}
});
var Router=Backbone.Router.extend({
路线：{
“家”
}
});
var view=新视图（）；
var router=新路由器（）；
路由器.on（'route:home'，函数（）
{
view.render（）；
});
Backbone.history.start（）；
设置主干
您应该在html中包含undescore.js
、jquery.js
和backbone.js
，然后像正常的web应用程序一样运行该文件
    <div id="page">
    </div>
    <script src="//cdnjs.cloudflare.com/ajax/libs/backbone.js/1.0.0/backbone-min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.5.2/underscore-min.js"></script>
    <script>
        var View = Backbone.View.extend({
            el: '.page',
            render: function (){
                this.$el.html('Hello World');
            }
        });


        var Router = Backbone.Router.extend({
        routes: {
            '' : 'home'
            }
        });

        var view = new View();
        var router = new Router();
        router.on('route:home', function ()
        {
            view.render();
        });

        Backbone.history.start();
    </script>

</body>
</html>

如果您熟悉apache，请将您的应用程序放在web根目录中，并像http://localhost/my_app/

    <div id="page">
    </div>
    <script src="//cdnjs.cloudflare.com/ajax/libs/backbone.js/1.0.0/backbone-min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.5.2/underscore-min.js"></script>
    <script>
        var View = Backbone.View.extend({
            el: '.page',
            render: function (){
                this.$el.html('Hello World');
            }
        });


        var Router = Backbone.Router.extend({
        routes: {
            '' : 'home'
            }
        });

        var view = new View();
        var router = new Router();
        router.on('route:home', function ()
        {
            view.render();
        });

        Backbone.history.start();
    </script>

</body>
</html>

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
    </head>
    <body>
        <script src="js/underscore.js"></script>
        <script src="js/jquery.js"> </script>
        <script src="js/backbone.js"></script>
    </body>
</html>

有,
    <div id="page">
    </div>
    <script src="//cdnjs.cloudflare.com/ajax/libs/backbone.js/1.0.0/backbone-min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.5.2/underscore-min.js"></script>
    <script>
        var View = Backbone.View.extend({
            el: '.page',
            render: function (){
                this.$el.html('Hello World');
            }
        });


        var Router = Backbone.Router.extend({
        routes: {
            '' : 'home'
            }
        });

        var view = new View();
        var router = new Router();
        router.on('route:home', function ()
        {
            view.render();
        });

        Backbone.history.start();
    </script>

</body>
</html>

您必须使用el:'#page'

    <div id="page">
    </div>
    <script src="//cdnjs.cloudflare.com/ajax/libs/backbone.js/1.0.0/backbone-min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.5.2/underscore-min.js"></script>
    <script>
        var View = Backbone.View.extend({
            el: '.page',
            render: function (){
                this.$el.html('Hello World');
            }
        });


        var Router = Backbone.Router.extend({
        routes: {
            '' : 'home'
            }
        });

        var view = new View();
        var router = new Router();
        router.on('route:home', function ()
        {
            view.render();
        });

        Backbone.history.start();
    </script>

</body>
</html>

在包含backbone.js之前，应该先包含依赖项
    <div id="page">
    </div>
    <script src="//cdnjs.cloudflare.com/ajax/libs/backbone.js/1.0.0/backbone-min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.5.2/underscore-min.js"></script>
    <script>
        var View = Backbone.View.extend({
            el: '.page',
            render: function (){
                this.$el.html('Hello World');
            }
        });


        var Router = Backbone.Router.extend({
        routes: {
            '' : 'home'
            }
        });

        var view = new View();
        var router = new Router();
        router.on('route:home', function ()
        {
            view.render();
        });

        Backbone.history.start();
    </script>

</body>
</html>

因此，替换
    <div id="page">
    </div>
    <script src="//cdnjs.cloudflare.com/ajax/libs/backbone.js/1.0.0/backbone-min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.5.2/underscore-min.js"></script>
    <script>
        var View = Backbone.View.extend({
            el: '.page',
            render: function (){
                this.$el.html('Hello World');
            }
        });


        var Router = Backbone.Router.extend({
        routes: {
            '' : 'home'
            }
        });

        var view = new View();
        var router = new Router();
        router.on('route:home', function ()
        {
            view.render();
        });

        Backbone.history.start();
    </script>

</body>
</html>

var View = Backbone.View.extend({
        el: '.page',
        render: function (){
             this.$el.html('Hello World');
        }
});

<script src="//cdnjs.cloudflare.com/ajax/libs/backbone.js/1.0.0/backbone-min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.5.2/underscore-min.js"></script>



有,
    <div id="page">
    </div>
    <script src="//cdnjs.cloudflare.com/ajax/libs/backbone.js/1.0.0/backbone-min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.5.2/underscore-min.js"></script>
    <script>
        var View = Backbone.View.extend({
            el: '.page',
            render: function (){
                this.$el.html('Hello World');
            }
        });


        var Router = Backbone.Router.extend({
        routes: {
            '' : 'home'
            }
        });

        var view = new View();
        var router = new Router();
        router.on('route:home', function ()
        {
            view.render();
        });

        Backbone.history.start();
    </script>

</body>
</html>


下划线.js
，jquery.js
和主干.js
。。我已经包括了这些。。然后我像打开普通网页一样打开它，就像这样file:///C:/Backbone_js/SampleProject1/index.html
？原来就是这样，嗯。。因为我一直在看的教程有这样一个url“localhost \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \http://localhost/your_project/

。就是这样，哈哈，我对网络编程非常熟悉，这些框架对我来说是新的。。谢谢，我在本地主机上运行了它，我复制了教程，但我的没有像教程中那样工作。你知道@Devo最后为什么调用

backboneJS

？因为，

backbone

使用

jquery

，

下划线

和模板（这里的模板是

jqueryui

）是的，我至少了解这么多。。