一種生成適配頁面的方法及裝置與流程
2023-06-14 20:44:06 5
本發明涉及適配技術領域，尤其涉及一種生成適配頁面的方法及裝置。
背景技術：
隨著通信技術的發展，行動裝置在人們的生活中應用越來越廣泛，如手機、平板電腦等。在很多情況下，人們身處外部網絡環境，卻需要訪問企業內網進行辦公，也就是說，需要採用行動裝置來訪問企業系統，由於行動裝置的顯示屏一般比筆記本或者臺式機的顯示屏小，雖然採用行動裝置也可以訪問企業系統，但是需要用戶將頁面多次放大，過程繁瑣、用戶體驗較差。
目前主要採用如下兩種方式來解決上述問題：一種為開發一套行動裝置版的企業系統，例如，企業系統的APP；另一種為採用基於API(Application Programming Interface，應用程式編程接口)開發一套行動裝置版的企業系統，其中，企業系統包括操作界面和資料庫。
第一種方法開發的企業系統的操作界面和資料庫都是新的，因此存在複雜度較高、安全性較低的缺陷；第二種方法需要對企業系統要做出改動，因此，也存在複雜度較高和安全性較低的缺陷。
技術實現要素：
鑑於上述問題，提出了本發明，以便提供一種克服上述問題或者至少部分地解決上述問題的一種生成適配頁面的方法及裝置，用於解決現有技術中存在的複雜度較高、安全性較低的缺陷。
在本發明實施方式的第一方面中，提供了一種生成適配頁面的方法，包括：
獲取源頁面，並從所述源頁面中提取出所述源頁面的第一結構；
採用預設規則根據所述第一結構確定適配頁面的第二結構，在所述第一結構中存在與所述第二結構中的任意一目標模塊相對應的初始模塊，所述第二結構中的任意兩個不同的目標模塊對應不同的初始模塊；
將所述第二結構作為所述適配頁面。
在一個實施方式中，根據本發明的上述實施方式所述的方法，所述方法還包括：
從所述源頁面中提取所述第一結構中的每一初始模塊對應的組件。
在一些實施方式中，根據本發明的上述任一實施方式所述的方法，所述方法還包括：
存儲所述每一初始模塊與對應的組件的第一映射關係、所述每一初始模塊與對應的目標模塊的第二映射關係。
在一些實施方式中，根據本發明的上述任一實施方式所述的方法，從所述源頁面中提取出所述源頁面的第一結構，包括：
獲取DOM文件，並從所述DOM文件中提取出所述源頁面的第一結構；
從所述源頁面中提取出所述第一結構中的每一初始模塊對應的組件，包括：
獲取DOM文件，並從所述DOM文件中提取出所述第一結構中的每一初始模塊對應的組件。
在一些實施方式中，根據本發明的上述任一實施方式所述的方法，所述第一結構中的全部初始模塊均存在對應的目標模塊；或者，所述第一結構中的部分初始模塊均存在對應的目標模塊。
在本發明實施方式的第二方面中，提供了一種生成適配頁面的裝置，包括：
獲取單元，用於獲取源頁面；
提取單元，用於從所述源頁面中提取出所述源頁面的第一結構；
確定單元，用於採用預設規則根據所述第一結構確定適配頁面的第二結構，在所述第一結構中存在與所述第二結構中的任意一目標模塊相對應的初始模塊，所述第二結構中的任意兩個不同的目標模塊對應不同的初始模塊；
所述確定單元還用於，將所述第二結構作為所述適配頁面。
在一個實施方式中，根據本發明的上述實施方式所述的裝置，所述提取單元還用於，從所述源頁面中提取所述第一結構中的每一初始模塊對應的組件。
在一些實施方式中，根據本發明的上述任一實施方式所述的裝置，所述裝置還包括存儲單元，用於存儲所述每一初始模塊與對應的組件的第一映射關係、所述每一初始模塊與對應的目標模塊的第二映射關係。
在一些實施方式中，根據本發明的上述任一實施方式所述的裝置，所述獲取單元還用於，獲取DOM文件；
所述提取單元從所述源頁面中提取出所述源頁面的第一結構時，具體為：
從所述DOM文件中提取出所述源頁面的第一結構；
所述提取單元從所述源頁面中提取出所述第一結構中的每一初始模塊對應的組件時，具體為：
從所述DOM文件中提取出所述第一結構中的每一初始模塊對應的組件。
在一些實施方式中，根據本發明的上述任一實施方式所述的裝置，所述第一結構中的全部初始模塊均存在對應的目標模塊；或者，所述第一結構中的部分初始模塊均存在對應的目標模塊。
本發明實施例中，提出一種生成適配頁面的方法：獲取源頁面，並從所述源頁面中提取出所述源頁面的第一結構；採用預設規則根據所述第一結構確定適配頁面的第二結構，在所述第一結構中存在與所述第二結構中的任意一目標模塊相對應的初始模塊，所述第二結構中的任意兩個不同的目標模塊對應不同的初始模塊；將所述第二結構作為所述適配頁面，在該方案中不需要開發新的資料庫，也不需要對企業系統進行改進，因此，解決了現有技術中存在的複雜度較高、安全性較低的缺陷。
上述說明僅是本發明技術方案的概述，為了能夠更清楚了解本發明的技術手段，而可依照說明書的內容予以實施，並且為了讓本發明的上述和其它目的、特徵和優點能夠更明顯易懂，以下特舉本發明的具體實施方式。
附圖說明
通過閱讀下文優選實施方式的詳細描述，各種其他的優點和益處對於本領域普通技術人員將變得清楚明了。附圖僅用於示出優選實施方式的目的，而並不認為是對本發明的限制。而且在整個附圖中，用相同的參考符號表示相同的部件。在附圖中：
圖1A是根據本發明的實施例提出的生成適配頁面的方法的一種流程圖；
圖1B是現有技術中的源頁面的示意圖；
圖1C是根據本發明的實施例提出的適配頁面的一種示意圖；
圖1D是根據本發明的實施例提出的適配頁面的另一種示意圖；
圖1E是對適配頁面進行操作後呈現的頁面的一種示意圖；
圖1F是對源頁面進行操作後呈現的頁面的一種示意圖；
圖2是根據本發明的實施例提出的生成適配頁面的裝置的示意圖。
具體實施方式
下面將參照附圖更詳細地描述本公開的示例性實施例。雖然附圖中顯示了本公開的示例性實施例，然而應當理解，可以以各種形式實現本公開而不應被這裡闡述的實施例所限制。相反，提供這些實施例是為了能夠更透徹地理解本公開，並且能夠將本公開的範圍完整的傳達給本領域的技術人員。
圖1A示意性地示出了根據本發明實施方式的生成適配頁面的方法10的流程示意圖。如圖1A所示，該方法10可以包括步驟100、110和120。
步驟100：獲取源頁面，並從所述源頁面中提取出所述源頁面的第一結構；
步驟110：採用預設規則根據所述第一結構確定適配頁面的第二結構，在所述第一結構中存在與所述第二結構中的任意一目標模塊相對應的初始模塊，所述第二結構中的任意兩個不同的目標模塊對應不同的初始模塊；
步驟120：將所述第二結構作為所述適配頁面。
例如：圖1B是員工A的起草申請這一項的源頁面，源頁面中包括人力行政部這一部分，這一部分包括10個初始模塊：員工轉正申請審批表、員工請假申請單、員工薪資調整審批表、季度考核表(技術部門)、季度考核表(職能部門)、出差申請單、員工辭職申請書、銷假申請單、外出申請單、實習生轉正申請表，這10個初始模塊以兩行進行呈現，其中，第一行包括7個初始模塊，第二行包括3個初始模塊，也就是說，源頁面的第一結構包括兩行，第一行包括7個初始模塊，第二行包括3個初始模塊，根據第一結構確定的適配頁面的第二結構可以如圖1C所示，第二結構中包括10行，每一行包括1個目標模塊，當然，也可以如圖1D所示，第二行包括5行，每一行包括2個目標模塊。
需要說明的是，本發明實施例中所描述的初始模塊指的是源頁面中的部分，目標模塊指的是適配頁面中的部分，如圖1B中的員工轉正申請審批表、員工請假申請單、員工薪資調整審批表等均為初始模塊，圖1C中的員工轉正申請審批表、員工請假申請單、員工薪資調整審批表等均為目標模塊。
本發明實施例中，用戶對適配頁面進行操作時可以呈現對應的頁面，而呈現的頁面不僅包括頁面結構，還包括結構中填充的數據，而執行步驟100-120後生成的是適配頁面的結構，為了使得用戶在對適配頁面操作時成功呈現對應的頁面，進一步的，方法10還包括如下操作：
從所述源頁面中提取所述第一結構中的每一初始模塊對應的組件。
仍以圖1B為例進行說明，要提取員工轉正申請審批表對應的組件、員工請假申請單對應的組件、員工薪資調整審批表對應的組件、季度考核表(技術部門)對應的組件、季度考核表(職能部門)對應的組件、出差申請單對應的組件、員工辭職申請書對應的組件、銷假申請單對應的組件、外出申請單對應的組件、實習生轉正申請表對應的組件。這樣，用戶在點擊圖1C或者圖1D中的每一個目標模塊時可以根據對應的組件進行頁面呈現，例如，用戶點擊圖1C或者圖1D中的員工轉正申請審批表目標模塊時，行動裝置根據員工轉正申請審批表對應的組件進行頁面呈現，呈現的頁面如圖1E所示。用戶點擊圖1B中的員工轉正申請審批表這一初始模塊時，呈現如圖1F所示的頁面。
本發明實施例中，源頁面和適配頁面的結構不同，也就是說同一模塊在源頁面和在適配頁面中的位置不同，但是對應的組件應該是相同的，例如，員工薪資調整審批表這一模塊在源頁面圖1B中處於第一行、第三列，在適配頁面圖1C中處於第三行、第一列，在適配頁面圖1D中處於第二行、第一列，但是不管處於頁面中的什麼位置與該模塊對應的組件是相同的，因此，本發明實施例中，還包括如下操作：
存儲所述每一初始模塊與對應的組件的第一映射關係、所述每一初始模塊與對應的目標模塊的第二映射關係。
例如，組件1對應初始模塊1、初始模塊1對應目標模塊1，那麼用戶在點擊目標模塊1時，行動裝置根據第二映射關係確定出初始模塊1，再根據確定出的初始模塊1和第一映射關係進一步可以確定出組件1，這樣，用戶在點擊目標模塊1時，行動裝置可以調用組件1，並將組件1進行頁面呈現。
本發明實施例中，從所述源頁面中提取出所述源頁面的第一結構的方式有多種，可選地，可以採用如下方式：
獲取DOM(Document Object Model，文件對象模型)文件，並從所述DOM文件中提取出所述源頁面的第一結構；
從所述源頁面中提取出所述第一結構中的每一初始模塊對應的組件時，可選地，可以採用如下方式：
獲取DOM文件，並從所述DOM文件中提取出所述第一結構中的每一初始模塊對應的組件。
上述只是獲取第一結構和第一初始模塊對應的組件的具體方式，在實際應用中，並不限定於上述方式。
本發明實施例中，所述第一結構中的全部初始模塊均存在對應的目標模塊；或者，所述第一結構中的部分初始模塊均存在對應的目標模塊。
也就是說，源頁面中的初始模塊可以全部有對應的目標模塊，或者只有部分有對應的目標模塊。
例如，圖1B所示的源頁面中人力行政部這一部分包括10個初始模塊，其中，可以是10個初始模塊都有對應的目標模塊，即存在10個目標模塊，或者，也可以是8個初始模塊有對應的目標模塊，2個初始模塊沒有對應的目標模塊。
前面是以起草申請中僅包括人力行政部這一部分為例進行說明，在實際應用中，起草申請可以包括人力行政部和財務部，或者進一步的，再包括其他部分，在此不做具體限定。
在該方案中，不需要開發新的資料庫，也不是基於API接口進行開發的，因此，解決了現有技術中存在的複雜度較高的缺陷。
參閱圖2所示，本發明實施例還提出一種生成適配頁面的裝置20的示意圖，生成適配頁面的裝置20包括獲取單元200、提取單元210、確定單元220，其中：
獲取單元200，用於獲取源頁面；
提取單元210，用於從所述源頁面中提取出所述源頁面的第一結構；
確定單元220，用於採用預設規則根據所述第一結構確定適配頁面的第二結構，在所述第一結構中存在與所述第二結構中的任意一目標模塊相對應的初始模塊，所述第二結構中的任意兩個不同的目標模塊對應不同的初始模塊；
所述確定單元220還用於，將所述第二結構作為所述適配頁面。
例如：圖1B是員工A的起草申請這一項的源頁面，源頁面中包括人力行政部這一部分，這一部分包括10個初始模塊：員工轉正申請審批表、員工請假申請單、員工薪資調整審批表、季度考核表(技術部門)、季度考核表(職能部門)、出差申請單、員工辭職申請書、銷假申請單、外出申請單、實習生轉正申請表，這10個初始模塊以兩行進行呈現，其中，第一行包括7個初始模塊，第二行包括3個初始模塊，也就是說，源頁面的第一結構包括兩行，第一行包括7個初始模塊，第二行包括3個初始模塊，根據第一結構確定的適配頁面的第二結構可以如圖1C所示，第二結構中包括10行，每一行包括1個目標模塊，當然，也可以如圖1D所示，第二行包括5行，每一行包括2個目標模塊。
需要說明的是，本發明實施例中所描述的初始模塊指的是源頁面中的部分，目標模塊指的是適配頁面中的部分，如圖1B中的員工轉正申請審批表、員工請假申請單、員工薪資調整審批表等均為初始模塊，圖1C中的員工轉正申請審批表、員工請假申請單、員工薪資調整審批表等均為目標模塊。
本發明實施例中，用戶對適配頁面進行操作時可以呈現對應的頁面，而呈現的頁面不僅包括頁面結構，還包括結構中填充的數據，為了使得用戶在對適配頁面操作時成功呈現對應的頁面，進一步的，所述提取單元210還用於，從所述源頁面中提取所述第一結構中的每一初始模塊對應的組件。
仍以圖1B為例進行說明，要提取員工轉正申請審批表對應的組件、員工請假申請單對應的組件、員工薪資調整審批表對應的組件、季度考核表(技術部門)對應的組件、季度考核表(職能部門)對應的組件、出差申請單對應的組件、員工辭職申請書對應的組件、銷假申請單對應的組件、外出申請單對應的組件、實習生轉正申請表對應的組件。這樣，用戶在點擊圖1C或者圖1D中的每一個目標模塊時可以根據對應的組件進行頁面呈現，例如，用戶點擊圖1C或者圖1D中的員工轉正申請審批表目標模塊時，行動裝置根據員工轉正申請審批表對應的組件進行頁面呈現，呈現的頁面如圖1E所示。用戶點擊圖1B中的員工轉正申請審批表這一初始模塊時，呈現如圖1F所示的頁面。
本發明實施例中，源頁面和適配頁面的結構不同，也就是說同一模塊在源頁面和在適配頁面中的位置不同，但是對應的組件應該是相同的，例如，員工薪資調整審批表這一模塊在源頁面圖1B中處於第一行、第三列，在適配頁面圖1C中處於第三行、第一列，在適配頁面圖1D中處於第二行、第一列，但是不管處於頁面中的什麼位置與該模塊對應的組件是相同的，因此，本發明實施例中，所述裝置還包括存儲單元230，用於存儲所述每一初始模塊與對應的組件的第一映射關係、所述每一初始模塊與對應的目標模塊的第二映射關係。
例如，組件1對應初始模塊1、初始模塊1對應目標模塊1，那麼用戶在點擊目標模塊1時，行動裝置根據第二映射關係確定出初始模塊1，再根據確定出的初始模塊1和第一映射關係進一步可以確定出組件1，這樣，用戶在點擊目標模塊1時，行動裝置可以調用組件1，並將組件1進行頁面呈現。
本發明實施例中，進一步的，所述獲取單元200還用於，獲取DOM文件；
所述提取單元210從所述源頁面中提取出所述源頁面的第一結構時，具體為：
從所述DOM文件中提取出所述源頁面的第一結構；
所述提取單元210從所述源頁面中提取出所述第一結構中的每一初始模塊對應的組件時，具體為：
從所述DOM文件中提取出所述第一結構中的每一初始模塊對應的組件。
上述只是獲取第一結構和第一初始模塊對應的組件的具體方式，在實際應用中，並不限定於上述方式。
本發明實施例中，可選地，所述第一結構中的全部初始模塊均存在對應的目標模塊；或者，所述第一結構中的部分初始模塊均存在對應的目標模塊。
也就是說，源頁面中的初始模塊可以全部有對應的目標模塊，或者只有部分有對應的目標模塊。
例如，圖1B所示的源頁面中人力行政部這一部分包括10個初始模塊，其中，可以是10個初始模塊都有對應的目標模塊，即存在10個目標模塊，或者，也可以是8個初始模塊有對應的目標模塊，2個初始模塊沒有對應的目標模塊。
前面是以起草申請中僅包括人力行政部這一部分為例進行說明，在實際應用中，起草申請可以包括人力行政部和財務部，或者進一步的，再包括其他部分，在此不做具體限定。
在該方案中，不需要開發新的資料庫，也不是基於API接口進行開發的，因此，解決了現有技術中存在的複雜度較高的缺陷。
在此提供的方法和裝置不與任何特定計算機、虛擬系統或者其它設備固有相關。各種通用系統也可以與基於在此的示教一起使用。根據上面的描述，構造這類裝置所要求的結構是顯而易見的。此外，本發明也不針對任何特定程式語言。應當明白，可以利用各種程式語言實現在此描述的本發明的內容，並且上面對特定語言所做的描述是為了披露本發明的最佳實施方式。
在此處所提供的說明書中，說明了大量具體細節。然而，能夠理解，本發明的實施例可以在沒有這些具體細節的情況下實踐。在一些實例中，並未詳細示出公知的方法、結構和技術，以便不模糊對本說明書的理解。
類似地，應當理解，為了精簡本公開並幫助理解各個發明方面中的一個或多個，在上面對本發明的示例性實施例的描述中，本發明的各個特徵有時被一起分組到單個實施例、圖、或者對其的描述中。然而，並不應將該公開的方法解釋成反映如下意圖：即所要求保護的本發明要求比在每個權利要求中所明確記載的特徵更多的特徵。更確切地說，如權利要求書所反映的那樣，發明方面在於少於前面公開的單個實施例的所有特徵。因此，遵循具體實施方式的權利要求書由此明確地併入該具體實施方式，其中每個權利要求本身都作為本發明的單獨實施例。
本領域那些技術人員可以理解，可以對實施例中的裝置中的模塊進行自適應性地改變並且把它們設置在與該實施例不同的一個或多個裝置中。可以把實施例中的若干模塊組合成一個模塊或單元或組件，以及此外可以把它們分成多個子模塊或子單元或子組件。除了這樣的特徵和/或過程或者模塊中的至少一些是相互排斥之外，可以採用任何組合對本說明書(包括伴隨的權利要求、摘要和附圖)中公開的所有特徵以及如此公開的任何方法或者設備的所有過程或單元進行組合。除非另外明確陳述，本說明書(包括伴隨的權利要求、摘要和附圖)中公開的每個特徵可以由提供相同、等同或相似目的替代特徵來代替。
此外，本領域的技術人員能夠理解，儘管在此所述的一些實施例包括其它實施例中所包括的某些特徵而不是其它特徵，但是不同實施例的特徵的組合意味著處於本發明的範圍之內並且形成不同的實施例。例如，在權利要求書中，所要求保護的實施例的任意之一都可以以任意的組合方式來使用。
本發明的各個裝置實施例可以以硬體實現，或者以在一個或者多個處理器上運行的軟體模塊實現，或者以它們的組合實現。本領域的技術人員應當理解，可以在實踐中使用微處理器或者數位訊號處理器(DSP)來實現根據本發明實施例的裝置中的一些或者全部模塊的一些或者全部功能。本發明還可以實現為用於執行這裡所描述的方法的一部分或者全部的裝置程序(例如，電腦程式和電腦程式產品)。這樣的實現本發明的程序可以存儲在計算機可讀介質上，或者可以具有一個或者多個信號的形式。這樣的信號可以從網際網路網站上下載得到，或者在載體信號上提供，或者以任何其他形式提供。
應該注意的是上述實施例對本發明進行說明而不是對本發明進行限制，並且本領域技術人員在不脫離所附權利要求的範圍的情況下可設計出替換實施例。在權利要求中，不應將位於括號之間的任何參考符號構造成對權利要求的限制。單詞「包含」不排除存在未列在權利要求中的元件或步驟。位於元件之前的單詞「一」或「一個」不排除存在多個這樣的元件。本發明可以藉助於包括有若干不同元件的硬體以及藉助於適當編程的計算機來實現。在列舉了若干裝置的單元權利要求中，這些裝置中的若干個可以是通過同一個硬體項來具體體現。單詞第一、第二、以及第三等的使用不表示任何順序。可將這些單詞解釋為名稱。