当前位置: 首页 > Web前端 > JavaScript

SAP电商云SpartacusUIUrlMatcherService使用介绍

时间:2023-03-27 17:36:29 JavaScript

这个Service类概要如下图所示:运行时打印:这是Spartacus团队实现的RoutingModule:在init阶段进行路由配置.configure方法的作用:使用Spartacusroutingconfig增强原生AngularRoutes配置。只能调用一次。router.config包含Spartacus默认路由配置和小伙伴通过provideConfig传递的自定义配置:遍历每条路由记录,调用configureRoutes方法:configureRoute方法负责设置Route的path和matcher属性。产品细节有一个专门的匹配器:在像Angular这样的单页应用程序中,开发人员可以通过显示或隐藏与特定组件对应的显示部分来更改用户看到的内容,而不是去服务器获取新页面。当用户执行应用程序任务时,他们需要在开发人员定义的不同视图之间移动。要处理从一个视图到下一个视图的导航,您可以使用Angular路由器。路由器通过将浏览器URL解释为更改视图的指令来启用导航。这个函数Location指向的函数实现负责判断product/:productCode/:name路由是否应该被激活:点击购物车图标后,准备判断是加载Spartacus的购物车页面还是CommerceCloudAccelerator:传入的route参数:cart:黄色部分是url判断函数体:icludePatterns和excludePatterns是我们在AppModule中定义的配置:matched为true:准备重定向到购物车页面:location赋值是:electronics-spa/en/USD/cart在浏览器中新增URL:http://localhost:4000/electro...如果我们使用CLI加上--routing标志来创建Angular应用程序,那么AppRoutingModule将被自动导入生成的AppModule:import{BrowserModule}from'@angular/platform-browser';import{NgModule}from'@angular/core';import{AppRoutingModule}from'./app-routing.module';//CLIimportsAppRoutingModuleimport{AppComponent}from'./app.component';@NgModule({declarations:[AppComponent],imports:[BrowserModule,AppRoutingModule//CLIaddsAppRoutingModuletotheAppModule'simportsarray],providers:[],引导程序:[AppComponent]})导出类AppModule{}