【技術實現步驟摘要】
本專利技術涉及頁面開發，更具體地說，它涉及一種動態頁面布局和內容分發方法、系統及裝置。
技術介紹
1、隨著智能手機的快速發展，用戶通過在線辦理金融業務，逐漸替代線下柜面辦理而成為主流，銀行業也在大力發展移動化技術，為客戶提供了原生app、h5、小程序等豐富的線上渠道。在業務嚴重同質化的今天，為了獲取更多的客戶，各銀行都需要頻繁更改頁面布局和展現形式，增加各類產品曝光度，提升對用戶的吸引度和粘性。
2、每次對頁面布局做出調整，就需要對不同的渠道、不同終端、不同頁面進行代碼更改，前端技術框架種類繁多，包括android、ios、html5、小程序等，工作量大、成本高，且app投放市場和用戶更新，都需要較長的時間，影響營銷效果。銀行的內容展示頁面，尤其是一級頁，不同頁面間存在類似的產品和內容，技術上需能做到復用；為了提升營銷效果，頁面還需要做到“千人千面”，針對不同客群展示不同產品和內容；如果可以對這些展示的元素進行抽象，允許運營人員對頁面布局進行動態管理，就可以實現頁面的動態渲染和運營，使得頁面布局或內容調整時，不再需要編碼和應用市場投放，極大的降低研發成本和運營效率，故提出一種頁面動態布局及內容分發的方法和系統。
3、目前市面上常見的技術方案中存在一些缺點：
4、1)每次對頁面布局做出調整，就需要對不同的渠道、不同頁面進行代碼更改，工作量大、成本高。
5、2)不同頁面間，重復度比較高，分別開發，代碼復用度低。
6、3)android和ios原生開發的頁面，每次調整都需要市
7、4)對于不同客群用戶，如何展示不同的內容，代碼邏輯復雜，靈活性差。
技術實現思路
1、本專利技術的目的是提供一種動態頁面布局和內容分發方法、系統及裝置，良好的系統架構設計，可以靈活擴充更多的組件，而且不影響現有頁面的渲染，用戶體驗好。
2、本專利技術的上述技術目的是通過以下技術方案得以實現的：一種動態頁面布局和內容分發方法，包括如下步驟：
3、s1、在內容分發系統創建頁面布局模板，并為頁面布局模板配置布局信息，
4、為場景創建場景碼，并與所述頁面布局模板建立關聯；
5、根據場景，創建內容分發策略，在內容分發策略中關聯不同單元內容，并為每個單元內容關聯對應客群；
6、s2、響應于頁面需求請求，創建新頁面，為新頁面集成與內容分發系統提供的sdk；
7、為新頁面配置場景碼，新頁面根據場景碼，獲取對應的頁面布局模板和布局信息；
8、s3、新頁面根據返回的頁面布局模板和布局信息，通過sdk進行頁面繪制。
9、作為本專利技術的一種優選技術方案，在s3之后還執行s4，s4的內容為：sdk將頁面布局模板和布局信息進行本地緩存，當下次頁面渲染頁面時，出現接口異常或超時情況時，使用緩存數據進行頁面的渲染。
10、作為本專利技術的一種優選技術方案，所述布局信息包括布局框架、每個元素的位置和分組。
11、作為本專利技術的一種優選技術方案，所述單元內容包括按鈕集合、產品組件、banner圖片、公告。
12、作為本專利技術的一種優選技術方案，新頁面為：android，或ios原生頁面，或html5，或小程序頁面。
13、作為本專利技術的一種優選技術方案，所述sdk用于完成新頁面與內容分發系統的對接，完成新頁面渲染。
14、作為本專利技術的一種優選技術方案，s3中，頁面繪制的過程中，若遇到無法識別的組件，則跳過，對可以識別的組件進行繪制；若遇到動態組件，由sdk發起異步查詢接口，獲取實時數據后再進行內容繪制。
15、一種動態頁面布局和內容分發系統，其特征是：包括：
16、場景和頁面層，用于集中管理所有場景，為每個場景設置場景碼，為每個場景關聯頁面布局模板；
17、布局模板層，用于為不同的場景設置不同的頁面布局模板，配置布局信息；
18、分發策略層，用于為每個場景設置一個或多個內容分發策略；
19、單元內容層，用于為頁面布局模板配置單元內容，所述單元內容包括展示元素、跳轉連接，客群編碼；
20、基礎數據層，用于配置基礎數據。
21、作為本專利技術的一種優選技方案，所述基礎數據包括圖片庫、地址池、標簽庫、文本庫、底層組件庫.
22、一種動態頁面布局和內容分發裝置，包括：處理器和存儲器，所述存儲器存儲有所述處理器可執行的計算機程序，所述處理器執行所述計算機程序時實現上述方法。
23、綜上所述，本專利技術具有以下有益效果：采用多層級、模塊化設計，支持多渠道運營，根據不同頁面配置獨立的場景，運營人員可以為每個場景動態配置頁面布局和內容分發管理。一個頁面可以有多個分發策略，不同時間、不同客群，可以看到不同的頁面內容。在架構設計上基本做到了與業務場景解耦，同時提供了靈活的擴展能力，具有抽象完善、配置靈活、運營效率高、用戶體驗好等優點。采用獨立的模塊化設計，可以實現與業務場景的解耦，將頁面布局和渲染抽象成sdk，實現功能復用。良好的系統架構設計，可以靈活擴充更多的組件，而且不影響現有頁面的渲染，用戶體驗好。對頁面布局和內容做出調整時，實時生效，無需修改代碼，工作量小、效率高、成本低。通過客群的控制，可以實現精準化營銷，做到千人千面，且配置靈活。
本文檔來自技高網...【技術保護點】
1.一種動態頁面布局和內容分發方法，其特征是：包括如下步驟：
2.根據權利要求1所述的一種動態頁面布局和內容分發方法，其特征是：在S3之后還執行S4，S4的內容為：SDK將頁面布局模板和布局信息進行本地緩存，當下次頁面渲染頁面時，出現接口異常或超時情況時，使用緩存數據進行頁面的渲染。
3.根據權利要求2所述的一種動態頁面布局和內容分發方法，其特征是：所述布局信息包括布局框架、每個元素的位置和分組。
4.根據權利要求3所述的一種動態頁面布局和內容分發方法，其特征是：所述單元內容包括按鈕集合、產品組件、Banner圖片、公告。
5.根據權利要求4所述的一種動態頁面布局和內容分發方法，其特征是：新頁面為：Android，或iOS原生頁面，或HTML5，或小程序頁面。
6.根據權利要求5所述的一種動態頁面布局和內容分發方法，其特征是：所述SDK用于完成新頁面與內容分發系統的對接，完成新頁面渲染。
7.根據權利要求6所述的一種動態頁面布局和內容分發方法，其特征是：S3中，頁面繪制的過程中，若遇到無法識別的組件，則跳過，
8.一種動態頁面布局和內容分發系統，其特征是：包括：
9.根據權利要求8所述的一種動態頁面布局和內容分發系統，其特征是：所述基礎數據包括圖片庫、地址池、標簽庫、文本庫、底層組件庫。
10.一種動態頁面布局和內容分發裝置，其特征是：包括：處理器和存儲器，所述存儲器存儲有所述處理器可執行的計算機程序，所述處理器執行所述計算機程序時實現權利要求1-7中任一項所述的方法。
...【技術特征摘要】
1.一種動態頁面布局和內容分發方法，其特征是：包括如下步驟：
2.根據權利要求1所述的一種動態頁面布局和內容分發方法，其特征是：在s3之后還執行s4，s4的內容為：sdk將頁面布局模板和布局信息進行本地緩存，當下次頁面渲染頁面時，出現接口異常或超時情況時，使用緩存數據進行頁面的渲染。
3.根據權利要求2所述的一種動態頁面布局和內容分發方法，其特征是：所述布局信息包括布局框架、每個元素的位置和分組。
4.根據權利要求3所述的一種動態頁面布局和內容分發方法，其特征是：所述單元內容包括按鈕集合、產品組件、banner圖片、公告。
5.根據權利要求4所述的一種動態頁面布局和內容分發方法，其特征是：新頁面為：android，或ios原生頁面，或html5，或小程序頁面。
6.根據權利要求5...
【專利技術屬性】
技術研發人員：胡磊，丁建新，詹天琪，
申請(專利權)人：江蘇蘇商銀行股份有限公司，
類型：發明
國別省市：
還沒有人留言評論。發表了對其他瀏覽者有用的留言會獲得科技券。