# Website

id 為 electronics-spa,

![](https://img-blog.csdnimg.cn/img_convert/6c79cf377d0dd9929458ec0d554ed29c.png)
site 屬性：

* base store id
* default catalog

![](https://img-blog.csdnimg.cn/img_convert/ff6e74d91a85eab23dff2896aef1aace.png)

分配的 theme 和 channel：B2C or B2B
![](https://img-blog.csdnimg.cn/img_convert/1806420c201a3ae6831aacc9ae4c37fa.png)
這個 content catalog 和開頭的 default catalog ID 都不一樣：
![](https://img-blog.csdnimg.cn/img_convert/59711ba1121d7888a7d35daebb6a9c0c.png)

site 的初始頁面是 Homepage：
![](https://img-blog.csdnimg.cn/img_convert/f90b9fa5fe1ca22f7930e824316e7931.png)

url pattern：
![](https://img-blog.csdnimg.cn/img_convert/3276228efc2766b6e1f582e2340c4c49.png)

site map configuration：
![](https://img-blog.csdnimg.cn/img_convert/b7115bf499002e76a1e1bea2a59f7523.png)

Metadata：CMSSite
![](https://img-blog.csdnimg.cn/img_convert/7c253023d0f791382e13e0fe2a6f3864.png)

可以在 Hybris Administration console 裡使用 flexible search 檢視這條記錄：

![](https://img-blog.csdnimg.cn/img_convert/91c1856d7db9ea2c1a06f087fc8d2481.png)

```sql
select * from { CMSSite } where pk = '8796093252648'
```

# Page

頁面型別：

![](https://img-blog.csdnimg.cn/img_convert/bb1037e2bd8814dfd540705a54123671.png)

* Catalog page
* category page
* content page
* product page

一共四種。
![](https://img-blog.csdnimg.cn/img_convert/7faf2e8fb48ca40be4822897a2d1b615.png)

使用 flexible search 查詢：

```sql
select * from { CMSPageType } where p_extensionname = 'cms2'
```

結果：
![](https://img-blog.csdnimg.cn/img_convert/89785d94590c473d6ac2ed4816f484df.png)

# page

找到 SAP Spartacus 啟動時載入的頁面：LandingPage2Template

![](https://img-blog.csdnimg.cn/img_convert/e308b39266786da78bb0c7bdc1ac0439.png)

![](https://img-blog.csdnimg.cn/img_convert/b9bd875c74a0e93247568fdc7395f070.png)

page template 可以放置多個 content slots：
![](https://img-blog.csdnimg.cn/img_convert/05718278025cbff95504aa0c579fdd43.png)

pk：8796113699892

# Page template 和 分配的 content slot

```sql
select * from { ContentSlotForTemplate } where p_pagetemplate = '8796113699892'
```

12條記錄返回：
![](https://img-blog.csdnimg.cn/img_convert/e72341467d79a673b3d0570d07859cca.png)

返回的是右邊已經分配的12個 slots：
![](https://img-blog.csdnimg.cn/img_convert/4346051a43b6d69d35f464260caf1740.png)

# page

SAP Spartacus 啟動時載入的正是 homepage，基於模板：LandingPage2Template

![](https://img-blog.csdnimg.cn/img_convert/418a28455826fcd8cfd06e36b946aa82.png)

![](https://img-blog.csdnimg.cn/img_convert/66a3bc32e5ebfcb96fe8cce70e87aa65.png)

有兩個 content slot tab：
![](https://img-blog.csdnimg.cn/img_convert/ac66cfd0ce4d3280816f6c051029a5b7.png)

available slots：

SiteLogo; HeaderLinks; SearchBox; MiniCart; NavigationBar; Section1; Section2A; Section2B; Section2C; Section3; Section4; Section5; Footer; TopHeaderSlot; BottomHeaderSlot; PlaceholderContentSlot; SiteContext; SiteLinks

下面的應該是 content slot relation：
![](https://img-blog.csdnimg.cn/img_convert/cde5f5c983c9e02679a4074abab691f9.png)

home page pk：8796129854512

![](https://img-blog.csdnimg.cn/img_convert/ea71fe0d0a7dd599b15b561f029a0279.png)

# content slot

slot 可以存放一個或者多個 Component：
![](https://img-blog.csdnimg.cn/img_convert/10395e87639e3f1455785a840c276836.png)

# Content slot relation per page

一個 slot relation 包含的屬性：

* position
* 所屬的 page
* 所屬的 content slot
![](https://img-blog.csdnimg.cn/img_convert/246f5d3a3b65b5fbf5ae326f6e7a259d.png)

資料庫表為 ContentSlotForPage

比如 homepage 分配了 8 個 content slots：
![](https://img-blog.csdnimg.cn/img_convert/382b38243d88ab059b26299dc411a702.png)

![](https://img-blog.csdnimg.cn/img_convert/ebded329a06f077e27c766f96dba2f13.png)

# Component

![](https://img-blog.csdnimg.cn/img_convert/bcc213c1678ef408e2f1a7bc841af9cd.png)

![](https://img-blog.csdnimg.cn/img_convert/ed6f31f2c4d766435f95b0ae610dc893.png)

typeCode 對應的 Angular Component 的對映關係，在 SAP Spartacus 原始碼裡維護：

![](https://img-blog.csdnimg.cn/img_convert/5fe1da7c26b8413b40a5ae286dc35177.png)

SAP Commerce Cloud Backoffice CMS 裡的內容一覽

相關文章