SAP Spartacus 的页面设计思路

CMS提供了page structure，但不提供clear layout definition.

所谓CMS page structure，即CMS只提供了一个有序清单，包含了slots和Component信息。Slots自身，并没有包含应该如何在layout里渲染的元数据。

所以，SAP Spartacus视图逻辑里的layout信息，通过LayoutConfig配置对象定义。

Spartacus不区分page template和page section.

在LayoutConfig里，slots通过顺序进行配置。

我在SAP Spartacus处于运行状态(即ng serve)始终处于运行状态时，进行代码热修改，经常遇到此类错误消息

退出ng serve，重新执行即可：

Storefront.component.html里包含了整个Storefront layout的框架：

page-layout.component.html里，用async将slots$展开，再用cx-page-slot将页面展示出来：

slot值：SiteLogo

page-slot.component.html:

上图的 Section2A，Section2B，Section2C，都是 LandingPage2Template 的 slots，定义在文件 projects\storefrontlib\src\recipes\config\layout-config.ts 里面。

更多Jerry的原创文章，尽在：“汪子熙”:

SAP Spartacus 的页面设计思路相关推荐

SAP Spartacus B2B 页面 Disable 按钮的显示原理
SAP Spartacus B2B 页面 disable 按钮如下图所示. 这个高亮的 disable 按钮,和左边相邻的 Edit 按钮,实现位于不同的 Component. disable 按钮有 ...
SAP Spartacus B2B 页面信息提示图标的弹出窗口显示实现逻辑
这个弹出窗口的技术实现,通过SAP Spartacus 自定义的popover Component实现而成: 注意,当我刚接触Angular时,误以为下图标号为1的a标签,和标号为2的自定义标签cx- ...
SAP Spartacus B2B页面Budget页面的设计原理
打开SAP Spartacus My Company菜单,第一个banner即为Budgets页面的入口: http://localhost:4200/powertools-spa/en/USD/or ...
SAP Spartacus CMS 页面加载逻辑和性能的优化
https://github.com/SAP/spartacus/issues/3649 SAP Commerce Cloud CMS 页面加载的一些优化点: Payload of the CMS p ...
如何在SAP Spartacus category 页面里拿到当前的category信息
需求 https://stackoverflow.com/questions/59950572/how-to-access-the-current-categorydata-in-a-category ...
SAP Spartacus login 页面看不到 UI 控件的问题解决
问题截图:Login 页面下面是空的我直接修改 Spartacus-core.js 不现实: 因为我没有能力去修改对应的 source code map 文件: 这个 getDetails 只是一个 ...
通过 Feature Level 动态控制 SAP Spartacus 的页面显示
ng-container 标签只在 design time 可见,运行时会完全从渲染出的 HTML 源代码里被移除.通过 ng-container 加上 SAP Spartacus 自定义实现的 cx ...
QQ音乐静态页面设计-思路分享和代码
QQ音乐静态页面设计布局思路一. 顶部导航栏设计< Header > 二.内容版块设计< content > 歌单推荐新歌首发三.底部版权.外链部分设计< foo ...
SAP Spartacus 的页面模型在SAP 电商云后台WCMS里的模型
如下图所示,template id:LandingPage2Template 在SAP Commerce Cloud后台根据id来查找template:LandingPage2Template 该模板 ...

SAP Spartacus 的页面设计思路

Spartacus不区分page template和page section.

SAP Spartacus 的页面设计思路相关推荐

最新文章

热门文章