0

前段時間我參與構建了一個大型的單頁web應用程序。我們沒有使用Backbone.js。我想學習使用Backbone.js和Require.js的架構。具有特殊要求的fronend體系結構

我們需要的一個要求是用戶可以選擇查看某個窗口小部件,例如用戶輸入關鍵字的窗口小部件或其他窗口小部件以查看性能趨勢等。下面是我在實驗環境中寫的HTML的相關部分:

<body> 
    <!-- This list of available widgets for the user will be 
     generated on the server-side. --> 
    <ul id="widgets"> 
     <li class="jsWidget1">Widget1</li> 
     <li class="jsWidget2">Widget2</li> 
     <li class="jsWidget3">Widget3</li> 
    </ul> 

    <hr> 

    <div id="widgetArea"></div> 

    <script data-main="js/main" src="js/libs/require.js"></script> 
</body> 

在JS/main.js的主要切入點是:

require(
    ['backbone'], 
    function() { 

    } 
); 

這是我被困:)

概念我認爲每個部件應該有一個專門的目錄結構,也許是這樣的:

js 
    main.js 
    widgets 
    widget1 
     models 
     collections 
     views 
... 

回答