一種頁(yè)面生成的方法、裝置和設(shè)備及計(jì)算機(jī)存儲(chǔ)介質(zhì)與流程

本技術(shù)涉及數(shù)據(jù)處理，具體涉及一種頁(yè)面生成的方法、裝置和設(shè)備及計(jì)算機(jī)存儲(chǔ)介質(zhì)。

背景技術(shù)：

1、隨著科技與社會(huì)的不斷發(fā)展，互聯(lián)網(wǎng)中的內(nèi)容呈爆發(fā)性地增長(zhǎng)，為了將互聯(lián)網(wǎng)中的內(nèi)容呈現(xiàn)給用戶，需要設(shè)計(jì)數(shù)量龐大的前端頁(yè)面來展示相應(yīng)的內(nèi)容。不止如此，為了更多的復(fù)用頁(yè)面設(shè)計(jì)方案，在同一頁(yè)面中也會(huì)向用戶展示不同的頁(yè)面元素，來滿足用戶的頁(yè)面操作需求。

2、相關(guān)技術(shù)下，在進(jìn)行前端頁(yè)面的開發(fā)時(shí)，針對(duì)不同的頁(yè)面操作在同一頁(yè)面展現(xiàn)不同的頁(yè)面元素的需求，一般的開發(fā)方式是：針對(duì)各種需求，對(duì)應(yīng)地開發(fā)相關(guān)頁(yè)面，以頁(yè)面與操作對(duì)應(yīng)的方式，使用不同的前端頁(yè)面滿足不同的操作需求，然后再在開發(fā)完成的前端頁(yè)面上，增加數(shù)據(jù)請(qǐng)求操作，以此滿足在前端頁(yè)面中向用戶展示數(shù)據(jù)內(nèi)容并由用戶進(jìn)行針對(duì)性的頁(yè)面操作的需求。

3、然而，這樣的開發(fā)方式只適用于頁(yè)面元素比較少的情況，因?yàn)轫?yè)面元素較少，所以可以針對(duì)不同的頁(yè)面元素分別開發(fā)設(shè)計(jì)相應(yīng)的前端頁(yè)面。

4、但是，當(dāng)頁(yè)面元素較多時(shí)，就無法針對(duì)繁多的頁(yè)面元素分別開發(fā)前端頁(yè)面。例如，在將復(fù)雜的產(chǎn)品進(jìn)行數(shù)據(jù)歸檔時(shí)，一個(gè)產(chǎn)品就有幾百個(gè)產(chǎn)品要素需要有對(duì)應(yīng)的頁(yè)面元素進(jìn)行數(shù)據(jù)的輸入與展示，而產(chǎn)品的數(shù)據(jù)更是成百上千，這樣就需要有大量對(duì)應(yīng)的頁(yè)面元素進(jìn)行相應(yīng)的展示，這就導(dǎo)致相應(yīng)的頁(yè)面布局方式、頁(yè)面元素組成的樣式多種多樣，如果還按照相關(guān)技術(shù)中的分別開發(fā)對(duì)應(yīng)的前端頁(yè)面，就會(huì)需要極高的開發(fā)成本以及人力資源。

5、因此，亟需一種新的頁(yè)面生成的方法，用以解決頁(yè)面元素較多的頁(yè)面如何快速便捷地生成的技術(shù)問題。

技術(shù)實(shí)現(xiàn)思路

1、本技術(shù)實(shí)施例提供一種頁(yè)面生成的方法、裝置和設(shè)備及計(jì)算機(jī)存儲(chǔ)介質(zhì)，用以解決頁(yè)面元素較多的頁(yè)面如何快速便捷地生成的問題。

2、第一方面，本技術(shù)實(shí)施例提供一種頁(yè)面生成的方法，應(yīng)用于金融產(chǎn)品對(duì)應(yīng)的線上管理系統(tǒng)，包括：

3、響應(yīng)于接收到的頁(yè)面生成指令，從預(yù)設(shè)的頁(yè)面模塊集中，選取出與所述頁(yè)面生成指令指示的待生成頁(yè)面對(duì)應(yīng)的至少一個(gè)頁(yè)面模塊；其中，每個(gè)頁(yè)面模塊包括至少一個(gè)頁(yè)面元素，每個(gè)頁(yè)面元素對(duì)應(yīng)一種待生成頁(yè)面中的展示內(nèi)容；

4、獲取所述至少一個(gè)頁(yè)面模塊對(duì)應(yīng)的配置文件；其中，所述配置文件中至少包括：所述至少一個(gè)頁(yè)面模塊中，各頁(yè)面模塊的布局信息，以及所述各頁(yè)面模塊包括的各頁(yè)面元素的數(shù)據(jù)接口信息，所述數(shù)據(jù)接口信息表征：獲取頁(yè)面元素的展示內(nèi)容時(shí)，對(duì)應(yīng)的數(shù)據(jù)傳輸規(guī)范與數(shù)據(jù)展示規(guī)范；

5、基于所述配置文件中的布局信息，將所述至少一個(gè)頁(yè)面模塊設(shè)置在生成的空白頁(yè)面中，以及，基于所述配置文件中的數(shù)據(jù)接口信息，為所述至少一個(gè)頁(yè)面模塊中的每個(gè)頁(yè)面元素配置相應(yīng)的數(shù)據(jù)交互接口；

6、基于所述數(shù)據(jù)交互接口，獲取所述待生成頁(yè)面的展示內(nèi)容，以獲得相應(yīng)的目標(biāo)生成頁(yè)面，展示所述目標(biāo)生成頁(yè)面對(duì)應(yīng)的目標(biāo)金融產(chǎn)品的信息。

7、可選的，所述從預(yù)設(shè)的頁(yè)面模塊集中，選取出與所述頁(yè)面生成指令指示的待生成頁(yè)面對(duì)應(yīng)的至少一個(gè)頁(yè)面模塊，包括：

8、獲取所述頁(yè)面生成指令中攜帶的所述待生成頁(yè)面的頁(yè)面標(biāo)識(shí)，基于所述頁(yè)面標(biāo)識(shí)，以及所述頁(yè)面標(biāo)識(shí)與頁(yè)面模塊對(duì)應(yīng)的關(guān)聯(lián)關(guān)系，從所述頁(yè)面模塊集中選取出相應(yīng)的至少一個(gè)頁(yè)面模塊；或者，

9、獲取所述頁(yè)面生成指令中攜帶的所述待生成頁(yè)面對(duì)應(yīng)的至少一個(gè)頁(yè)面模塊的模塊標(biāo)識(shí)，基于獲得的至少一個(gè)模塊標(biāo)識(shí)，從所述頁(yè)面模塊集中選取出相應(yīng)的至少一個(gè)頁(yè)面模塊。

10、可選的，所述配置文件中還包括以下一項(xiàng)或多項(xiàng)：

11、業(yè)務(wù)類型信息，表征：所述目標(biāo)生成頁(yè)面對(duì)應(yīng)的業(yè)務(wù)類型；所述業(yè)務(wù)類型為預(yù)設(shè)的業(yè)務(wù)類型集中的一種，所述業(yè)務(wù)類型集中包括：產(chǎn)品上線類型、產(chǎn)品修改類型、產(chǎn)品下線類型；

12、業(yè)務(wù)基礎(chǔ)信息，表征：所述目標(biāo)金融產(chǎn)品的產(chǎn)品信息。

13、可選的，所述數(shù)據(jù)接口信息包括以下一項(xiàng)或多項(xiàng)：

14、數(shù)據(jù)節(jié)點(diǎn)類型，表征：用于存儲(chǔ)和展示數(shù)據(jù)的頁(yè)面元素對(duì)應(yīng)的數(shù)據(jù)節(jié)點(diǎn)類型，其中，所述數(shù)據(jù)節(jié)點(diǎn)類型為預(yù)設(shè)的數(shù)據(jù)節(jié)點(diǎn)類型集中的一種；

15、數(shù)據(jù)節(jié)點(diǎn)層級(jí)，表征：用于存儲(chǔ)和展示數(shù)據(jù)的頁(yè)面元素與其他頁(yè)面元素之間的層級(jí)關(guān)系；

16、數(shù)據(jù)字典信息，表征：頁(yè)面元素的展示內(nèi)容中的數(shù)值的取值范圍以及所述數(shù)值的展示格式；

17、標(biāo)準(zhǔn)數(shù)據(jù)信息，表征：頁(yè)面元素對(duì)應(yīng)的展示內(nèi)容中，供目標(biāo)用戶選擇的多個(gè)備選數(shù)據(jù)內(nèi)容；

18、數(shù)據(jù)存儲(chǔ)信息，表征：將由所述目標(biāo)用戶輸入至頁(yè)面元素的輸入數(shù)據(jù)存儲(chǔ)至所述目標(biāo)金融產(chǎn)品對(duì)應(yīng)的數(shù)據(jù)庫(kù)時(shí)的存儲(chǔ)規(guī)范。

19、可選的，在所述獲得相應(yīng)的目標(biāo)生成頁(yè)面之后，所述方法還包括：

20、響應(yīng)于目標(biāo)用戶針對(duì)所述目標(biāo)生成頁(yè)面中的頁(yè)面元素的輸入操作，獲取相應(yīng)的輸入數(shù)據(jù)；

21、基于相應(yīng)的頁(yè)面元素對(duì)應(yīng)的數(shù)據(jù)交互接口，將接收到的輸入數(shù)據(jù)存儲(chǔ)至所述目標(biāo)金融產(chǎn)品對(duì)應(yīng)的數(shù)據(jù)庫(kù)中。

22、可選的，所述基于所述數(shù)據(jù)交互接口，獲取所述待生成頁(yè)面的展示內(nèi)容，包括：

23、基于所述至少一個(gè)頁(yè)面模塊中的每個(gè)頁(yè)面元素對(duì)應(yīng)的數(shù)據(jù)交互接口，從所述目標(biāo)金融產(chǎn)品對(duì)應(yīng)的數(shù)據(jù)庫(kù)中，獲取所述每個(gè)頁(yè)面元素對(duì)應(yīng)的數(shù)據(jù)信息；

24、基于獲得的各數(shù)據(jù)信息，分別對(duì)所述每個(gè)頁(yè)面元素進(jìn)行數(shù)據(jù)填充處理，并對(duì)所述每個(gè)頁(yè)面元素進(jìn)行渲染，獲得相應(yīng)的所述待生成頁(yè)面的展示內(nèi)容。

25、第二方面，本技術(shù)實(shí)施例提供一種頁(yè)面生成的裝置，應(yīng)用于金融產(chǎn)品對(duì)應(yīng)的線上管理系統(tǒng)，包括：

26、響應(yīng)模塊，用于響應(yīng)于接收到的頁(yè)面生成指令，從預(yù)設(shè)的頁(yè)面模塊集中，選取出與所述頁(yè)面生成指令指示的待生成頁(yè)面對(duì)應(yīng)的至少一個(gè)頁(yè)面模塊；其中，每個(gè)頁(yè)面模塊包括至少一個(gè)頁(yè)面元素，每個(gè)頁(yè)面元素對(duì)應(yīng)一種待生成頁(yè)面中的展示內(nèi)容；

27、獲取模塊，用于獲取所述至少一個(gè)頁(yè)面模塊對(duì)應(yīng)的配置文件；其中，所述配置文件中至少包括：所述至少一個(gè)頁(yè)面模塊中，各頁(yè)面模塊的布局信息，以及所述各頁(yè)面模塊包括的各頁(yè)面元素的數(shù)據(jù)接口信息，所述數(shù)據(jù)接口信息表征：獲取頁(yè)面元素的展示內(nèi)容時(shí)，對(duì)應(yīng)的數(shù)據(jù)傳輸規(guī)范與數(shù)據(jù)展示規(guī)范；

28、配置模塊，用于基于所述配置文件中的布局信息，將所述至少一個(gè)頁(yè)面模塊設(shè)置在生成的空白頁(yè)面中，以及，基于所述配置文件中的數(shù)據(jù)接口信息，為所述至少一個(gè)頁(yè)面模塊中的每個(gè)頁(yè)面元素配置相應(yīng)的數(shù)據(jù)交互接口；

29、生成模塊，用于基于所述數(shù)據(jù)交互接口，獲取所述待生成頁(yè)面的展示內(nèi)容，以獲得相應(yīng)的目標(biāo)生成頁(yè)面，展示所述目標(biāo)生成頁(yè)面對(duì)應(yīng)的目標(biāo)金融產(chǎn)品的信息。

30、可選的，所述響應(yīng)模塊用于從預(yù)設(shè)的頁(yè)面模塊集中，選取出與所述頁(yè)面生成指令指示的待生成頁(yè)面對(duì)應(yīng)的至少一個(gè)頁(yè)面模塊時(shí)，具體用于：

31、獲取所述頁(yè)面生成指令中攜帶的所述待生成頁(yè)面的頁(yè)面標(biāo)識(shí)，基于所述頁(yè)面標(biāo)識(shí)，以及所述頁(yè)面標(biāo)識(shí)與頁(yè)面模塊對(duì)應(yīng)的關(guān)聯(lián)關(guān)系，從所述頁(yè)面模塊集中選取出相應(yīng)的至少一個(gè)頁(yè)面模塊；或者，

32、獲取所述頁(yè)面生成指令中攜帶的所述待生成頁(yè)面對(duì)應(yīng)的至少一個(gè)頁(yè)面模塊的模塊標(biāo)識(shí)，基于獲得的至少一個(gè)模塊標(biāo)識(shí)，從所述頁(yè)面模塊集中選取出相應(yīng)的至少一個(gè)頁(yè)面模塊。

33、可選的，所述配置文件中還包括以下一項(xiàng)或多項(xiàng)：

34、業(yè)務(wù)類型信息，表征：所述目標(biāo)生成頁(yè)面對(duì)應(yīng)的業(yè)務(wù)類型；所述業(yè)務(wù)類型為預(yù)設(shè)的業(yè)務(wù)類型集中的一種，所述業(yè)務(wù)類型集中包括：產(chǎn)品上線類型、產(chǎn)品修改類型、產(chǎn)品下線類型；

35、業(yè)務(wù)基礎(chǔ)信息，表征：所述目標(biāo)金融產(chǎn)品的產(chǎn)品信息。

36、可選的，所述數(shù)據(jù)接口信息包括以下一項(xiàng)或多項(xiàng)：

37、數(shù)據(jù)節(jié)點(diǎn)類型，表征：用于存儲(chǔ)和展示數(shù)據(jù)的頁(yè)面元素對(duì)應(yīng)的數(shù)據(jù)節(jié)點(diǎn)類型，其中，所述數(shù)據(jù)節(jié)點(diǎn)類型為預(yù)設(shè)的數(shù)據(jù)節(jié)點(diǎn)類型集中的一種；

38、數(shù)據(jù)節(jié)點(diǎn)層級(jí)，表征：用于存儲(chǔ)和展示數(shù)據(jù)的頁(yè)面元素與其他頁(yè)面元素之間的層級(jí)關(guān)系；

39、數(shù)據(jù)字典信息，表征：頁(yè)面元素的展示內(nèi)容中的數(shù)值的取值范圍以及所述數(shù)值的展示格式；

40、標(biāo)準(zhǔn)數(shù)據(jù)信息，表征：頁(yè)面元素對(duì)應(yīng)的展示內(nèi)容中，供目標(biāo)用戶選擇的多個(gè)備選數(shù)據(jù)內(nèi)容；

41、數(shù)據(jù)存儲(chǔ)信息，表征：將由所述目標(biāo)用戶輸入至頁(yè)面元素的輸入數(shù)據(jù)存儲(chǔ)至所述目標(biāo)金融產(chǎn)品對(duì)應(yīng)的數(shù)據(jù)庫(kù)時(shí)的存儲(chǔ)規(guī)范。

42、可選的，在所述獲得相應(yīng)的目標(biāo)生成頁(yè)面之后，所述生成模塊還用于：

43、響應(yīng)于目標(biāo)用戶針對(duì)所述目標(biāo)生成頁(yè)面中的頁(yè)面元素的輸入操作，獲取相應(yīng)的輸入數(shù)據(jù)；

44、基于相應(yīng)的頁(yè)面元素對(duì)應(yīng)的數(shù)據(jù)交互接口，將接收到的輸入數(shù)據(jù)存儲(chǔ)至所述目標(biāo)金融產(chǎn)品對(duì)應(yīng)的數(shù)據(jù)庫(kù)中。

45、可選的，所述生成模塊用于基于所述數(shù)據(jù)交互接口，獲取所述待生成頁(yè)面的展示內(nèi)容時(shí)，具體用于：

46、基于所述至少一個(gè)頁(yè)面模塊中的每個(gè)頁(yè)面元素對(duì)應(yīng)的數(shù)據(jù)交互接口，從所述目標(biāo)金融產(chǎn)品對(duì)應(yīng)的數(shù)據(jù)庫(kù)中，獲取所述每個(gè)頁(yè)面元素對(duì)應(yīng)的數(shù)據(jù)信息；

47、基于獲得的各數(shù)據(jù)信息，分別對(duì)所述每個(gè)頁(yè)面元素進(jìn)行數(shù)據(jù)填充處理，并對(duì)所述每個(gè)頁(yè)面元素進(jìn)行渲染，獲得相應(yīng)的所述待生成頁(yè)面的展示內(nèi)容。

48、第三方面，本技術(shù)實(shí)施例提供一種電子設(shè)備，包括：至少一個(gè)處理器；以及與所述至少一個(gè)處理器通信連接的存儲(chǔ)器；其中，所述存儲(chǔ)器存儲(chǔ)有可被所述至少一個(gè)處理器執(zhí)行的指令，所述至少一個(gè)處理器通過執(zhí)行所述存儲(chǔ)器存儲(chǔ)的指令，使得所述至少一個(gè)處理器通過執(zhí)行第一方面或第一方面任一種可選的實(shí)施方式中所述的方法。

49、第四方面，本技術(shù)實(shí)施例提供一種計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)，所述計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)用于存儲(chǔ)指令，當(dāng)所述指令被執(zhí)行時(shí)，使如第一方面或第一方面任一種可選的實(shí)施方式中的方法被實(shí)現(xiàn)。

50、第五方面，本技術(shù)實(shí)施例提供一種包含指令的計(jì)算機(jī)程序產(chǎn)品，所述計(jì)算機(jī)程序產(chǎn)品中存儲(chǔ)有指令，當(dāng)其在計(jì)算機(jī)上運(yùn)行時(shí)，使得計(jì)算機(jī)執(zhí)行如上述第一方面或第一方面任一種可選的實(shí)施方式所述的方法。

51、本技術(shù)有益效果如下：

52、在本方案中，通過預(yù)先設(shè)置頁(yè)面模塊集，使得響應(yīng)于頁(yè)面生成指令時(shí)，可以直接選取對(duì)應(yīng)的頁(yè)面模塊進(jìn)行頁(yè)面生成，提高了頁(yè)面設(shè)計(jì)過程中，頁(yè)面元素的復(fù)用率，降低了頁(yè)面開發(fā)成本；同時(shí)，選擇頁(yè)面生成指令對(duì)應(yīng)的頁(yè)面模塊進(jìn)行頁(yè)面生成，僅需要進(jìn)行簡(jiǎn)單的組合操作，即可完成頁(yè)面的生成，提高了頁(yè)面生成的效率。

53、另一方面，將對(duì)頁(yè)面元素的數(shù)據(jù)接口的配置信息集成在了預(yù)設(shè)的頁(yè)面模塊的配置文件中，使得在依據(jù)頁(yè)面模塊的配置文件生成頁(yè)面時(shí)，可以直接為頁(yè)面元素配置相應(yīng)的數(shù)據(jù)交互接口，避免了只能生成頁(yè)面框架，而導(dǎo)致后續(xù)還需要針對(duì)不同的頁(yè)面元素進(jìn)行數(shù)據(jù)接口配置的繁瑣操作，提高了頁(yè)面生成并展示內(nèi)容的速度與效率，進(jìn)一步地降低了頁(yè)面開發(fā)成本，提高了頁(yè)面元素的利用率。