先在上邊的程式碼中封裝一樓中的資料：
CMS系統中資料如何在首頁顯示出來：
Jsonp跨域請求指令碼，script處理的是靜態資料，如下：

根據提供的json資料的格式，將從後臺CMS系統中獲得的資料封裝成下圖圖片所示的資料結構。

這裡，首頁的資料顯示不是通過ajax非同步請求的，而是將資料寫到Html頁面中，然後由js做解析，顯示到頁面中。

思考：為什麼不是頁面載入完，去通過ajax非同步請求載入資料呢？這是京東的方式，為什麼要這麼做？

a) 靜態化後，資料也靜態化，無需再次載入資料

ajax請求，至少要發起兩次請求：

a) 直接在一次請求中將頁面以及資料返回

新版本：

a) 減少請求響應的大小

b) 按使用者的需求載入

資料和html結構分離？

1 . 首頁的結構可能需要經常的變化

2 .多團隊協作開發，一個團隊負責資料，一個團隊負責可發頁面

CMS系統中建立資料：

a)首先內容分類管理(根據靜態頁面的json格式分類)：

b)內容管理新增內容：

注意對應關係：(這裡的欄位不是文字所描述的，而是與json格式的資料是對應的，如下圖)

填充後的內容（這些資訊已經持久化到資料庫中）：

重新回到前面的邏輯部分，對一樓資料進行封裝：

indexDate資料是由後臺系統按照圖片的json結構封裝後返回的資料：

前臺系統呼叫介面獲取資料並且拼接前端的資料結構：
首先將indexData封裝到前臺模型資料中：

IndexService中的getIndexDate（）方法，返回String為json格式的資料：