選單

【最全最詳細】publiccms實現將公共部分提取成單獨模組引入

大家好,我是雄雄,歡迎關注微信公眾號:雄雄的小課堂。

‍♂️往期系列

這兩天一直在整理系列的教程,有需要的小夥伴們可以點選以下連結檢視:

☝publiccms使用教程(使用方式整理)

☝使用publiccms實現動態可維護的首頁輪播

☝使用publiccms實現動態可維護的導航選單欄

‍前言

在設計一個網站的時候,為了網站的風格統一,我們總會將一些公共部分提取成單獨模組

,在其他頁面中用的時候直接引入,那麼在中我們是如何實現的呢?

今天,我們就來看看在中如何將公共部分提取成單獨模組。

‍思路

和我們之前的輪播、導航選單一樣,也是透過頁面片段的方式來實現。

實現

一般,我習慣於將通用的CSS、JS檔案、導航選單等一併拿出來,都放在頁面片段中,引用的時候只需要引入這一個檔案即可。

點選開發——》頁面片段模板——》建立頁面片段。

【最全最詳細】publiccms實現將公共部分提取成單獨模組引入

image-20210823100838873

起個別名,叫共用頭部吧,資料條數寫成0就行。

然後我們將頭部公共的程式碼複製到這個頁面片段中,然後點選儲存。

image-20210823101047032

繼續建立頁面片段,起個別名叫共用底部,資料條數還是0。

image-20210823101151695

將頁面中底部公共程式碼剪下到該頁面片段中。

在模板檔案中,原來頭部和底部的位置寫成@include的方式來進入頁面片段檔案即可。

頭部:

底部:

至此,引入成功,儲存之後,開始執行頁面,可以發現頁面沒有問題。

【最全最詳細】publiccms實現將公共部分提取成單獨模組引入

image-20210823111711514

今天的分享就到這裡了啦,歡迎一鍵三連~關注微信公眾號:雄雄的小課堂。