基于網(wǎng)頁的界面生成方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明提供一種網(wǎng)頁界面生成技術(shù)，尤其涉及一種基于網(wǎng)頁的界面生成方法。
【背景技術(shù)】
[0002]隨著互聯(lián)網(wǎng)和通信技術(shù)的發(fā)展，用戶界面的開發(fā)顯得尤為重要?，F(xiàn)有技術(shù)中，界面開發(fā)通常都是基于網(wǎng)頁(Web)的界面開發(fā)，在Web界面開發(fā)過程中，界面開發(fā)者必須對每個界面提供完整的界面描述和界面行為描述，其中界面描述是指對每一個界面元素進(jìn)行的解釋描述，界面行為描述是指對界面元素所執(zhí)行的動作進(jìn)行的解釋描述。例如一個分?jǐn)?shù)查詢系統(tǒng)界面，界面業(yè)務(wù)開發(fā)者要設(shè)定好該網(wǎng)頁需要顯示的內(nèi)容，比如查分登錄窗口，成績單顯示窗口等，界面開發(fā)者根據(jù)界面業(yè)務(wù)開發(fā)者的要求具體對界面進(jìn)行分配和描述，例如將整個用戶界面分成三部分，對這三部分所處的位置和顯示的內(nèi)容進(jìn)行具體的描述，通常上述工作由界面業(yè)務(wù)開發(fā)者或界面開發(fā)者獨(dú)立完成。
[0003]但是，采用現(xiàn)有的web界面開發(fā)方法，由于瀏覽器本身的功能不能擴(kuò)展，在界面開發(fā)過程中，界面開發(fā)者必須對每一個界面中的元素進(jìn)行完整的描述，例如上述的分?jǐn)?shù)查詢系統(tǒng)的界面是分成了三部分并對該三部分的具體位置進(jìn)行了詳細(xì)的描述，現(xiàn)在開發(fā)者又想開發(fā)一個由三部分組成的界面，那么開發(fā)者必須對該界面中的三個部分的具體位置再重新進(jìn)行詳細(xì)的描述。因此，現(xiàn)有的web界面開發(fā)方法會給開發(fā)者造成巨大的工作量，且開發(fā)效率低下。

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

[0004]本發(fā)明提供一種基于網(wǎng)頁的界面生成方法，使得界面開發(fā)者的勞動成果可以積累，提高了界面生成地效率。
[0005]本發(fā)明提供一種基于網(wǎng)頁的界面生成方法，包括:
[0006]接收用戶輸入的界面調(diào)用請求，所述界面調(diào)用請求包括:界面元素子集的標(biāo)識以及排布規(guī)則指示和渲染規(guī)則指示，所述界面元素子集包括:至少一個界面元素的標(biāo)識、排布規(guī)則以及渲染規(guī)則；
[0007]根據(jù)所述界面調(diào)用請求從界面元素庫中調(diào)用所述界面元素子集，并將所述界面元素子集中的所述至少一個界面元素按照所述排布規(guī)則指示和所述排布規(guī)則進(jìn)行排布，以及按照所述渲染規(guī)則指示和所述渲染規(guī)則進(jìn)行渲染，獲取初始網(wǎng)頁界面；
[0008]接收所述用戶輸入的排布調(diào)整指令和渲染調(diào)整指令；
[0009]根據(jù)所述排布調(diào)整指令將所述初始網(wǎng)頁界面上全部或部分界面元素的排布進(jìn)行調(diào)整，并根據(jù)所述渲染調(diào)整指令調(diào)整所述初始網(wǎng)頁界面上全部或部分界面元素的渲染方式，獲取新的網(wǎng)頁界面。
[0010]進(jìn)一步地，本發(fā)明提供一種基于網(wǎng)頁的界面生成方法，還包括:
[0011]建立所述界面元素庫；
[0012]其中，所述界面元素庫中包括至少一個界面元素子集。
[0013]進(jìn)一步的，界面元素子集中還包括:動作規(guī)則;相應(yīng)地，所述界面調(diào)用請求還包括:動作規(guī)則指示；
[0014]所述根據(jù)所述界面調(diào)用請求從界面元素庫中調(diào)用所述界面元素子集，并將所述界面元素子集中的所述至少一個界面元素按照所述排布規(guī)則指示進(jìn)行排布，以及按照所述渲染指示進(jìn)行渲染之后，還包括:
[0015]按照所述動作規(guī)則指示和所述動作規(guī)則為所述至少一個界面元素添加動作。
[0016]其中，所述排布調(diào)整指令包括下述至少一種或其任意組合:添加界面元素指令、刪除界面元素指令、界面元素位置變化指令、界面元素大小變化指令。
[0017]其中，所述界面元素位置變化指令包括:所述界面元素在原始排布方式中所占比例增大或縮小預(yù)設(shè)值；
[0018]所述界面元素大小變化指令包括:所述界面元素按照原始排布方式增大或縮小預(yù)設(shè)比例。
[0019]其中，所述渲染調(diào)整指令包括下述至少一種或其任意組合:圖片繪制指令、線條繪制指令、文字繪制指令。
[0020]進(jìn)一步地，所述根據(jù)所述界面調(diào)用請求從界面元素庫中調(diào)用所述界面元素子集，并將所述界面元素子集中的所述至少一個界面元素按照所述排布規(guī)則指示和所述排布規(guī)則進(jìn)行排布，以及按照所述渲染規(guī)則指示和所述渲染規(guī)則進(jìn)行渲染，獲取初始網(wǎng)頁界面，包括:
[0021 ]將所述界面調(diào)用請求轉(zhuǎn)換為所述界面元素庫可識別指令；
[0022]根據(jù)所述界面元素庫可識別指令從界面元素庫中調(diào)用所述界面元素子集，并將所述界面元素子集中的所述至少一個界面元素按照所述排布規(guī)則指示和所述排布規(guī)則進(jìn)行排布，以及按照所述渲染規(guī)則指示和所述渲染規(guī)則進(jìn)行渲染，獲取初始網(wǎng)頁界面。
[0023]由上述技術(shù)方案可知，本發(fā)明的一種基于網(wǎng)頁的界面生成方法，接收用戶輸入的界面調(diào)用請求，所述界面調(diào)用請求包括:界面元素子集的標(biāo)識以及排布規(guī)則指示和渲染規(guī)則指示，所述界面元素子集包括:至少一個界面元素的標(biāo)識、排布規(guī)則以及渲染規(guī)則;根據(jù)所述界面調(diào)用請求從界面元素庫中調(diào)用所述界面元素子集，并將所述界面元素子集中的所述至少一個界面元素按照所述排布規(guī)則指示和所述排布規(guī)則進(jìn)行排布，以及按照所述渲染規(guī)則指示和所述渲染規(guī)則進(jìn)行渲染，獲取初始網(wǎng)頁界面，使得界面開發(fā)者的勞動成果可以積累，提高了界面生成地效率。
【附圖說明】
[0024]為了更清楚地說明本發(fā)明實(shí)施例或現(xiàn)有技術(shù)中的技術(shù)方案，下面將對實(shí)施例或現(xiàn)有技術(shù)描述中所需要使用的附圖作一簡單地介紹，顯而易見地，下面描述中的附圖是本發(fā)明的一些實(shí)施例，對于本領(lǐng)域普通技術(shù)人員來講，在不付出創(chuàng)造性勞動性的前提下，還可以根據(jù)這些附圖獲得其他的附圖。
[0025]圖1為本發(fā)明實(shí)施例一提供的一種基于網(wǎng)頁的界面生成方法的流程圖；
[0026]圖2位本發(fā)明實(shí)施例二提供的一種基于網(wǎng)頁的界面生成裝置結(jié)構(gòu)圖。
【具體實(shí)施方式】
[0027]為使本發(fā)明實(shí)施例的目的、技術(shù)方案和優(yōu)點(diǎn)更加清楚，下面將結(jié)合本發(fā)明實(shí)施例中的附圖，對本發(fā)明實(shí)施例中的技術(shù)方案進(jìn)行清楚、完整地描述，顯然，所描述的實(shí)施例是本發(fā)明一部分實(shí)施例，而不是全部的實(shí)施例。基于本發(fā)明中的實(shí)施例，本領(lǐng)域普通技術(shù)人員在沒有作出創(chuàng)造性勞動前提下所獲得的所有其他實(shí)施例，都屬于本發(fā)明保護(hù)的范圍。
[0028]本發(fā)明提供一種基于網(wǎng)頁的界面生成方法，該方法主要是基于直接在父窗口上繪圖系統(tǒng)(Paint on parent dc directly JI^lDirect UI)實(shí)現(xiàn)的，一般安裝有Direct UI系統(tǒng)的用戶設(shè)備均可以實(shí)現(xiàn)本發(fā)明所述的方法，通過本發(fā)明所提供的方法用戶可以容易的生成網(wǎng)頁界面，使得網(wǎng)頁界面開發(fā)工作容易積累，提高開發(fā)效率，但并不以此為限。
[0029]在用戶界面生成過程中DirectUI系統(tǒng)是直接建立在圖形輸出硬件驅(qū)動和用戶輸入硬件驅(qū)動上的圖形用戶接口系統(tǒng)(Graphical User Interface，簡稱⑶I)。在整個界面生成過程中它是作為界面描述和界面輸出的中間層，向上解釋界面描述和界面行為，向下輸出界面，并在中間層對界面描述和界面行為的控制起到擴(kuò)展的作用。目前典型的Direct UI系統(tǒng)包括各種瀏覽器引擎，以及以安卓(Android)UI為代表的用于快速應(yīng)用開發(fā)的UI系統(tǒng)和眾多開源項(xiàng)目。
[0030]圖1為本發(fā)明實(shí)施例一提供的基于網(wǎng)頁的界面生成方法的流程圖，如圖1所示，本實(shí)施例的方法可以包括:
[0031]步驟101、接收用戶輸入的界