Backbone应用程序的设计模式

Question

我正在使用Backbone编写一个小应用程序，它基本上只是一个计算器 有两页。第一页显示一些文本输入，第二页显示 结果加上一些滑块进行微调。

我考虑过使用Backbone路由器，但第二页不应该直接使用 可通过URL访问，而无需在第一页上输入必要的值。该 让第一个视图卸载并从DOM中删除自己的替代方案 实例化结果视图对我来说似乎有些混乱。

你会如何设计这样的应用程序？

Answer 1

保持简单，当你不想通过网址访问第二个视图时，你不需要路由器。只需启动第一个视图，并在用户输入值时使用第二个视图进行更改。

修改

假设您必须使用render方法查看两者，您可以在其中传递呈现视图的div：

var View1 = Backbone.View.extend({
    render: function(parent){
        $(parent).empty().append(this.el);
    }
    ready: function(){
        view2.render($('#mainPanel'));
    }

})

var View2 = Backbone.View.extend({
    render: function(parent){
        $(parent).empty().append(this.el);
    }

})
var view1 = new View1().render($('#mainPanel'));
var view2 = new View2()