【技術實現步驟摘要】
本公開涉及計算機，尤其涉及一種基于分區布局的網頁生成方法及裝置。
技術介紹
1、在網頁生成中，分區布局成為了提升用戶瀏覽體驗的主流方案。分區布局指的是將網頁劃分為多個獨立且功能各異的區域，每個區域負責展示預設的內容，從而幫助用戶更直觀、更快速地獲取所需信息。通過將分區布局與卡片式設計相結合，可以從視覺上分隔不同的內容，提高用戶獲取信息的效率。
2、目前實現分區布局與卡片式設計相結合的方案為：開發人員先進行布局代碼的編寫和頁面樣式的設計，同時還需要創建具備標注功能的卡片組件。之后，將這些布局代碼、頁面樣式以及卡片組件進行組合，以構建出符合要求的網頁頁面。
3、但這種實現方式存在顯著問題，即如果后期需要對已有頁面進行調整或更新，由于代碼和頁面的緊密耦合，開發人員往往需要對整個頁面的代碼進行全面修改，這無疑增加了后期維護的成本。因此，亟需一種更為靈活的解決方案，來降低后期頁面維護成本。
技術實現思路
1、鑒于上述問題，本公開提供一種基于分區布局的網頁生成方法及裝置，主要目的是為了解決目前的分區布局與卡片式設計相結合的網頁生成方法中，代碼和頁面之間緊密耦合而帶來的后期頁面維護成本高，難度大的問題。
2、為解決上述技術問題，本公開提出以下方案：
3、第一方面，本公開提供了一種基于分區布局的網頁生成方法，所述方法包括：
4、獲取預設業務內容；
5、根據所述預設業務內容，對預設分區容器組件的網頁第一區域插槽進行填充，得到網頁
6、根據所述預設業務內容，利用所述預設分區容器組件中的多標簽選項卡組件生成網頁的第二區域內容；
7、利用所述預設分區容器組件整合所述第一區域內容與所述第二區域內容，生成目標網頁。
8、第二方面，本公開提供了一種基于分區布局的網頁生成裝置，所述裝置包括：
9、獲取單元，用于獲取預設業務內容；
10、第一內容生成單元，用于根據所述獲取單元獲取的預設業務內容，對預設分區容器組件的網頁第一區域插槽進行填充，得到網頁的第一區域內容；
11、第二內容生成單元，用于根據所述獲取單元獲取的預設業務內容，利用所述預設分區容器組件中的多標簽選項卡組件生成網頁的第二區域內容；
12、頁面生成單元，用于利用所述預設分區容器組件整合所述第一內容生成單元生成的第一區域內容與所述第二內容生成單元生成的第二區域內容，生成目標網頁。
13、為了實現上述目的，根據本公開的第三方面，提供了一種存儲介質，所述存儲介質包括存儲的程序，其中，在所述程序運行時控制所述存儲介質所在設備執行上述第一方面的基于分區布局的網頁生成方法。
14、為了實現上述目的，根據本公開的第四方面，提供了一種處理器，所述處理器用于運行程序，其中，所述程序運行時執行上述第一方面的基于分區布局的網頁生成方法。
15、借由上述技術方案，本公開提供的一種基于分區布局的網頁生成方法及裝置，該方法顯著降低了代碼與頁面之間的耦合度，提升了網頁生成的靈活性和可維護性。在實際操作中，可以先獲取預設業務內容，隨后根據這些內容對預設分區容器組件的網頁第一區域插槽進行填充，從而生成網頁的第一區域內容。緊接著，可以利用預設分區容器組件中的多標簽選項卡組件，根據相同的預設業務內容，生成網頁的第二區域內容。最后，通過預設分區容器組件將第一區域與第二區域內容進行整合，生成目標網頁。通過該方法，開發者無需從頭開始編寫布局代碼和頁面樣式，而是可以利用預先設計好的分區容器組件，來實現網頁內容的設置。此外，預設分區容器組件的插槽機制極大地降低了代碼與頁面之間的耦合度，使得在配置網頁內容時，開發者只需將對應的內容填充到相應的插槽中。若后期需要調整網頁內容，也只需針對性地更新相關插槽的內容，無需對整個布局結構進行大規模的改動。這種設計使得代碼結構更加清晰明了，便于后期的維護與管理。總的來說，本公開不僅優化了網頁生成的開發流程，提升了開發效率，而且通過插槽機制降低了代碼與頁面的耦合度，使得網頁的配置與后期維護變得更加簡單、高效，極大地降低了后期維護成本。
16、上述說明僅是本公開技術方案的概述，為了能夠更清楚了解本公開的技術手段，而可依照說明書的內容予以實施，并且為了讓本公開的上述和其它目的、特征和優點能夠更明顯易懂，以下特舉本公開的具體實施方式。
本文檔來自技高網...【技術保護點】
1.一種基于分區布局的網頁生成方法，其特征在于，所述方法包括：
2.根據權利要求1所述的方法，其特征在于，根據所述預設業務內容，對預設分區容器組件的網頁第一區域插槽進行填充，得到網頁的第一區域內容，包括：
3.根據權利要求2所述的方法，其特征在于，所述業務配置內容包括頭部界面交互內容、任務配置內容以及底部界面交互內容，所述網頁第一區域插槽包括頭部插槽、動態卡片列表插槽和底部插槽；則根據所述業務配置內容對預設分區容器組件的網頁第一區域插槽進行填充，得到網頁的第一區域內容，包括：
4.根據權利要求1所述的方法，其特征在于，根據所述預設業務內容，利用所述預設分區容器組件中的多標簽選項卡組件生成網頁的第二區域內容，包括：
5.根據權利要求4所述的方法，其特征在于，基于所述任務標簽及所述任務詳情，利用所述預設分區容器組件中的多標簽選項卡組件生成網頁的第二區域內容，包括：
6.根據權利要求1所述的方法，其特征在于，在生成目標網頁后，所述方法還包括：
7.根據權利要求6所述的方法，其特征在于，根據所述待調整內容及所述待調整
8.一種基于分區布局的網頁生成裝置，其特征在于，所述裝置包括：
9.一種存儲介質，其特征在于，所述存儲介質包括存儲的程序，其中，在所述程序運行時控制所述存儲介質所在設備執行如權利要求1至權利要求7中任意一項所述的基于分區布局的網頁生成方法。
10.一種處理器，其特征在于，所述處理器用于運行程序，其中，所述程序運行時執行如權利要求1至權利要求7中任意一項所述的基于分區布局的網頁生成方法。
...【技術特征摘要】
1.一種基于分區布局的網頁生成方法，其特征在于，所述方法包括：
2.根據權利要求1所述的方法，其特征在于，根據所述預設業務內容，對預設分區容器組件的網頁第一區域插槽進行填充，得到網頁的第一區域內容，包括：
3.根據權利要求2所述的方法，其特征在于，所述業務配置內容包括頭部界面交互內容、任務配置內容以及底部界面交互內容，所述網頁第一區域插槽包括頭部插槽、動態卡片列表插槽和底部插槽；則根據所述業務配置內容對預設分區容器組件的網頁第一區域插槽進行填充，得到網頁的第一區域內容，包括：
4.根據權利要求1所述的方法，其特征在于，根據所述預設業務內容，利用所述預設分區容器組件中的多標簽選項卡組件生成網頁的第二區域內容，包括：
5.根據權利要求4所述的方法，其特征在于，基于所述任務標簽及所...
【專利技術屬性】
技術研發人員：陳明佳，鄭磊，
申請(專利權)人：百融至信北京科技有限公司，
類型：發明
國別省市：
還沒有人留言評論。發表了對其他瀏覽者有用的留言會獲得科技券。