pageadmin 企業建站模闆-tft每日頭條

PageAdmin要實現可視化編輯，需要借助可視化區塊來實現，下面講解一下可視化區塊的使用教程，首先進入可視化編輯菜單，如下圖：

pageadmin 企業建站模闆（CMS建站系統可視化區塊的使用教程）1

進入後按下面步驟操作。

步驟1、表單的添加和管理。

表單分類：對表單進行分類，方便查找或維護，此功能簡單，不贅述。

表單管理：網站上每個版塊要實現可視化編輯，必須根據内容先設計表單才能可視化編輯，系統默認添加了一些常用的表單，如下圖：

pageadmin 企業建站模闆（CMS建站系統可視化區塊的使用教程）2

一些複雜的内容場景可以點擊"添加"按鈕來自定義設計表單，添加表單後點擊字段設置進去字段管理界面，進行字段的添加，如下圖：

pageadmin 企業建站模闆（CMS建站系統可視化區塊的使用教程）3

字段包含了目前所有通用的類型，單行文本，多行文本，編輯器，下拉表單，單選，多選等等。

步驟2：區塊的添加和管理

區塊分類：對區塊進行分類，方便查找或維護，功能簡單不贅述。

區塊管理：頁面上的自定義版塊如果需要進行可視化編輯，就需要通過區塊來實現，自定義版塊和區塊數據一一對應，區塊的添加和管理如下：

pageadmin 企業建站模闆（CMS建站系統可視化區塊的使用教程）4

區塊添加完畢後，可以在可視化編輯界面設置内容，也可以在管理界面設置内容，這裡重點說一下數據調用，如下圖：

pageadmin 企業建站模闆（CMS建站系統可視化區塊的使用教程）5

點擊打開後，彈出調用幫助界面，這裡有詳細的調用說明，如下圖：

pageadmin 企業建站模闆（CMS建站系統可視化區塊的使用教程）6

隻需要把上面演示代碼複制到模闆中，按實際需求更改一下html排版或添加樣式，這裡可結合相關可視化模闆制作教程。

步驟3：模闆中如果添加了可視化标簽，就可以進入可視化界面進行可視化編輯，如下圖：

pageadmin 企業建站模闆（CMS建站系統可視化區塊的使用教程）7

鼠标移動到區塊上，就會彈出編輯按鈕，點擊編輯就可以進行可視化内容的設置和修改，如下圖：

pageadmin 企業建站模闆（CMS建站系統可視化區塊的使用教程）8

區塊功能可以很方便地解決非專業人員維護網站内容困難的問題，也可以用于解決大數據下直接從數據庫讀取數據導緻效率低下的問題，比如一些推薦新聞，推薦圖片默認從數據庫讀取，可以改為通過區塊來實現自定義錄入标題，圖片、鍊接等參數，從而緩解數據庫壓力