【技術(shù)實現(xiàn)步驟摘要】
本申請涉及軟件開發(fā)，尤其涉及一種前端頁面代碼生成方法、裝置、電子設備及存儲介質(zhì)。
技術(shù)介紹
1、前端頁面是指在互聯(lián)網(wǎng)應用中，用戶可以直接通過瀏覽器查看和交互的界面部分。目前，前端頁面的開發(fā)主要是先由前端頁面的設計人員進行設計，得到前端頁面的設計圖，隨后由前端開發(fā)人員根據(jù)設計圖編寫代碼，從而得到前端頁面的代碼。前端頁面開發(fā)需求較大，然而，即使是面對與已開發(fā)完成的前端頁面的頁面風格和頁面組件等極為相似的前端頁面，都需要前端開發(fā)人員重新去進行代碼的編寫，導致前端頁面的開發(fā)效率低。因此，如何提高前端頁面的開發(fā)效率，成為了亟待解決的技術(shù)問題。
技術(shù)實現(xiàn)思路
1、本申請實施例的主要目的在于提出一種前端頁面代碼生成方法、裝置、電子設備及存儲介質(zhì)，旨在提高前端頁面的開發(fā)效率。
2、為實現(xiàn)上述目的，本申請實施例的第一方面提出了一種前端頁面代碼生成方法，所述方法包括：
3、獲取前端頁面的設計參數(shù)，所述設計參數(shù)包括所述前端頁面的私有屬性、公共屬性、私有方法以及公共方法；
4、響應于平臺選擇輸入，獲取目標平臺的配置信息，所述目標平臺根據(jù)所述平臺選擇輸入確定，所述配置信息包括格式轉(zhuǎn)換規(guī)則；
5、從模板數(shù)據(jù)庫中獲取所述目標平臺的平臺標識對應的代碼模板，所述模板數(shù)據(jù)庫包括多個平臺標識，以及每個平臺標識對應的代碼模板；
6、根據(jù)所述格式轉(zhuǎn)換規(guī)則對所述設計參數(shù)進行格式轉(zhuǎn)換，得到目標參數(shù)；
7、根據(jù)所述目標參數(shù)和所述代碼模板，得到所述前端頁面的目
8、在一些實施例，所述根據(jù)所述目標參數(shù)和所述代碼模板，得到所述前端頁面的目標代碼，包括：
9、將所述代碼模板中的第一插入點的占位符替換為所述目標參數(shù)中的私有屬性，以及將所述代碼模板中的第二插入點的占位符替換為所述目標參數(shù)中的公共屬性，所述私有屬性包括私有屬性名稱和私有屬性值，所述公共屬性包括公共屬性名稱和公共屬性值，所述第一插入點的占位符與所述私有屬性名稱匹配，所述第二插入點的占位符與所述公共屬性名稱匹配；
10、將所述私有方法與所述模板數(shù)據(jù)庫中的預設方法名稱進行匹配，得到所述私有方法對應的私有方法的實現(xiàn)代碼，以及，將所述公共方法與所述模板數(shù)據(jù)庫中的預設方法名稱進行匹配，得到所述公共方法對應的公共方法的實現(xiàn)代碼；所述私有方法和所述公共方法均為方法的名稱，所述模板數(shù)據(jù)庫包括多個所述預設方法名稱，以及每個所述預設方法名稱對應的方法的實現(xiàn)代碼；
11、將所述私有方法的實現(xiàn)代碼和所述公共方法的實現(xiàn)代碼分別填充至所述代碼模板中，得到所述前端頁面的目標代碼。
12、在一些實施例，所述前端頁面包括多個前端組件，所述根據(jù)所述目標參數(shù)和所述代碼模板，得到所述前端頁面的目標代碼，包括：
13、若組件數(shù)據(jù)庫中存儲有多個所述前端組件中的第一前端組件的代碼，則從組件數(shù)據(jù)庫中獲取所述第一前端組件的代碼；
14、對于多個所述前端組件中的第二前端組件，根據(jù)所述目標參數(shù)中的所述第二前端組件對應的參數(shù)以及所述代碼模板中的所述第二前端組件對應的代碼子模板，得到所述第二前端組件的代碼，所述第二前端代碼是多個所述前端組件中的除所述第一前端組件以外的前端組件；
15、根據(jù)所述第一前端組件的代碼和所述第二前端組件的代碼，得到所述目標代碼。
16、在一些實施例，所述目標參數(shù)包括多個所述前端組件之間的關聯(lián)關系，在所述根據(jù)所述第一前端組件的代碼和所述第二前端組件的代碼，得到所述目標代碼，得到所述目標代碼之前，所述方法還包括：
17、若所述第一前端組件和所述第二前端組件存在關聯(lián)關系，則將所述第一前端組件的代碼中的第三插入點的占位符替換為所述第二前端組件的名稱，得到更新后的第一前端組件的代碼，以及將第二前端組件的代碼中的第四插入點的占位符替換為所述第一前端組件的名稱，得到更新后的第二前端組件的代碼，所述第三插入點的占位符與所述第二前端組件的名稱匹配，所述第四插入點的占位符與所述第一前端組件的名稱匹配。
18、在一些實施例，所述配置信息還包括文件目錄結(jié)構(gòu)，所述前端頁面包括多個前端組件，所述目標代碼包括多個所述前端組件的代碼，在所述根據(jù)所述目標參數(shù)和所述代碼模板，得到所述前端頁面的目標代碼之后，所述方法還包括：
19、根據(jù)所述文件目錄結(jié)構(gòu)，得到所述前端頁面的代碼文件目錄；
20、獲取每個所述前端組件的代碼對應的名稱以及每個所述前端組件的代碼的存儲位置；
21、根據(jù)每個所述前端組件的代碼對應的名稱以及每個所述前端組件的代碼的存儲位置，確定每個所述前端組件的代碼對應的目錄項，得到多個所述目錄項；
22、將多個所述目錄項存儲于所述代碼文件目錄中。
23、在一些實施例，在所述將多個所述目錄項存儲于所述代碼文件目錄中之后，所述方法還包括：
24、顯示所述代碼文件目錄；
25、接收對所述代碼文件目錄中的至少一個所述目錄項的選擇指令；
26、響應于所述選擇指令，顯示所述目錄項對應的所述前端組件的代碼。
27、在一些實施例，在所述根據(jù)所述目標參數(shù)和所述代碼模板，得到所述前端頁面的目標代碼之后，所述方法還包括：
28、接收修改輸入，所述修改輸入包括修改參數(shù)；
29、響應于所述修改輸入，將所述目標參數(shù)更改為所述修改參數(shù)，并根據(jù)所述修改參數(shù)和所述代碼模板，生成更新后的目標代碼。
30、為實現(xiàn)上述目的，本申請實施例的第二方面提出了一種前端頁面代碼生成裝置，所述裝置包括：
31、參數(shù)獲取模塊，用于獲取前端頁面的設計參數(shù)，所述設計參數(shù)包括所述前端頁面的私有屬性、公共屬性、私有方法以及公共方法；
32、配置信息獲取模塊，用于響應于平臺選擇輸入，獲取目標平臺的配置信息，所述目標平臺根據(jù)所述平臺選擇輸入確定，所述配置信息包括格式轉(zhuǎn)換規(guī)則；
33、模板獲取模塊，用于從模板數(shù)據(jù)庫中獲取所述目標平臺的平臺標識對應的代碼模板，所述模板數(shù)據(jù)庫包括多個平臺標識，以及每個平臺標識對應的代碼模板；
34、轉(zhuǎn)換模塊，用于根據(jù)所述格式轉(zhuǎn)換規(guī)則對所述設計參數(shù)進行格式轉(zhuǎn)換，得到目標參數(shù)；
35、代碼生成模塊，用于根據(jù)所述目標參數(shù)和所述代碼模板，得到所述前端頁面的目標代碼。
36、為實現(xiàn)上述目的，本申請實施例的第三方面提出了一種電子設備，所述電子設備包括存儲器和處理器，所述存儲器存儲有計算機程序，所述處理器執(zhí)行所述計算機程序時實現(xiàn)上述第一方面所述的前端頁面代碼生成方法。
37、為實現(xiàn)上述目的，本申請實施例的第四方面提出了一種計算機可讀存儲介質(zhì)，所述計算機可讀存儲介質(zhì)存儲有計算機程序，所述計算機程序被處理器執(zhí)行時實現(xiàn)上述第一方面所述的前端頁面代碼生成方法。
38、本申請?zhí)岢龅那岸隧撁娲a生成方法、裝置、電子設備及存儲介質(zhì),其通過獲取前端頁面的設計參數(shù)，并響應于平臺選擇輸入，獲取本文檔來自技高網(wǎng)...
【技術(shù)保護點】
1.一種前端頁面代碼生成方法，其特征在于，所述方法包括：
2.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述根據(jù)所述目標參數(shù)和所述代碼模板，得到所述前端頁面的目標代碼，包括：
3.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述前端頁面包括多個前端組件，所述根據(jù)所述目標參數(shù)和所述代碼模板，得到所述前端頁面的目標代碼，包括：
4.根據(jù)權(quán)利要求3所述的方法，其特征在于，所述目標參數(shù)包括多個所述前端組件之間的關聯(lián)關系，在所述根據(jù)所述第一前端組件的代碼和所述第二前端組件的代碼，得到所述目標代碼之前，所述方法還包括：
5.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述配置信息還包括文件目錄結(jié)構(gòu)，所述前端頁面包括多個前端組件，所述目標代碼包括多個所述前端組件的代碼，在所述根據(jù)所述目標參數(shù)和所述代碼模板，得到所述前端頁面的目標代碼之后，所述方法還包括：
6.根據(jù)權(quán)利要求5所述的方法，其特征在于，在所述將多個所述目錄項存儲于所述代碼文件目錄中之后，所述方法還包括：
7.根據(jù)權(quán)利要求1所述的方法，其特征在于，在所述根據(jù)所述目標參數(shù)和所述代碼
8.一種前端頁面代碼生成裝置，其特征在于，所述裝置包括：
9.一種電子設備，其特征在于，所述電子設備包括存儲器和處理器，所述存儲器存儲有計算機程序，所述處理器執(zhí)行所述計算機程序時實現(xiàn)權(quán)利要求1至7任一項所述的前端頁面代碼生成方法。
10.一種計算機可讀存儲介質(zhì)，所述計算機可讀存儲介質(zhì)存儲有計算機程序，其特征在于，所述計算機程序被處理器執(zhí)行時實現(xiàn)權(quán)利要求1至7中任一項所述的前端頁面代碼生成方法。
...【技術(shù)特征摘要】
1.一種前端頁面代碼生成方法，其特征在于，所述方法包括：
2.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述根據(jù)所述目標參數(shù)和所述代碼模板，得到所述前端頁面的目標代碼，包括：
3.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述前端頁面包括多個前端組件，所述根據(jù)所述目標參數(shù)和所述代碼模板，得到所述前端頁面的目標代碼，包括：
4.根據(jù)權(quán)利要求3所述的方法，其特征在于，所述目標參數(shù)包括多個所述前端組件之間的關聯(lián)關系，在所述根據(jù)所述第一前端組件的代碼和所述第二前端組件的代碼，得到所述目標代碼之前，所述方法還包括：
5.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述配置信息還包括文件目錄結(jié)構(gòu)，所述前端頁面包括多個前端組件，所述目標代碼包括多個所述前端組件的代碼，在所述根據(jù)所述目標參數(shù)和所述代碼模板，得到所述...
【專利技術(shù)屬性】
技術(shù)研發(fā)人員：李游城，
申請(專利權(quán))人：中國平安人壽保險股份有限公司，
類型：發(fā)明
國別省市：
還沒有人留言評論。發(fā)表了對其他瀏覽者有用的留言會獲得科技券。