[發(fā)明專利]一種應(yīng)用界面的構(gòu)建及設(shè)計方法

有效

• 申請?zhí)枺?/td>: 201410855039.1
• 申請日: 2014-12-31
• 公開（公告）號: CN104484189B
• 公開（公告）日: 2018-07-10
• 發(fā)明（設(shè)計）人: 李然
• 申請（專利權(quán)）人: 北京拼圖科技有限公司
• 主分類號: G06F8/38
• 分類號: G06F8/38
• 代理公司: 北京超凡志成知識產(chǎn)權(quán)代理事務(wù)所(普通合伙) 11371
• 代理人: 王術(shù)蘭

本發(fā)明涉及應(yīng)用界面構(gòu)建技術(shù)領(lǐng)域，尤其涉及應(yīng)用界面的構(gòu)建及設(shè)計方法。應(yīng)用界面的構(gòu)建方法，包括：服務(wù)器向客戶端提供可視化操作界面信息，可視化操作界面信息包括界面、數(shù)據(jù)、操作、事件、控件資源的定義信息及關(guān)聯(lián)信息；客戶端接收可視化操作界面信息后，在客戶端上動態(tài)生成應(yīng)用界面。本發(fā)明實施例提供的應(yīng)用界面的構(gòu)建及設(shè)計方法，在設(shè)計端設(shè)計應(yīng)用界面，并將設(shè)計的應(yīng)用界面以可視化操作信息的形式發(fā)送到客戶端，且在客戶端以控件形式動態(tài)生成應(yīng)用界面，在設(shè)計時通過簡單拖拽和配置即可實現(xiàn)應(yīng)用界面的開發(fā)，提高了應(yīng)用界面開發(fā)的效率，同時通過該方法實現(xiàn)了應(yīng)用界面的可視化設(shè)計降低了應(yīng)用界面運行的成本。

技術(shù)領(lǐng)域

本發(fā)明涉及應(yīng)用界面構(gòu)建技術(shù)領(lǐng)域，具體而言，涉及應(yīng)用界面的構(gòu)建及設(shè)計方法。

背景技術(shù)

當(dāng)前，在電腦、手機等終端設(shè)備中的界面多為原生開發(fā)或HTML5或CSS3開發(fā)。原生開發(fā)采用復(fù)雜的代碼及設(shè)計器實現(xiàn)，HTML5+CSS3亦不能完全脫離代碼，需通過腳本實現(xiàn)。

HTML5+CSS3實現(xiàn)模式下，當(dāng)用戶進(jìn)入某個應(yīng)用時，終端設(shè)備從本地或服務(wù)器中調(diào)取創(chuàng)建好的HTML5或CSS3格式的網(wǎng)頁頁面，顯示的網(wǎng)頁頁面需要占用較多的系統(tǒng)資源。

當(dāng)今缺少一種通過簡單拖拽和配置即可實現(xiàn)高執(zhí)行效率的應(yīng)用開發(fā)方法。

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

本發(fā)明的目的在于提供一種應(yīng)用界面的構(gòu)建及設(shè)計方法，以解決上述的問題。

本發(fā)明實施例提供了一種應(yīng)用界面的構(gòu)建方法，包括：服務(wù)器向客戶端提供可視化操作界面信息，所述可視化操作界面信息包括界面、數(shù)據(jù)、操作、事件、控件資源的定義信息及關(guān)聯(lián)信息；所述客戶端接收所述可視化操作界面信息后，在所述客戶端上動態(tài)生成應(yīng)用界面。

優(yōu)選地，該方法還包括：所述客戶端接收用戶在所述應(yīng)用界面上的操作指令，并將所述操作指令發(fā)送給所述服務(wù)器；所述服務(wù)器將符合所述操作指令的可視化操作界面信息發(fā)送給所述客戶端。

優(yōu)選地，該方法還包括：所述服務(wù)器以界面生成腳本的形式存儲所述可視化操作界面信息，其中所述界面生成腳本為順序執(zhí)行的行式界面腳本。

優(yōu)選地，所述服務(wù)器以界面生成腳本的形式存儲所述可視化操作界面信息，包括：所述服務(wù)器以控件聲明的腳本形式存儲控件信息；所述服務(wù)器以控制屬性值的腳本形式存儲控件的屬性值；所述服務(wù)器以控件級聯(lián)關(guān)系的腳本形式存儲控件與控件之間的父子或級聯(lián)關(guān)系。

優(yōu)選地，所述服務(wù)器向客戶端提供可視化操作界面信息，包括：所述服務(wù)器通過所述界面生成腳本向所述客戶端提供所述可視化操作界面信息。

優(yōu)選地，所述客戶端接收所述可視化操作界面信息后，在所述客戶端上動態(tài)生成應(yīng)用界面，包括：所述服務(wù)器將與所述可視化操作界面信息對應(yīng)的界面生成腳本發(fā)送給所述客戶端；所述客戶端獲取所述界面生成腳本并按行順序解析獲取的所述界面生成腳本，根據(jù)所述解析的結(jié)果動態(tài)生成及設(shè)置所述客戶端可視化界面上的控件。

優(yōu)選地，所述客戶端獲取所述界面生成腳本并按行順序解析獲取的所述界面生成腳本，包括：當(dāng)所述界面生成腳本為控件聲明時，所述客戶端在其內(nèi)存創(chuàng)建與所述控制聲明對應(yīng)的控件，并設(shè)置屬性默認(rèn)值；當(dāng)所述界面生成腳本為控件屬性值時，所述客戶端從本地控件庫中查找與所述控件屬性值匹配的控件，并為查找出的所述控件的屬性賦值；當(dāng)所述界面生成腳本為控件級聯(lián)關(guān)系時，在所述客戶端可視化界面上按照級聯(lián)關(guān)系加載并顯示控件。

本發(fā)明實施例還提供了一種應(yīng)用界面的設(shè)計方法，包括：設(shè)計端接收設(shè)計人員設(shè)置的應(yīng)用界面；設(shè)計端根據(jù)預(yù)設(shè)規(guī)則定義所述應(yīng)用界面的可視化操作界面信息，其中所述可視化操作界面信息包括界面、數(shù)據(jù)、操作、事件、控件資源的定義信息及關(guān)聯(lián)信息；設(shè)計端將所述可視化操作界面信息保存至服務(wù)器。