单页面应用single page Application,这也是Spartacus命名的由来。单页面应用,是由一个外壳html页面和多个包含具体业务逻辑的页面片段组成。Commerce传统Storefront基于JSP实现,JSP是一种服务器端渲染技术,页面代码在Commerce服务器端完成。而单页面应用是一种富客户端技术,页面片段渲染以及页面路由放在客户端完成,这样减轻了Commerce服务器的负载。当单页面应用的界面内容发生变化时,不需要重新加载整个外壳html页面,而仅仅需要更新相关的页面片段,这样较多页面应用相比,页面之间的切换更加流畅,用户体验更好。
下图是Spartacus的shell页面,即index.html:

将节点<cx-storefront>默认的loading...值覆盖掉:

设置Spartacus基于的Angular版本号:ng-version

设置Angular的版本号:10.1.2

添加节点:

更多Jerry的原创文章,尽在:"汪子熙":

网友评论