鍍金池/ 問答/Java  HTML/ arttemplate如何提出公共html,還有如何和java配合。

arttemplate如何提出公共html,還有如何和java配合。

我現(xiàn)在用的sea.js來做的模塊化,用arttemplate請(qǐng)求接口來渲染頁面,那公共的一些導(dǎo)航 header footer 如何弄呢? 我沒用node無法用include .art的文件。以前都和是PHP配合 直接套的頁面。現(xiàn)在如何提出公共的html。

頁面跳轉(zhuǎn), 我就給a鏈接寫絕對(duì)路徑嗎? 那后期路由規(guī)則怎么辦? 服務(wù)端來改嗎?

新手從來沒分離過, 有點(diǎn)懵,求大神指點(diǎn)下,萬分感謝。

回答
編輯回答
陌南塵

1.項(xiàng)目用三大框架了嗎?我覺得用angular的ng-include方便一點(diǎn)抽離 栗子

2.想了想,還可以這樣,具體你試一下,參照下面的delay_script函數(shù)方法,設(shè)置一個(gè)頁面導(dǎo)入art-template模板的函數(shù)(loadArtTemplate),可以把加載js的路徑和模板的id放進(jìn)去作為參數(shù),這樣頁面的模板就加載進(jìn)去了,再定義一個(gè)導(dǎo)入頁面的無需遍歷數(shù)據(jù)的art-template模板的方法,insertArtById(),參數(shù)用模板的id和需要插入坑的id;

寫成大概這樣:
js文件header.js

<div id="headerBar"></div>

在需要引用的頁面這樣調(diào)用

loadArtTemplate('../js/header.js','header')
insertArtTempById('header','header')
function delay_script(A) {
  var B = document.createElement("script")
    , C = "src"
    , D = "text/javascript";
  B.setAttribute(C, A);
  B.setAttribute("type", D);
  document.body.appendChild(B);
  return B
}

補(bǔ)充:簡單方便的話若是對(duì)于不需要改變的html文件,建議導(dǎo)入angular.js,方法簡單到不行,把它當(dāng)做一個(gè)插件來用,用ng-include指令來抽離

2018年2月17日 01:44