阿川私房教材:學程式,拿 offer!

63 個專案實戰,直接上手!
無需補習,按步驟打造你的面試作品。

立即解鎖你的轉職秘笈

首先 來看一下這款 CMS 的現成應用 以及資料模型

Pentagram 真正的官網前台 https://www.pentagram.com/

以及 CMD 的示範後台 https://demo.twill.io/


稍微逛一下 會看到前台導覽列有 work about news contact

然後在示範後台會看到 Work About Contact

我認為就是版本差異而已,也就是 news 模組是後來才加的

所以接案團隊用 twill 建了三個模組 Work About Contact


在後台查看這三個模組

會看到都有次級導覽列 All items Mine Published Draft Trash

所以這些是核心通用功能,也就是資料的發佈狀態


三個模組有差異的導覽列項目為

Work -> Work Disciplines Sectors

About -> People Roles Overview

Contact -> Offices

翻閱文件,會看到所謂的 Nested Modules

https://twillcms.com/docs/modules/nested-modules.html

所以除了普通的模組之外,還有兩種巢狀模組可以建造

self-nested and parent-child

前面提到的三個模組,目前看不出是哪種模組架構,沒關係

反正就是模組可以有水平連結關係、或是垂直連結關係就對了

也許應該說是七個模組吧 Work Disciplines Sectors People Roles Overview Offices

光這些模組就能做出 Pentagram 這麼漂亮的官網?

三個大分類只是另外的導覽列功能,要分開研究?還不確定

那就架構大略先研究到這邊,接著來看一下模組到底怎麼建立

按讚的人:

共有 0 則留言


👉 身份:資深全端工程師、指導過無數人半路出家轉職 👉 使命:打造 CodeLove 成為優質新手村,讓非本科也有地方自學&討論

阿川私房教材:學程式,拿 offer!

63 個專案實戰,直接上手!
無需補習,按步驟打造你的面試作品。

立即解鎖你的轉職秘笈