[發明專利]一種可視化頁面布局方法

在審

• 申請號: 202110721359.8
• 申請日: 2021-06-28
• 公開（公告）號: CN113419724A
• 公開（公告）日: 2021-09-21
• 發明（設計）人: 胡楊;張旭明;譚敏鋒;徐石
• 申請（專利權）人: 北京致遠互聯軟件股份有限公司
• 主分類號: G06F8/34
• 分類號: G06F8/34;G06F8/38;G06F16/958
• 代理公司: 北京權智天下知識產權代理事務所(普通合伙) 11638
• 代理人: 王炳謙

本發明公開了一種可視化頁面布局方法，首先定義一種頁面布局規范，開發人員可以基于此中頁面布局規范編寫頁面布局文件傳輸至服務器，形成可視化的頁面布局模板；同時提供頁面布局設計器，支持可視化頁面布局設計，依據頁面布局規范形成布局文件及模板；本發明通過將頁面布局形成一套頁面布局規范，大大縮減的進行頁面布局調整的工作量，開始人員可以依據頁面布局規范，快速定義頁面布局，形成布局文件；同時對于實施人員，此類非專業開發出身人員，可以進行可視化的頁面布局調整；可視化的將是此頁面布局技術的一大亮點，通過可視化頁面布局設計器，簡單、快速、完成設計整體頁面布局，快速提交及呈現效果。大大降低門檻和極大提升了產品的體驗。

技術領域

本發明涉及可視化頁面布局技術領域，具體為一種可視化頁面布局方法。

背景技術

Web技術的發展，使得管理系統的開發更方便、功能更強大，在此系統的開發過程中，Web技術起了一個骨架式的支持作用；與此同時組件技術的發展為系統的開放性、集成性提供了便利，有效合理地引入組件技術是當前Web系統開發與發展的一個方向；通過對系統的開發進行建模，形象直觀的圖形化表示，可以顯示系統的流程與功能。選擇有效的建模方法，充分利用Web技術與組件技術，提高軟件的開發效率，提高的軟件的可靠性和可維護性，是每個軟件開發人員所關心的問題。

目前的頁面布局無法實現可視化操作，頁面布局效率低，因此，有必要能夠改進。

發明內容

本發明的目的在于提供一種可視化頁面布局方法，以解決上述背景技術中提出的問題。

為實現上述目的，本發明提供如下技術方案：一種可視化頁面布局方法,包括以下步驟：

A、首先定義一種頁面布局規范；

B、開發人員基于此中頁面布局規范編寫頁面布局文件傳輸至服務器，形成可視化的頁面布局模板；

C、同時提供頁面布局設計器，支持可視化頁面布局設計，依據頁面布局規范形成布局文件及模板。

優選的，所述布局設計器預置不同的頁面布局模板，將頁面布局可視化，通過不同的頁面布局模板，及基于頁面布局規范的布局文件，將頁面布局可視化，進行頁面布局的可視化調整。

優選的，每一個不同的頁面布局由布局容器、通欄容器、盒子容器、欄目片段集合四部分組成；其中，布局容器：一個欄目布局有且只有一個欄目容器；通欄容器：其中一個欄目容器中可以包含一個或多個欄目通欄；盒子容器：其中一個欄目通欄可以包含一個或多個欄目盒子；欄目片段集合：其中一個盒子容器可以包含一個或多個欄目片段。

優選的，一種可視化頁面布局系統，包括定義模塊、傳輸模塊和布局設計器，其中，定義模塊用于定義一種頁面布局規范；傳輸模塊用于將頁面布局文件傳輸至服務器，形成可視化的頁面布局模板；布局設計器依據頁面布局規范形成布局文件及模板。

優選的，一種計算機存儲介質，所述計算機存儲介質上存儲有計算機程序，所述計算機程序被處理器執行時，使得處理器執行上述所述可視化頁面布局方法的步驟。

與現有技術相比，本發明的有益效果是：本發明通過將頁面布局形成一套頁面布局規范，大大縮減的進行頁面布局調整的工作量，開始人員可以依據頁面布局規范，快速定義頁面布局，形成布局文件；同時對于實施人員，此類非專業開發出身人員，可以進行可視化的頁面布局調整，大大降低了實施成本和提升了產品體驗；可視化的將是此頁面布局技術的一大亮點，通過可視化頁面布局設計器，簡單、快速、完成設計整體頁面布局，快速提交及呈現效果。大大降低門檻和極大提升了產品的體驗。

附圖說明

圖1為本發明流程圖；

圖2為本發明布局設計示意圖；

圖3為本發明頁面布局的可視化調整示意圖。

具體實施方式