前端模板json數(shù)據(jù)字段說明

page 頁面

{
  "template": {
    "pageId": 101, // 頁面ID鳞仙,類型:Number
    "name": "頁面", // 名稱吉殃,類型:String
    "className": "wrapper", // class類名馋吗,類型:String
    "id": "template", // id類名蒋院,必須與對象名稱保持一致,類型:String
    "html": "<!DOCTYPE html>\n<html lang=\"zh-cn\">\n<head>\n<meta charset=\"utf-8\">\n<meta name=\"renderer\" content=\"webkit\">\n<meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge,chrome=1\" />\n<meta name=\"keywords\" content=\"{{=xq.config.keyword}}\">\n<meta name=\"description\" content=\"{{=xq.config.description}}\">\n<meta name=\"robots\" content=\"index,follow\">\n<title>{{=xq.config.title}}</title>\n{{? xq.config.favicon}}<link rel=\"shortcut icon\" type=\"image/ico\" href=\"{{! xq.config.favicon }}\" />{{?}}\n[[@@cssFiles]]\n[[@@css]]\n</head>\n<body>\n<!-- index layout -->\n<div class=\"{{=xq.className}}\"{{? xq.style}} style=\"{{!xq.style}}\"{{?}}>\n[[@@header]]\n[[@@modules]]\n[[@@footer]]\n</div>\n<!-- index layout -->\n</body>\n[[@@jsFiles]]\n[[@@javascript]]\n</html>\n</html>", // html結(jié)構(gòu)文檔烟零,類型:String
    "css": "", // 頁面內(nèi)聯(lián)樣式媒役,類型:String
    "javascript": "", // 頁面內(nèi)部調(diào)用腳本,類型:String
    "cssFiles": [
      "http://www.op110.com/Static/css/reset.css", 
      "http://www.op110.com/Static/css/short.css"
    ], // 外部css文件引入朦蕴,類型:Array
    "jsFiles": [
      "http://cdn.bootcss.com/jquery/1.8.3/jquery.min.js"
    ], // 外部js文件引入篮条,類型:Array
    "configRules": {
      "title": "網(wǎng)站標(biāo)題"
    }, // 對config 對象中的變量說明文字,用于后臺上傳該字段的補(bǔ)充說明吩抓;類型:Object
    "config": {
      "title": "深圳同天下科技有限公司",
      "keyword": "深圳同天下科技有限公司-關(guān)鍵字",
      "description": "深圳同天下科技有限公司-描述",
      "favicon": "/favicon.ico"
    }, // 配置與業(yè)務(wù)邏輯無關(guān)聯(lián)的數(shù)據(jù)字段涉茧,類型:Object
    "dataConfig": {}, // 對data對象中的變量說明文字,用于后臺上傳該字段的補(bǔ)充說明疹娶,類型:Object
    "data": {}, // 配置與業(yè)務(wù)邏輯關(guān)聯(lián)的數(shù)據(jù)字段伴栓,類型:Object
    "header": {
      "moduleId": 102,
      "name": "",
      "className": "l-header",
      "id": "header",
      "html": "",
      "css": "",
      "javascript": "",
      "cssFiles": [
        "http://www.op110.com/Static/css/reset.css",
        "http://www.op110.com/Static/css/short.css"
      ],
      "jsFiles": [
        "http://cdn.bootcss.com/jquery/1.8.3/jquery.min.js"
      ],
      "configRules": {},
      "config": {},
      "dataConfig": {},
      "data": {},
      "elements": {}
    },  // 頁面頭部,類型:Object
    "footer": {
      "moduleId": 205,
      "name": "底部",
      "className": "l-footer",
      "id": "footer",
      "html": "",
      "css": "",
      "javascript": "",
      "cssFiles": [],
      "jsFiles": [],
      "configRules": {},
      "config": {},
      "dataConfig": {},
      "data": {}
    },  // 頁面尾部雨饺,類型:Object
    "modules": {} // 頁面中所有的(除開頭部和尾部)模塊集合钳垮,類型:Object
  } 
}

module 模塊

"module": {
      "moduleId": 102,  // 模塊ID,類型:Number
      "name": "模塊",
      "className": "l-module",
      "id": "module",
      "html": "",
      "css": "",
      "javascript": "",
      "cssFiles": [
        "http://www.op110.com/Static/css/reset.css",
        "http://www.op110.com/Static/css/short.css"
      ],
      "jsFiles": [
        "http://cdn.bootcss.com/jquery/1.8.3/jquery.min.js"
      ],
      "configRules": {},
      "config": {},
      "dataConfig": {},
      "data": {},
      "elements": {} // 可選额港,當(dāng)前模塊下的所有組件集合饺窿,類型:Object
    }

element 組件

"element": {
  "elementId": 103, // 組件ID,類型:Number
  "name": "組件",
  "className": "m-element",
  "id": "element",
  "html": "",
  "css": "",
  "javascript": "",
  "cssFiles": [],
  "jsFiles": [],
  "configRules": {},
  "config": {},
  "dataConfig": {},
  "data": {},
  "elements":{} // 可選移斩,組件中可以繼續(xù)插入組件肚医,類型:Object
}  

data 字段說明

通用字段
  • 資源地址使用 src
  • 鏈接跳轉(zhuǎn)地址使用 url
  • 標(biāo)題名稱使用 title
  • 摘要描述使用 summary
  • 數(shù)組循環(huán)輸出項(xiàng)(如:列表項(xiàng))使用 items
  • 控制顯隱 isShow
  • 是否在新窗口打開 isBlank
page頁面 和 module模塊 background設(shè)置
"data": {
  bgImage: "",
  bgColor: ""
}

導(dǎo)航

"data": {
  "items": [
    "name": "",
    "url": "",
    "children": [{
      "name": "",
      "url",
      "children": []
    }]
  ]
}
線路產(chǎn)品
"data": {
  "items": [
    "title": "",
    "type": "",
    "src": "",
    "summary": "",
    "url": "",
    "isBlank": false,
    "cols": [1, 2, 3, 4, 5, 6],
    "prices": [],
    "planDates": [],
    "fromCitys": [],
    "tags": [],
    "sales": []
  ]
}

產(chǎn)品選項(xiàng)卡

"data": {
  "items": [
    "title": "tab選項(xiàng)一",
    "ad": "",
    "listMediaItems": [{
      "title": "",
      "type": "",
      "url": "",
      "summary": "",
      "url": "",
      "isBlank": false,
      "cols": [1, 2, 3, 4, 5, 6],
      "prices": [],
      "planDates": [],
      "fromCitys": [],
      "tags": [],
      "sales": []
    }],
    "ad2": "",
    "box": {
      "title": "",
      "listMixItems": [{
        "title": "",
        "type": "",
        "src": "",
        "summary": "",
        "url": "",
        "isBlank": false,
        "cols": [1, 2, 3, 4, 5, 6],
        "prices": [],
        "planDates": [],
        "fromCitys": [],
        "tags": [],
        "sale": []
      }]
    }
  ]
}
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市向瓷,隨后出現(xiàn)的幾起案子肠套,更是在濱河造成了極大的恐慌,老刑警劉巖猖任,帶你破解...
    沈念sama閱讀 210,914評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件你稚,死亡現(xiàn)場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)刁赖,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 89,935評論 2 383
  • 文/潘曉璐 我一進(jìn)店門搁痛,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人宇弛,你說我怎么就攤上這事落追。” “怎么了涯肩?”我有些...
    開封第一講書人閱讀 156,531評論 0 345
  • 文/不壞的土叔 我叫張陵轿钠,是天一觀的道長。 經(jīng)常有香客問我病苗,道長疗垛,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,309評論 1 282
  • 正文 為了忘掉前任硫朦,我火速辦了婚禮贷腕,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘咬展。我一直安慰自己泽裳,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,381評論 5 384
  • 文/花漫 我一把揭開白布破婆。 她就那樣靜靜地躺著涮总,像睡著了一般。 火紅的嫁衣襯著肌膚如雪祷舀。 梳的紋絲不亂的頭發(fā)上瀑梗,一...
    開封第一講書人閱讀 49,730評論 1 289
  • 那天,我揣著相機(jī)與錄音裳扯,去河邊找鬼抛丽。 笑死,一個(gè)胖子當(dāng)著我的面吹牛饰豺,可吹牛的內(nèi)容都是我干的亿鲜。 我是一名探鬼主播,決...
    沈念sama閱讀 38,882評論 3 404
  • 文/蒼蘭香墨 我猛地睜開眼冤吨,長吁一口氣:“原來是場噩夢啊……” “哼蒿柳!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起锅很,我...
    開封第一講書人閱讀 37,643評論 0 266
  • 序言:老撾萬榮一對情侶失蹤其馏,失蹤者是張志新(化名)和其女友劉穎凤跑,沒想到半個(gè)月后爆安,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,095評論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡仔引,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,448評論 2 325
  • 正文 我和宋清朗相戀三年扔仓,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了褐奥。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片偷卧。...
    茶點(diǎn)故事閱讀 38,566評論 1 339
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡凹蜈,死狀恐怖炎滞,靈堂內(nèi)的尸體忽然破棺而出谬以,到底是詐尸還是另有隱情咐低,我是刑警寧澤拐揭,帶...
    沈念sama閱讀 34,253評論 4 328
  • 正文 年R本政府宣布颓芭,位于F島的核電站殖熟,受9級特大地震影響彻犁,放射性物質(zhì)發(fā)生泄漏叫胁。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,829評論 3 312
  • 文/蒙蒙 一汞幢、第九天 我趴在偏房一處隱蔽的房頂上張望驼鹅。 院中可真熱鬧,春花似錦森篷、人聲如沸输钩。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,715評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽买乃。三九已至,卻和暖如春钓辆,著一層夾襖步出監(jiān)牢的瞬間为牍,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,945評論 1 264
  • 我被黑心中介騙來泰國打工岩馍, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留碉咆,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,248評論 2 360
  • 正文 我出身青樓蛀恩,卻偏偏與公主長得像疫铜,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子双谆,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,440評論 2 348

推薦閱讀更多精彩內(nèi)容