一種html模板動(dòng)態(tài)配置的控制方法及系統(tǒng)的制作方法
【專利摘要】本發(fā)明提供了一種HTML模板動(dòng)態(tài)配置的控制方法，包括步驟一：獲取HTML代碼，使用模板標(biāo)簽替換需要設(shè)置的屬性；步驟二：根據(jù)步驟一中的模板標(biāo)簽使用JSON結(jié)構(gòu)文件創(chuàng)建配置屬性；步驟三：加載步驟二中設(shè)置的配置屬性，循環(huán)讀取每個(gè)元素，進(jìn)行界面繪制并綁定相關(guān)事件；步驟四：進(jìn)行屬性配置選擇時(shí)，響應(yīng)對(duì)應(yīng)元素綁定的事件，調(diào)用相關(guān)方法；步驟五：讀取步驟一創(chuàng)建的模板，匹配出其中的對(duì)應(yīng)的內(nèi)容,依次取出并到保存的配置屬性中去替換為對(duì)應(yīng)的值。應(yīng)用了該方法的系統(tǒng)包括代碼獲取單元、JSON配置屬性單元、讀取單元、事件代理器和界面生成器。本發(fā)明添加簡(jiǎn)單，避免了操作操作html和js，方便不熟悉編碼的用戶進(jìn)行配置模板配置屬性。
【專利說明】
一種HTML模板動(dòng)態(tài)配置的控制方法及系統(tǒng)
技術(shù)領(lǐng)域
[0001]本發(fā)明涉及互聯(lián)網(wǎng)信息技術(shù)領(lǐng)域，尤其涉及一種HTML模板動(dòng)態(tài)配置的控制方法及系統(tǒng)。
【背景技術(shù)】
[0002]模板網(wǎng)站是用已經(jīng)成形的網(wǎng)站為框架進(jìn)行套用，可以在后臺(tái)進(jìn)行設(shè)置網(wǎng)站的一些信息，把這個(gè)網(wǎng)站改變成自己需要的網(wǎng)站信息，最為直接的就是一些網(wǎng)站提供的自助建站和我們眾所周知的博客，比如谷谷互聯(lián)、中華網(wǎng)庫(kù)專業(yè)提供網(wǎng)站模板，另外還有一些公司把自己公司已經(jīng)設(shè)計(jì)好的網(wǎng)站進(jìn)行一些修改再套用如修改風(fēng)格，網(wǎng)站名稱等信息，但大致格式及里面的代碼并未改動(dòng)，此網(wǎng)站也可叫作模版網(wǎng)站。他們最大的特點(diǎn)就是省時(shí)，省力，操作簡(jiǎn)單。網(wǎng)站模板就是已經(jīng)做好的網(wǎng)頁框架，使用網(wǎng)頁編輯軟件將模板原有的圖片和文字替換成自己的內(nèi)容，再發(fā)布到自己的網(wǎng)站。而模板網(wǎng)站的模板設(shè)置及創(chuàng)建在模板網(wǎng)站的運(yùn)用過程中起到了作為基石的作用，并且影響到后期模板動(dòng)態(tài)配置的效率?，F(xiàn)有html模板配置技術(shù)，多半需要編碼實(shí)現(xiàn)，并且在添加多個(gè)配置選項(xiàng)時(shí)，需要?jiǎng)?chuàng)建多個(gè)html配置標(biāo)簽和javascript函數(shù)。同時(shí)配置屬性多有編碼人員進(jìn)行配置，用戶如需可視化配置，還需開發(fā)可視化配置界面。并且大部分模板配置流程步驟多，專業(yè)性強(qiáng)，效率低。
[0003]例如中國(guó)專利CN104714989A公開的一種在瀏覽器中動(dòng)態(tài)存取和可視化編輯WEB頁面的方法，該方法按照以下步驟進(jìn)行的:A、服務(wù)器在可編輯頁面建立有特定功能的腳本;B、客戶端觸發(fā)編輯事件;C、服務(wù)器響應(yīng)編輯事件，載入頁面編輯的腳本代碼;D、載入鼠標(biāo)右鍵菜單系統(tǒng);載入鼠標(biāo)事件和/或鍵盤事件;E、建立無模式對(duì)話框體現(xiàn)的菜單窗口，通過獲取窗口句柄，建立根據(jù)選中對(duì)象的類型進(jìn)行菜單窗口中菜單的自動(dòng)切換的體系;F、刪除用于將腳本載入本頁面的代碼，保持頁面的原貌;G、服務(wù)器將處理后的頁面送到客戶端的瀏覽器中；H、將編輯完成的頁面設(shè)置保存到網(wǎng)絡(luò)或保存到本地。該方法通過腳本代碼實(shí)現(xiàn)網(wǎng)頁編輯，對(duì)于不同的網(wǎng)頁屬性不一的情況，該方法并不能完全適用，缺乏模板的通用性。
[0004]又例如中國(guó)專利CN101968817B公開的一種網(wǎng)頁發(fā)布技術(shù)，具體的說是對(duì)靜態(tài)網(wǎng)頁所使用的模板進(jìn)行數(shù)據(jù)配置的方法。一種網(wǎng)頁模板配置技術(shù)包括以下步驟:a通過模板導(dǎo)入，將網(wǎng)頁模板的全部信息保存到數(shù)據(jù)庫(kù);b獲得網(wǎng)頁模板配置請(qǐng)求;c分析網(wǎng)頁模板，解析模板中需要配置的組件，并生成對(duì)應(yīng)的組件配置界面;c保存模板的配置;e發(fā)布網(wǎng)頁時(shí)，根據(jù)模板的配置生成網(wǎng)頁結(jié)果。該方法中采用的動(dòng)態(tài)模板采用編碼實(shí)現(xiàn)需要?jiǎng)?chuàng)建多個(gè)html配置標(biāo)簽和javascript函數(shù)，對(duì)于非專業(yè)人員具有一定的難度，實(shí)現(xiàn)效率低。

【發(fā)明內(nèi)容】

[0005]為克服現(xiàn)有技術(shù)中存在的HTML模板動(dòng)態(tài)配置流程步驟多效率低的問題，本發(fā)明提供了一種HTML模板動(dòng)態(tài)配置的控制方法及系統(tǒng)。
[0006]—種HTML模板動(dòng)態(tài)配置的控制方法，包括如下步驟:
[0007]步驟一:根據(jù)用戶指令創(chuàng)建或從目標(biāo)網(wǎng)頁拷貝一段HTML代碼，使用模板標(biāo)簽替換需要設(shè)置的屬性；
[0008]步驟二:根據(jù)步驟一中的模板標(biāo)簽使用JSON結(jié)構(gòu)文件創(chuàng)建配置屬性；
[0009]步驟三:加載步驟二中設(shè)置的配置屬性，循環(huán)讀取每個(gè)元素，根據(jù)其屬性進(jìn)行界面繪制并綁定相關(guān)事件；
[0010]步驟四:用戶進(jìn)行屬性配置選擇時(shí)，響應(yīng)對(duì)應(yīng)元素綁定的事件，調(diào)用相關(guān)方法實(shí)現(xiàn)表單的關(guān)聯(lián)調(diào)用、賦值和驗(yàn)證；
[0011]步驟五:讀取步驟一創(chuàng)建的模板，匹配出其中的對(duì)應(yīng)的內(nèi)容，依次取出并到保存的配置屬性中去替換為對(duì)應(yīng)的值，完成配置操作。
[0012]進(jìn)一步的，所述步驟一包括:
[0013](I)根據(jù)用戶指令創(chuàng)建或從目標(biāo)網(wǎng)頁拷貝一段HTML代碼；
[0014](2)將其中需要設(shè)置的屬性使用“{{}}”符號(hào)包裹起來，所述“{{}}”包裹起來的內(nèi)容為標(biāo)簽名。
[0015]進(jìn)一步的，所述標(biāo)簽名為模板內(nèi)的唯一標(biāo)簽名。
[0016]進(jìn)一步的，所述步驟二包括:
[0017](I)依據(jù)步驟一設(shè)定模板中的模板標(biāo)簽，建立模板配置選項(xiàng)；
[0018](2)根據(jù)不同的配置要求依次設(shè)定屬性配置的默認(rèn)值和可選值以及類型。
[0019]進(jìn)一步的，所述步驟三包括:
[0020](I)根據(jù)步驟二中配置屬性的類型創(chuàng)建顯示界面；
[0021](2)根據(jù)步驟二中配置屬性的選項(xiàng)名稱設(shè)置配置項(xiàng)的顯示名稱；
[0022](3)根據(jù)步驟二中配置屬性的默認(rèn)值設(shè)定配置項(xiàng)的默認(rèn)值；
[0023](4)根據(jù)步驟二中配置屬性的可選值設(shè)定配置項(xiàng)的可選值。
[0024]進(jìn)一步的，所述步驟四包括:用戶在步驟三繪制的界面中點(diǎn)擊配置項(xiàng)，并且檢測(cè)可選值是否為空，如不為空則顯示可選值選擇界面，如為空則顯示輸入界面。
[0025]進(jìn)一步的，所述步驟五包括:
[0026](I)讀取步驟一設(shè)定的模板標(biāo)簽，匹配出模板標(biāo)簽中的標(biāo)簽名；
[0027](2)依次讀取配置項(xiàng)，獲取其默認(rèn)值，將該配置項(xiàng)的名稱和默認(rèn)值保存；
[0028](3)讀取步驟(I)獲取的標(biāo)簽名，并將讀取到的標(biāo)簽名與(2)中的名稱交換。
[0029]一種應(yīng)用了所述的HTML模板動(dòng)態(tài)配置的控制方法的系統(tǒng)，包括配置文件、模板和規(guī)則引擎，所述模板分別與配置文件和規(guī)則引擎連接。
[0030]進(jìn)一步的，所述模板內(nèi)部設(shè)置有模板標(biāo)簽生成器。
[0031]進(jìn)一步的，所述規(guī)則引擎進(jìn)行表單驗(yàn)證、關(guān)聯(lián)檢查、自動(dòng)填充和多字段運(yùn)算操作。
[0032]與現(xiàn)有技術(shù)相比，本發(fā)明的有益效果是:
[0033](I)本發(fā)明配置模板配置屬性基于JSON數(shù)據(jù)自動(dòng)創(chuàng)建用戶界面，可根據(jù)不同的配置要求依次設(shè)定屬性配置的默認(rèn)值和可選值以及類型，添加簡(jiǎn)單，避免了操作操作html和js，方便不熟悉編碼的用戶進(jìn)行配置模板配置屬性。
[0034](2)本發(fā)明配置模板配置可實(shí)現(xiàn)動(dòng)態(tài)關(guān)聯(lián)綁定，自動(dòng)賦值、多屬性計(jì)算賦值，無需采用編碼人工賦值，使得模板配置過程更為簡(jiǎn)便。
[0035](3)本發(fā)明的系統(tǒng)的模板通過內(nèi)部實(shí)現(xiàn)的模板標(biāo)簽生成器來幫助開發(fā)人員屏蔽前端知識(shí)，使他們可以通過編寫json文件來配置實(shí)現(xiàn)模板操作界面;開發(fā)人員只需要做表單配置即可輸出前端操作界面，也減去了前端開發(fā)工作。
[0036](4)本發(fā)明的系統(tǒng)的系統(tǒng)自帶規(guī)則引擎，可支持表單驗(yàn)證、關(guān)聯(lián)檢查和自動(dòng)填充、多字段運(yùn)算等功能，無需編寫js代碼實(shí)現(xiàn)，實(shí)現(xiàn)過程簡(jiǎn)單方便開發(fā)人員操作。
【附圖說明】
[0037]圖1是本發(fā)明中HTML模板動(dòng)態(tài)配置的控制方法的流程示意圖。
【具體實(shí)施方式】
[0038]以下結(jié)合附圖和實(shí)施例，對(duì)本發(fā)明進(jìn)行進(jìn)一步詳細(xì)說明。應(yīng)當(dāng)理解，此處所描述的具體實(shí)施例僅用以解釋本發(fā)明，并不用于限定本發(fā)明。
[0039]實(shí)施例1
[0040]如圖1，本【具體實(shí)施方式】披露了一種HTML模板動(dòng)態(tài)配置的控制方法，該方法配置模板配置屬性基于JSON數(shù)據(jù)自動(dòng)創(chuàng)建用戶界面，添加簡(jiǎn)單，無需操作HTML和js。配置模板配置可實(shí)現(xiàn)動(dòng)態(tài)關(guān)聯(lián)綁定，自動(dòng)賦值、多屬性計(jì)算賦值，并且可實(shí)現(xiàn)自動(dòng)化填充，渲染模板。如圖去所示，本實(shí)施例的方法包括:
[0041]步驟一:根據(jù)用戶指令創(chuàng)建或從目標(biāo)網(wǎng)頁拷貝一段HTML代碼，使用模板標(biāo)簽替換需要設(shè)置的屬性。
[0042]具體的，HTML代碼的來源可以有多種形式，例如可以是用戶粘貼板內(nèi)的內(nèi)容，也可是用戶導(dǎo)入的文本文檔，用戶手動(dòng)輸入的內(nèi)容等。HTML代碼及超文本標(biāo)記語言(標(biāo)準(zhǔn)通用標(biāo)記語言下的一個(gè)應(yīng)用，外語縮寫HTML)，是迄今為止網(wǎng)絡(luò)上應(yīng)用最為廣泛的語言，也是構(gòu)成網(wǎng)頁文檔的主要語言C=HTML文本是由HTML命令組成的描述性文本，HTML命令可以說明文字、圖形、動(dòng)畫、聲音、表格、鏈接等。HTML的結(jié)構(gòu)包括頭部(Head )、主體(Body)兩大部分，其中頭部描述瀏覽器所需的信息，而主體則包含所要說明的具體內(nèi)容。網(wǎng)站網(wǎng)頁的每個(gè)網(wǎng)頁上都有自己獨(dú)立的HTML代碼頁，用戶可以根據(jù)自己的需要選擇需要配置的網(wǎng)頁代碼進(jìn)行復(fù)制粘貼;此外在制作網(wǎng)頁的同時(shí)，也可以將HTML文本導(dǎo)出為文本格式，在需要配置屬性時(shí)將文本文檔導(dǎo)入到系統(tǒng)中；另外也可通過系統(tǒng)內(nèi)的文本輸入工具手動(dòng)輸入HTML代碼
[0043]作為優(yōu)選的，本實(shí)施例中具體描述根據(jù)用戶指令從目標(biāo)網(wǎng)頁拷貝一段HTML代碼的情形。將用戶選擇的內(nèi)容復(fù)制，系統(tǒng)通過查找確認(rèn)HTML代碼中的可設(shè)置屬性的字符，并將HTML代碼中需要設(shè)置的屬性使用“{{}}”符號(hào)包裹起來包裹起來的內(nèi)容為標(biāo)簽名，形式為{{標(biāo)簽名}}，其中“標(biāo)簽名”是模板文件中唯一的“標(biāo)簽名”。
[0044]步驟二:根據(jù)步驟一中的模板標(biāo)簽使用JSON結(jié)構(gòu)文件創(chuàng)建配置屬性。
[0045]具體的，現(xiàn)有html模板配置技術(shù)，多半需要編碼實(shí)現(xiàn)，并且在添加多個(gè)配置選項(xiàng)時(shí)，需要?jiǎng)?chuàng)建多個(gè)html配置標(biāo)簽和javascript函數(shù)。同時(shí)配置屬性多有編碼人員進(jìn)行配置，用戶如需可視化配置，還需開發(fā)可視化配置界面。從而導(dǎo)致模板配置流程步驟多，專業(yè)性強(qiáng)，效率低。因此，在本發(fā)明實(shí)施例中對(duì)創(chuàng)建配置屬性的過程優(yōu)化，采用JSON結(jié)構(gòu)文件進(jìn)行配置模板配置屬性。
[0046]其中采用的JSON結(jié)構(gòu)文件的結(jié)構(gòu)為:
[0047][ {label:，選項(xiàng)名稱，,name: ’標(biāo)簽名，,value:，選項(xiàng)默認(rèn)值’ ,values: [ {text:，選項(xiàng)可選值名稱’ ,value: ’選項(xiàng)可選值’ } ] ,plugin: ’選項(xiàng)類型’，related: ’關(guān)聯(lián)選項(xiàng)’，adjective:，賦值屬性= >賦值目標(biāo)標(biāo)簽名，,enablenil: true,hide: true}]。
[0048]系統(tǒng)通過name進(jìn)行屬性和配置界面元素的綁定，通過value設(shè)定屬性的默認(rèn)值，通過values設(shè)置屬性的可選值范圍，通過plugin創(chuàng)建顯示界面，通過related實(shí)現(xiàn)關(guān)聯(lián)屬性的綁定操作，通過adject i ve實(shí)現(xiàn)動(dòng)態(tài)賦值，通過enablenil檢測(cè)屬性是否可為空，通過hide決定元素是顯示還是隱藏。
[0049]作為優(yōu)選的，可通過以下方法實(shí)現(xiàn)JSON結(jié)構(gòu)文件創(chuàng)建配置屬性，依據(jù)上一步設(shè)定模板中的{{標(biāo)簽名}}，建立模板配置選項(xiàng)，其中模板配置選項(xiàng)的名稱即是“{{標(biāo)簽名}}”中的“標(biāo)簽名”。繼而根據(jù)不同的配置要求依次設(shè)定屬性配置的默認(rèn)值(value)和可選值(values)以及類型(plugin)等內(nèi)容。具體的，如屬性具有關(guān)聯(lián)屬性需要配置related字段，其值為目標(biāo)關(guān)聯(lián)的標(biāo)簽名。如屬性具有動(dòng)態(tài)賦值屬性需要配置adjective字段，其值為『當(dāng)前屬性名= > 目標(biāo)標(biāo)簽名』的結(jié)構(gòu)。如允許屬性可為空需配置enablenil字段的值為true，否則屬性必須有值。如元素需要隱藏，需要配置hide字段的值為true，否則元素顯示并可操作。
[0050]步驟三:加載步驟二中設(shè)置的配置屬性，循環(huán)讀取每個(gè)元素，根據(jù)其屬性進(jìn)行界面繪制并綁定相關(guān)事件。
[0051]具體的，系統(tǒng)讀取步驟二中生成配置屬性項(xiàng)，每讀取一個(gè)屬性配置項(xiàng)，根據(jù)plugin字段創(chuàng)建顯示界面;根據(jù)label字段設(shè)置配置項(xiàng)的顯示名稱;根據(jù)value字段設(shè)定配置項(xiàng)的默認(rèn)值;根據(jù)values字段設(shè)定配置項(xiàng)的可選值;設(shè)定配置項(xiàng)的id為name字段值。
[0052]優(yōu)選的，顯示界面的生成步驟包括:a、配置文件為數(shù)組結(jié)構(gòu)，渲染器每次取一項(xiàng)，并將指針移動(dòng)到下一項(xiàng)位置。b、解析取到的配置項(xiàng)信息，檢查plugin字段的值。plugin字段為界面控件類型字段，系統(tǒng)依據(jù)不同的值輸出不同的界面元素。界面組件包括form原生組件(text\select等)和擴(kuò)展組件(預(yù)先開發(fā)內(nèi)置)。0、將plugin對(duì)應(yīng)的界面組件添加到顯示視圖中。d、根據(jù)該項(xiàng)的其他屬性進(jìn)行相關(guān)操作，如設(shè)定顯示或隱藏，默認(rèn)值，事件關(guān)聯(lián)等。e、執(zhí)行步驟a至所有項(xiàng)處理完成。
[0053]作為優(yōu)選的，還需要檢測(cè)配置項(xiàng)的hide字段值是否為true，如為true這設(shè)定配置項(xiàng)的樣式屬性display為none，進(jìn)行配置項(xiàng)隱藏。檢測(cè)配置項(xiàng)的related字段是否有值，如果有值則講該字段加入系統(tǒng)的relateds事件代理器。檢測(cè)配置項(xiàng)的adjective字段是否有值，如果有值則講該字段加入系統(tǒng)的adjectives事件代理器。重復(fù)以上過程直到所有配置屬性項(xiàng)初始化完成，顯示用戶配置界面。
[0054]步驟四:用戶進(jìn)行屬性配置選擇時(shí)，響應(yīng)對(duì)應(yīng)元素綁定的事件，調(diào)用相關(guān)方法實(shí)現(xiàn)表單的關(guān)聯(lián)調(diào)用、賦值和驗(yàn)證。用戶在步驟三創(chuàng)建的顯示界面進(jìn)行配置操作。用戶點(diǎn)擊配置項(xiàng)時(shí)，系統(tǒng)檢測(cè)values字段是否為空，如不為空則顯示可選值選擇界面，如為空則顯示輸入界面。用戶輸入后，系統(tǒng)檢測(cè)related字段是否為空，如不為空則調(diào)用系統(tǒng)的relateds事件代理器執(zhí)行relatedFn方法實(shí)現(xiàn)關(guān)聯(lián)元素操作:設(shè)定目標(biāo)配置項(xiàng)的顯示操作。系統(tǒng)檢測(cè)adjectives字段是否為空，如不為空則調(diào)用系統(tǒng)的adjectives事件代理器執(zhí)行adjectivesFn方法實(shí)現(xiàn)關(guān)聯(lián)元素操作:將該配置項(xiàng)的屬性值給定到目標(biāo)配置項(xiàng)的value屬性值。
[0055]步驟五:讀取步驟一創(chuàng)建的模板，匹配出其中的對(duì)應(yīng)的內(nèi)容，依次取出并到保存的配置屬性中去替換為對(duì)應(yīng)的值，完成配置操作。
[0056]具體的，用戶在步驟四完成配置操作后，點(diǎn)擊完成按鈕后系統(tǒng)讀取步驟一設(shè)定的模板內(nèi)容，匹配出里面的{{標(biāo)簽名}}項(xiàng)。系統(tǒng)依次讀取配置項(xiàng)，獲取其value值，并檢測(cè)其enableni I字段是否為true，如不為true，同時(shí)value為空，則顯示錯(cuò)誤信息并提示用戶修正錯(cuò)誤完成賦值，同時(shí)停止保存操作。如驗(yàn)證通過則使用該配置項(xiàng)的name為key ,value為值加入到系統(tǒng)的result字段中。讀取獲取的{{標(biāo)簽名}}，從系統(tǒng)的result中通過key取值，并替換{{標(biāo)簽名}}。重復(fù)執(zhí)行替換，直到所有{{標(biāo)簽名}}替換完成。將配置后的模板保存到存儲(chǔ)設(shè)備中，完成操作。
[0057]此外，渲染模板的過程是在用戶配置完成后點(diǎn)擊保存或預(yù)覽的時(shí)候執(zhí)行的，分2步執(zhí)行，首先會(huì)將模板標(biāo)簽和選擇的配置項(xiàng)在解釋引擎中進(jìn)行計(jì)算和替換，轉(zhuǎn)化為最終的模板內(nèi)容，接著系統(tǒng)調(diào)用接口將模板傳遞給處理系統(tǒng)，并接受返回回來的html內(nèi)容，將結(jié)果渲染給用戶查看。
[0058]實(shí)施例2
[0059]本【具體實(shí)施方式】披露了一種應(yīng)用了實(shí)施例1中的HTML模板動(dòng)態(tài)配置的控制方法的系統(tǒng)。
[0060]具體的，系統(tǒng)包括配置文件、模板和規(guī)則引擎，模板分別與配置文件和規(guī)則引擎連接，模板內(nèi)部設(shè)置有模板標(biāo)簽生成器。
[0061 ]本具體實(shí)施例中的系統(tǒng)是一套模板創(chuàng)建和生成工具，主要是通過配置文件來創(chuàng)建和生成模板文件，并發(fā)布為html內(nèi)容。系統(tǒng)的模板通過內(nèi)部實(shí)現(xiàn)的模板標(biāo)簽生成器來幫助開發(fā)人員屏蔽前端知識(shí)，使他們可以通過編寫json文件來配置實(shí)現(xiàn)模板操作界面;開發(fā)人員只需要做表單配置即可輸出前端操作界面，也減去了前端開發(fā)工作。系統(tǒng)自帶規(guī)則引擎，可支持表單驗(yàn)證、關(guān)聯(lián)檢查和自動(dòng)填充、多字段運(yùn)算等功能，無需編寫js代碼實(shí)現(xiàn)。
[0062]上述說明示出并描述了本發(fā)明的優(yōu)選實(shí)施例，如前所述，應(yīng)當(dāng)理解本發(fā)明并非局限于本文所披露的形式，不應(yīng)看作是對(duì)其他實(shí)施例的排除，而可用于各種其他組合、修改和環(huán)境，并能夠在本文所述發(fā)明構(gòu)想范圍內(nèi)，通過上述教導(dǎo)或相關(guān)領(lǐng)域的技術(shù)或知識(shí)進(jìn)行改動(dòng)。而本領(lǐng)域人員所進(jìn)行的改動(dòng)和變化不脫離本發(fā)明的精神和范圍，則都應(yīng)在本發(fā)明所附權(quán)利要求的保護(hù)范圍內(nèi)。
【主權(quán)項(xiàng)】
1.一種HTML模板動(dòng)態(tài)配置的控制方法，其特征在于，包括如下步驟: 步驟一:根據(jù)用戶指令創(chuàng)建或從目標(biāo)網(wǎng)頁拷貝一段HTML代碼，使用模板標(biāo)簽替換需要設(shè)置的屬性； 步驟二:根據(jù)步驟一中的模板標(biāo)簽使用JSON結(jié)構(gòu)文件創(chuàng)建配置屬性； 步驟三:加載步驟二中設(shè)置的配置屬性，循環(huán)讀取每個(gè)元素，根據(jù)其屬性進(jìn)行界面繪制并綁定相關(guān)事件； 步驟四:用戶進(jìn)行屬性配置選擇時(shí)，響應(yīng)對(duì)應(yīng)元素綁定的事件，調(diào)用相關(guān)方法實(shí)現(xiàn)表單的關(guān)聯(lián)調(diào)用、賦值和驗(yàn)證； 步驟五:讀取步驟一創(chuàng)建的模板，匹配出其中的對(duì)應(yīng)的內(nèi)容，依次取出并到保存的配置屬性中去替換為對(duì)應(yīng)的值，完成配置操作。2.根據(jù)權(quán)利要求1所述的一種HTML模板動(dòng)態(tài)配置的控制方法，其特征在于:所述步驟一包括: (1)根據(jù)用戶指令創(chuàng)建或從目標(biāo)網(wǎng)頁拷貝一段HTML代碼； (2)將其中需要設(shè)置的屬性使用“{{}}”符號(hào)包裹起來，所述“{{}}”包裹起來的內(nèi)容為標(biāo)簽名。3.根據(jù)權(quán)利要求2所述的一種HTML模板動(dòng)態(tài)配置的控制方法，其特征在于:所述標(biāo)簽名為模板內(nèi)的唯一標(biāo)簽名。4.根據(jù)權(quán)利要求1所述的一種HTML模板動(dòng)態(tài)配置的控制方法，其特征在于:所述步驟二包括: (1)依據(jù)步驟一設(shè)定模板中的模板標(biāo)簽，建立模板配置選項(xiàng)； (2)根據(jù)不同的配置要求依次設(shè)定屬性配置的默認(rèn)值和可選值以及類型。5.根據(jù)權(quán)利要求1所述的一種HTML模板動(dòng)態(tài)配置的控制方法，其特征在于:所述步驟三包括: (1)根據(jù)步驟二中配置屬性的類型創(chuàng)建顯示界面； (2)根據(jù)步驟二中配置屬性的選項(xiàng)名稱設(shè)置配置項(xiàng)的顯示名稱； (3)根據(jù)步驟二中配置屬性的默認(rèn)值設(shè)定配置項(xiàng)的默認(rèn)值； (4)根據(jù)步驟二中配置屬性的可選值設(shè)定配置項(xiàng)的可選值。6.根據(jù)權(quán)利要求1所述的一種HTML模板動(dòng)態(tài)配置的控制方法，其特征在于:所述步驟四包括:用戶在步驟三繪制的界面中點(diǎn)擊配置項(xiàng)，并且檢測(cè)可選值是否為空，如不為空則顯示可選值選擇界面，如為空則顯示輸入界面。7.根據(jù)權(quán)利要求1所述的一種HTML模板動(dòng)態(tài)配置的控制方法，其特征在于:所述步驟五包括: (1)讀取步驟一設(shè)定的模板標(biāo)簽，匹配出模板標(biāo)簽中的標(biāo)簽名； (2)依次讀取配置項(xiàng)，獲取其默認(rèn)值，將該配置項(xiàng)的名稱和默認(rèn)值保存； (3)讀取步驟(I)獲取的標(biāo)簽名，并將讀取到的標(biāo)簽名與(2)中的名稱交換。8.—種應(yīng)用了如權(quán)利要求1所述的HTML模板動(dòng)態(tài)配置的控制方法的系統(tǒng)，其特征在于:包括配置文件、模板和規(guī)則引擎，所述模板分別與配置文件和規(guī)則引擎連接。9.根據(jù)權(quán)利要求8所述的一種HTML模板動(dòng)態(tài)配置的控制系統(tǒng)，其特征在于:所述模板內(nèi)部設(shè)置有模板標(biāo)簽生成器。10.根據(jù)權(quán)利要求8所述的一種HTML模板動(dòng)態(tài)配置的控制系統(tǒng)，其特征在于:所述規(guī)則引擎進(jìn)行表單驗(yàn)證、關(guān)聯(lián)檢查、自動(dòng)填充和多字段運(yùn)算操作。
【文檔編號(hào)】G06F17/21GK105824787SQ201610147696
【公開日】2016年8月3日
【申請(qǐng)日】2016年3月15日
【發(fā)明人】何中, 陳甲偉, 戴建峰, 嚴(yán)偉, 張龍, 徐曉輝, 薛煒, 何登
【申請(qǐng)人】江蘇中威科技軟件系統(tǒng)有限公司