我們如何在boilerplate.js中創建子模塊

Question

我有個設計

我有很多產品，然后每個產品都有很多子產品。

因此，現在我要在“第一個屏幕”中顯示一個儀表板，其中將顯示我的所有產品。

在單擊每個產品時，我想使用其自己的左側導航欄和詳細信息視圖打開一個單獨的視圖。 這些將是我的主要模塊

現在，左側菜單欄中的選項將成為我的子產品。 現在單擊任何子產品。 我想更改詳細視圖。 這些將是我的子模塊

如果有，請分享一些示例示例

提前致謝。

Answer 1

BoilerplateJS支持具有嵌套上下文。 有關更多信息，請參見boilerplatejs.org的 “產品模塊”部分。 嵌套上下文可以通過在創建父上下文時將其傳遞給子上下文來創建。 您可以為每個產品創建上下文。 在這種情況下，您可以創建模塊，這將是您的子產品。 具有這種類型的模塊化結構將幫助您維護代碼。

可以多種方式實現您的需求。

一種方法是如下構造應用程序的URL：

www.myapp.com/index.html#productA/submodule1
www.myapp.com/index.html#productB/submodule1

您可以將菜單實現為單獨的模塊，在該模塊中，它將根據URL的第一部分（productA，productB）更改需要顯示的菜單，並且可以根據其余部分來激活/停用子模塊URL部分。 此方法使您可以為頁面添加書簽，並在觸發添加了書簽的鏈接時將其置於相同的狀態。