本文研究了SAPE-CommerceCloudSpartacusUI产品分类导航UI的实现细节。selector:cx-category-navigationComponentname:CategoryNavigationComponentnavigation节点数据，从service获取：根据Componentdata获取导航节点数据：navigationUI下面是不同的nav子节点：导航UI的设计是数据驱动的：nav节点点击事件注册很多：这里加一行打印信息：打印四张，两套。查看哪个CMS响应/Brands/all/c/brands包含在：/Open-Catalogue/Cameras/Digital-Cameras/c/575答案是这个url：https://spartacus:9002/occ/v2...Take这些ComponentID：componentIds:AllBrandsCategoryLink,CanonBrandCategoryLink,SonyBrandCategoryLink,KodakBrandCategoryLink,SamsungBrandCategoryLink,ToshibaBrandCategoryLink,FujifilmBrandCategoryLink,KingstonBrandCategoryLink,IciduBrandCategoryLink,TDKBrandCategoryLink,SweexBrandCategoryLink,DigitalCamerasCategoryLink,DigitalCompactsCategoryLink,DigitalSLRCategoryLink,FilmCamerasCategoryLink,HandheldCamcordersCategoryLink,WebcamsCategoryLink,CameraAccessoriesCategoryLink,CamerasFlashesCategoryLink,TripodsCategoryLink,CameraLensesCategoryLink,FlashMemoryCategoryLink,PowerSuppliesCategoryLink,ColourFilmsCategoryLink,BlackAndWhiteFilmsCategoryLink,BlankVideotapesCategoryLinkBrand下面有两个子节点：camera和accessories：Cameras下有六个子节点：Accessories下有四个子节点：InBackoffice,NavigationNodename：Electronics站点类型：CMSNavigationNodeid：ElectronicsNavNode有3个子导航节点：分配给一个LinkComponent：可以看到三个子节点的信息：categories的子节点：以sonylink为例：也是一个导航入口：它的入口在另一个模型：这个模型的类型是导航节点条目：关联一个SonyLinkComponent：这个Component有url和category属性：是一个CMSLinkComponent：这些Component的用途可以在SAP官网找到。站点上的顶部导航菜单由以下CMS组件的配置控制：NavigationComponents-这些组件代表导航栏的各个部分。每个部分都可以有一个CMSLinkComponent对象和一个CMSNavigationNode对象，被视为根节点。CMSNavigationNodes-这些组件代表导航树的结构，并具有在下拉菜单中呈现的标题。每个结构可以有许多CMSLinkComponent对象和许多子CMSNavigationNodes对象。CMSLinkComponents-这些组件呈现在页面上并显示在导航树中的每个点。
