骨干应用程序的设计模式

Design pattern for a Backbone application

本文关键字：设计模式 应用程序      更新时间：2023-09-26

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

我已经考虑过使用主干路由器，但第二页不应该直接可通过URL访问，而无需在第一页上输入必要的值。这个让第一个视图卸载并将其自身从DOM中移除，然后实例化结果视图对我来说有点乱。

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

保持简单，当你不想通过url访问第二个视图时，你不需要路由器。只需启动第一个视图，并在用户输入值后将其更改为第二个视图。

编辑：

假设您必须使用渲染方法来查看这两个视图，在该方法中，您可以传递在中渲染视图的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()
相关文章：