Javascript 将主干.木偶布局视图正确连接到应用程序

我试图使用，但检查员可能找不到我的观点。我需要做什么才能将

Backbone.marionete.LayoutView

的实例注册到

Backbone.marionete.Application

以下是我当前的代码（在coffeescript中），它没有正确附加视图：

App = Backbone.Marionette.Application.extend({
    initialize: (options) ->
        console.log("App Initialized")
        LayoutView = Backbone.Marionette.LayoutView.extend({
            el: '#app'
            template: (data) ->
                return "<section>
                    <navigation id='menu'>...</navigation>
                    <article id='content'>...</article>
                  </section>"
            regions:
                menu: "#menu"
                content: "#content"
        })
        layoutView = new LayoutView()
        layoutView.render()
        sampleModel = new Backbone.Model(name: "test")
});


app = new App({container: '#app'})
app.start()

App=Backbone.marionete.Application.extend({
初始化：（选项）->
console.log（“应用程序已初始化”）
LayoutView=Backbone.marionete.LayoutView.extend({
el:“#应用程序”
模板：（数据）->
返回“
...
...
"
区域：
菜单：“菜单”
内容：“内容”
})
layoutView=新的layoutView（）
layoutView.render（）
sampleModel=新主干.Model（名称：“测试”）
});
app=新应用程序（{container:'#app'}）
app.start（）

问题得到了现场热心人的回答

App = Backbone.Marionette.Application.extend({
    initialize: (options) ->
        console.log("App Initialized")
        LayoutView = Backbone.Marionette.LayoutView.extend({
            el: '#app'
            template: '#main_template'
            regions:
                menu: "#menu"
                content: "#content"
        })
        @rootView = new LayoutView()