[發明專利]一種動態生成HTML+CSS布局的方法及裝置在審
| 申請號: | 201910470180.2 | 申請日: | 2019-05-31 |
| 公開(公告)號: | CN110377281A | 公開(公告)日: | 2019-10-25 |
| 發明(設計)人: | 劉飛;賀琦 | 申請(專利權)人: | 江蘇聯盟信息工程有限公司 |
| 主分類號: | G06F8/38 | 分類號: | G06F8/38 |
| 代理公司: | 北京中南長風知識產權代理事務所(普通合伙) 11674 | 代理人: | 鄭海 |
| 地址: | 212028 江蘇省*** | 國省代碼: | 江蘇;32 |
| 權利要求書: | 查看更多 | 說明書: | 查看更多 |
| 摘要: | |||
| 搜索關鍵詞: | 布局方式 動態生成 外部框架 應用場景 表格布局 彈性布局 內部框架 網絡布局 浮動 | ||
1.一種動態生成HTML+CSS布局的方法,其特征在于,包括:
步驟1,基于預設或新建的應用場景生成外部框架模型;所述應用場景根據顯示尺寸預設或新建;
步驟2,基于預設或新建的布局方式在外部框架內搭建內部框架,生成HTML+CSS布局方案;所述布局方式包括表格布局、浮動布局、彈性布局、網絡布局中的多種。
2.根據權利要求1所述的動態生成HTML+CSS布局的方法,其特征在于,所述步驟2還包括:
基于嵌套布局方式,在生成的HTML+CSS布局中新增布局;所述嵌套布局方式為:嵌套1層布局、嵌套2層布局…嵌套n層布局,n為自然數。
3.根據權利要求1所述的動態生成HTML+CSS布局的方法,其特征在于,所述步驟2還包括:
基于布局定位方式,進行布局定位;所述布局定位方式包括相對定位、絕對定位、固定定位、Z-index中的多種。
4.根據權利要求1所述的動態生成HTML+CSS布局的方法,其特征在于,所述步驟1還包括:
將預設的應用場景保存至預設布局表中和/或將新建的應用場景保存至個人布局表中。
5.根據權利要求1所述的動態生成HTML+CSS布局的方法,其特征在于,所述步驟2還包括:
將基于新建布局方式生成的HTML+CSS布局方案保存至個人布局表中和/或將基于預設布局方式生成的HTML+CSS布局方案保存至預設布局表中。
6.根據權利要求1至5任一項所述的動態生成HTML+CSS布局的方法,其特征在于,在所述步驟2之后還包括:
輸出頁面布局圖以及HTML+CSS代碼。
7.一種動態生成HTML+CSS布局的裝置,其特征在于,包括:
框架模型生成模塊,用于基于預設或新建的應用場景生成外部框架模型;所述應用場景根據顯示尺寸預設或新建;
布局方案生成模塊,用于基于預設或新建的布局方式在外部框架內搭建內部框架,生成HTML+CSS布局方案;所述布局方式包括表格布局、浮動布局、彈性布局、網絡布局中的多種。
8.根據權利要求7所述的動態生成HTML+CSS布局的裝置,其特征在于,所述布局方案生成模塊基于嵌套布局方式,在生成的HTML+CSS布局中新增布局;所述嵌套布局方式為:嵌套1層布局、嵌套2層布局…嵌套n層布局,n為自然數。
9.根據權利要求7所述的動態生成HTML+CSS布局的裝置,其特征在于,所述布局方案生成模塊基于布局定位方式,進行布局定位;所述布局定位方式包括相對定位、絕對定位、固定定位、Z-index中的多種。
10.根據權利要求7所述的動態生成HTML+CSS布局的裝置,其特征在于,所述框架模型生成模塊將預設的應用場景保存至預設布局表中和/或將新建的應用場景保存至個人布局表中;
所述布局方案生成模塊將基于新建布局方式生成的HTML+CSS布局方案保存至個人布局表中和/或將基于預設布局方式生成的HTML+CSS布局方案保存至預設布局表中。
該專利技術資料僅供研究查看技術是否侵權等信息,商用須獲得專利權人授權。該專利全部權利屬于江蘇聯盟信息工程有限公司,未經江蘇聯盟信息工程有限公司許可,擅自商用是侵權行為。如果您想購買此專利、獲得商業授權和技術合作,請聯系【客服】
本文鏈接:http://www.szxzyx.cn/pat/books/201910470180.2/1.html,轉載請聲明來源鉆瓜專利網。





