CN110336916A - 基于终端屏幕尺寸的布局管理方法及*** - Google Patents
基于终端屏幕尺寸的布局管理方法及*** Download PDFInfo
- Publication number
- CN110336916A CN110336916A CN201910487760.2A CN201910487760A CN110336916A CN 110336916 A CN110336916 A CN 110336916A CN 201910487760 A CN201910487760 A CN 201910487760A CN 110336916 A CN110336916 A CN 110336916A
- Authority
- CN
- China
- Prior art keywords
- layout
- screen size
- basic module
- configuration
- terminal screen
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04M—TELEPHONIC COMMUNICATION
- H04M1/00—Substation equipment, e.g. for use by subscribers
- H04M1/72—Mobile telephones; Cordless telephones, i.e. devices for establishing wireless links to base stations without route selection
- H04M1/724—User interfaces specially adapted for cordless or mobile telephones
- H04M1/72448—User interfaces specially adapted for cordless or mobile telephones with means for adapting the functionality of the device according to specific conditions
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Human Computer Interaction (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Computer Networks & Wireless Communication (AREA)
- Signal Processing (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本申请公开了一种基于终端屏幕尺寸的布局管理方法及***。该布局管理方法包括服务端通过管理后台配置若干基础模块；而后通过管理后台实现布局模块的配置，在管理后台配置布局的时候，可以加上支持的屏幕尺寸属性配置，客户端在请求获取布局配置的接口的时候，带上手机屏幕尺寸等信息，服务端会根据当前客户端尺寸匹配相应的布局配置。本申请实现了不同的用户手机屏幕尺寸展示适配的布局配置，进而解决了由于APP页面版式单一导致的难以满足手机屏幕尺寸多样化要求的技术问题。
Description
技术领域
本申请涉及通信领域，具体而言，涉及一种基于终端屏幕尺寸的布局管理方法及***。
背景技术
随着移动互联网和移动APP的不断高速发展，人们对移动APP的使用也在不断提出更高的要求，只有满足了人们的使用需求，产品才能更具市场竞争力，企业才能走的更远。
APP(Application)一般指手机软件，手机软件主要指安装在智能手机上的软件，用于完善原始***的不足和个性化，为用户提高更丰富的使用体验。目前，大部分的APP页面版式都是固定的，修改版式一般都是通过发布新的APP版本来实现，调整周期比较长；另一种实现方案是通过Hybrid混合应用的方式，内嵌Html页面来实现动态更新，但是由于不是原生的界面生成方案，用户体验会比较差。
此外，大部分的APP界面都不具备个性化的智能展示方式，界面布局比较单一。由于用户的手机屏幕尺寸多种多样，不同的布局配置在不同的手机上的展现效果不一定合适。
针对相关技术中单一的布局配置难以满足手机屏幕尺寸多样化要求的问题，目前尚未提出有效的解决方案。
发明内容
本申请的主要目的在于提供一种基于终端屏幕尺寸的布局管理方法及***，以解决单一的布局配置难以满足手机屏幕尺寸多样化要求的问题，确保布局模块配置的灵活性。
为了实现上述目的，根据本申请的一个方面，提供了一种基于终端屏幕尺寸的布局管理方法。
根据本申请的一种基于终端屏幕尺寸的布局管理方法包括：
S1：服务端通过管理后台配置若干基础模块，每个基础模块包括名称、标题、内容类型、媒体属性、详细内容、内容链接、跳转链接、统计关键字等字段信息；
S2：服务端通过管理后台实现布局模块的配置，具体包括：首先根据支持的屏幕尺寸属性新建一个新的布局版面并命名，然后进入可视化布局管理界面，使用前端拖拽技术选择步骤S1中生成的基础模块进行拖拽排版，同时编辑布局内各个基础模块的布局属性，编辑完布局排版之后，通过点击“保存”等按钮，提交布局数据到数据库进行保存；
S3：客户端在向服务端请求获取布局配置的接口时，附带手机屏幕尺寸等信息，服务端则根据当前客户端尺寸匹配相应的布局配置，从而实现不同的用户手机屏幕尺寸展示适配的布局配置。
进一步的，所述步骤S1中基础模块的内容类型包括纯图、纯文字、图文混排。
进一步的，所述步骤S1中基础模块的媒体属性包括普通图文、广告图文、数据列表。
进一步的，所述步骤S2中基础模块的布局属性包括主标题、副标题、主题颜色、显示位置、栏目数、跳转链接。
进一步的，所述步骤S2中未进行编辑的基础模块布局属性则维持初始状态。
进一步的，所述步骤S2中，所述基础模块布局属性的初始状态包括：主标题为空，副标题为空，主题颜色为黑色，显示位置为居中，栏目数为1，跳转链接为空。
进一步的，所述步骤S2中每一条布局记录一旦确认修改，则生成一个版本号，一条布局记录对应多个版本号信息。一条布局记录对应多个版本号信息，一旦有版本回滚的需求，可以很方便地将某个布局回滚到指定版本，也可以根据运营需求，发布指定的版本记录。
为了实现上述目的，根据本申请的另一方面，提供了一种基于终端屏幕尺寸的布局管理***。
根据本申请的一种基于终端屏幕尺寸的布局管理***包括：
基础模块：通过管理后台配置生成，每个基础模块包括名称、标题、内容类型(纯图、纯文字、图文混排等)、媒体属性(普通图文、广告图文、数据列表)、详细内容、内容链接、跳转链接、统计关键字等字段信息；
布局模块：通过管理后台配置生成，首先根据支持的屏幕尺寸属性新建一个新的布局版面并命名，然后进入可视化布局管理界面，使用前端拖拽技术选择已生成的基础模块进行拖拽排版，同时编辑布局内各个基础模块的布局属性，编辑完布局排版之后，通过点击“保存”等按钮，提交布局数据到数据库进行保存；
当客户端在向服务端请求获取布局配置的接口时，附带手机屏幕尺寸等信息，服务端则根据当前客户端尺寸匹配相应的布局配置，从而实现不同的用户手机屏幕尺寸展示适配的布局配置。
进一步的，所述基础模块的布局属性包括主标题、副标题、主题颜色、显示位置、栏目数、跳转链接。布局模块的布局属性可以精确配置某个模块在当前布局中的展示位置、展示方式、展示内容等信息，确保布局模块配置的灵活性。
进一步的，所述布局模块的每一条布局记录一旦确认修改，则生成一个版本号，一条布局记录对应多个版本号信息。
在本申请实施例中，采用原生界面生成方案的方式，通过在管理后台配置布局的时候，加上支持的屏幕尺寸属性配置，达到了灵活配置布局模块的目的，从而实现了不同的用户手机屏幕尺寸展示适配的布局配置，进而解决了由于APP页面版式单一导致的难以满足手机屏幕尺寸多样化要求的技术问题。
附图说明
构成本申请的一部分的附图用来提供对本申请的进一步理解，使得本申请的其它特征、目的和优点变得更明显。本申请的示意性实施例附图及其说明用于解释本申请，并不构成对本申请的不当限定。在附图中：
图1是本申请一种基于终端屏幕尺寸的布局管理方法的流程示意图。
具体实施方式
为了使本技术领域的人员更好地理解本申请方案，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分的实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本申请保护的范围。
需要说明的是，本申请的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本申请的实施例。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、***、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
如图1所示，该方法包括如下的步骤S1至步骤S3：
S1：服务端通过管理后台配置若干基础模块，每个基础模块包括名称、标题、内容类型(纯图、纯文字、图文混排等)、媒体属性(普通图文、广告图文、数据列表)、详细内容、内容链接、跳转链接、统计关键字等字段信息；
S2：服务端通过管理后台实现布局模块的配置，具体包括：首先根据支持的屏幕尺寸属性新建一个新的布局版面并命名，然后进入可视化布局管理界面，使用前端拖拽技术选择步骤S1中生成的基础模块进行拖拽排版，同时编辑布局内各个基础模块的布局属性，包括主标题、副标题、主题颜色、显示位置、栏目数、跳转链接，编辑完布局排版之后，通过点击“保存”等按钮，提交布局数据到数据库进行保存；
S3：客户端在向服务端请求获取布局配置的接口时，附带手机屏幕尺寸信息，服务端则根据当前客户端尺寸匹配相应的布局配置，从而实现不同的用户手机屏幕尺寸展示适配的布局配置。
从以上的描述中，可以看出，本发明实现了如下技术效果：
采用原生界面生成方案的方式，通过在管理后台配置布局的时候，加上支持的屏幕尺寸属性配置，达到了灵活配置布局模块的目的，从而实现了不同的用户手机屏幕尺寸展示适配的布局配置。
根据本发明实施例，所述步骤S2中未进行编辑的基础模块布局属性则维持初始状态，包括：主标题为空，副标题为空，主题颜色为黑色，显示位置为居中，栏目数为1，跳转链接为空。
根据本发明实施例，所述布局模块的每一条布局记录一旦确认修改，则生成一个版本号，一条布局记录对应多个版本号信息。一条布局记录对应多个版本号信息，一旦有版本回滚的需求，可以很方便地将某个布局回滚到指定版本，也可以根据运营需求，发布指定的版本记录。
需要说明的是，在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机***中执行，并且，虽然在流程图中示出了逻辑顺序，但是在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤。
根据本发明实施例，还提供了一种用于实施上述基于终端屏幕尺寸的布局管理方法的***，该***包括：
基础模块：通过管理后台配置生成，每个基础模块包括名称、标题、内容类型(纯图、纯文字、图文混排等)、媒体属性(普通图文、广告图文、数据列表)、详细内容、内容链接、跳转链接、统计关键字等字段信息；
布局模块：通过管理后台配置生成，首先根据支持的屏幕尺寸属性新建一个新的布局版面并命名，然后进入可视化布局管理界面，使用前端拖拽技术选择已生成的基础模块进行拖拽排版，同时编辑布局内各个基础模块的布局属性，编辑完布局排版之后，通过点击“保存”等按钮，提交布局数据到数据库进行保存；
当客户端在向服务端请求获取布局配置的接口时，附带手机屏幕尺寸信息，服务端则根据当前客户端尺寸匹配相应的布局配置，从而实现不同的用户手机屏幕尺寸展示适配的布局配置。
根据本发明实施例，所述基础模块的布局属性包括主标题、副标题、主题颜色、显示位置、栏目数、跳转链接。布局模块的布局属性可以精确配置某个模块在当前布局中的展示位置、展示方式、展示内容等信息，确保布局模块配置的灵活性。所述布局模块的每一条布局记录一旦确认修改，则生成一个版本号，一条布局记录对应多个版本号信息。
显然，本领域的技术人员应该明白，上述的本发明的各模块或各步骤可以用通用的计算装置来实现，它们可以集中在单个的计算装置上，或者分布在多个计算装置所组成的网络上，可选地，它们可以用计算装置可执行的程序代码来实现，从而，可以将它们存储在存储装置中由计算装置来执行，或者将它们分别制作成各个集成电路模块，或者将它们中的多个模块或步骤制作成单个集成电路模块来实现。这样，本发明不限制于任何特定的硬件和软件结合。
以上所述仅为本申请的优选实施例而已，并不用于限制本申请，对于本领域的技术人员来说，本申请可以有各种更改和变化。凡在本申请的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本申请的保护范围之内。
Claims (10)
1.一种基于终端屏幕尺寸的布局管理方法，其特征在于，包括以下步骤：
S1：服务端通过管理后台配置若干基础模块，每个基础模块包括名称、标题、内容类型、媒体属性、详细内容、内容链接、跳转链接、统计关键字等字段信息；
S2：服务端通过管理后台实现布局模块的配置，具体包括：首先根据支持的屏幕尺寸属性新建一个新的布局版面并命名，然后进入可视化布局管理界面，使用前端拖拽技术选择步骤S1中生成的基础模块进行拖拽排版，同时编辑布局内各个基础模块的布局属性，编辑完布局排版之后，通过点击“保存”等按钮，提交布局数据到数据库进行保存；
S3：客户端在向服务端请求获取布局配置的接口时，附带手机屏幕尺寸信息，服务端则根据当前客户端尺寸匹配相应的布局配置，从而实现不同的用户手机屏幕尺寸展示适配的布局配置。
2.根据权利要求1所述的一种基于终端屏幕尺寸的布局管理方法，其特征在于，所述步骤S1中基础模块的内容类型包括纯图、纯文字、图文混排。
3.根据权利要求1所述的一种基于终端屏幕尺寸的布局管理方法，其特征在于，所述步骤S1中基础模块的媒体属性包括普通图文、广告图文、数据列表。
4.根据权利要求1至3中任一项所述的一种基于终端屏幕尺寸的布局管理方法，其特征在于，所述步骤S2中基础模块的布局属性包括主标题、副标题、主题颜色、显示位置、栏目数、跳转链接。
5.根据权利要求4所述的一种基于终端屏幕尺寸的布局管理方法，其特征在于，所述步骤S2中未进行编辑的基础模块布局属性则维持初始状态。
6.根据权利要求5所述的一种基于终端屏幕尺寸的布局管理方法，其特征在于，所述步骤S2中，所述基础模块布局属性的初始状态包括：主标题为空，副标题为空，主题颜色为黑色，显示位置为居中，栏目数为1，跳转链接为空。
7.根据权利要求1至3中任一项所述的一种基于终端屏幕尺寸的布局管理方法，其特征在于，所述步骤S2中每一条布局记录一旦确认修改，则生成一个版本号，一条布局记录对应多个版本号信息。
8.一种基于终端屏幕尺寸的布局管理***，其特征在于，包括：基础模块：通过管理后台配置生成，每个基础模块包括名称、标题、内容类型、媒体属性、详细内容、内容链接、跳转链接、统计关键字等字段信息；
布局模块：通过管理后台配置生成，首先根据支持的屏幕尺寸属性新建一个新的布局版面并命名，然后进入可视化布局管理界面，使用前端拖拽技术选择已生成的基础模块进行拖拽排版，同时编辑布局内各个基础模块的布局属性，编辑完布局排版之后，通过点击“保存”等按钮，提交布局数据到数据库进行保存；
当客户端在向服务端请求获取布局配置的接口时，附带手机屏幕尺寸信息，服务端则根据当前客户端尺寸匹配相应的布局配置，从而实现不同的用户手机屏幕尺寸展示适配的布局配置。
9.根据权利要求8所述的一种基于终端屏幕尺寸的布局管理***，其特征在于，所述基础模块的布局属性包括主标题、副标题、主题颜色、显示位置、栏目数、跳转链接。
10.根据权利要求9所述的一种基于终端屏幕尺寸的布局管理***，其特征在于，所述布局模块的每一条布局记录一旦确认修改，则生成一个版本号，一条布局记录对应多个版本号信息。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910487760.2A CN110336916A (zh) | 2019-06-05 | 2019-06-05 | 基于终端屏幕尺寸的布局管理方法及*** |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910487760.2A CN110336916A (zh) | 2019-06-05 | 2019-06-05 | 基于终端屏幕尺寸的布局管理方法及*** |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN110336916A true CN110336916A (zh) | 2019-10-15 |
Family
ID=68140774
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201910487760.2A Pending CN110336916A (zh) | 2019-06-05 | 2019-06-05 | 基于终端屏幕尺寸的布局管理方法及*** |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN110336916A (zh) |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111651162A (zh) * | 2020-08-10 | 2020-09-11 | 宁波均联智行科技有限公司 | 基于屏幕尺寸的页面布局辅助开发方法及*** |
| CN112862453A (zh) * | 2021-03-02 | 2021-05-28 | 岭东核电有限公司 | 工序信息显示方法、装置、计算机设备和存储介质 |
| CN112905144A (zh) * | 2021-03-30 | 2021-06-04 | 中国建设银行股份有限公司 | 终端显示方法、装置、电子设备及存储介质 |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103051652A (zh) * | 2011-10-14 | 2013-04-17 | 宁宇 | 一种移动终端云计算发布平台 |
| CN103412928A (zh) * | 2013-08-16 | 2013-11-27 | 北京乐动卓越科技有限公司 | 一种在移动终端实现浏览器页面智能响应式布局的方法与装置 |
| WO2014179384A1 (en) * | 2013-04-30 | 2014-11-06 | Microsoft Corporation | Cross-device user interface selection |
| CN108023918A (zh) * | 2016-11-02 | 2018-05-11 | 阿里巴巴集团控股有限公司 | 一种服务信息获取方法、装置及*** |
-
2019
- 2019-06-05 CN CN201910487760.2A patent/CN110336916A/zh active Pending
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103051652A (zh) * | 2011-10-14 | 2013-04-17 | 宁宇 | 一种移动终端云计算发布平台 |
| WO2014179384A1 (en) * | 2013-04-30 | 2014-11-06 | Microsoft Corporation | Cross-device user interface selection |
| CN103412928A (zh) * | 2013-08-16 | 2013-11-27 | 北京乐动卓越科技有限公司 | 一种在移动终端实现浏览器页面智能响应式布局的方法与装置 |
| CN108023918A (zh) * | 2016-11-02 | 2018-05-11 | 阿里巴巴集团控股有限公司 | 一种服务信息获取方法、装置及*** |
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111651162A (zh) * | 2020-08-10 | 2020-09-11 | 宁波均联智行科技有限公司 | 基于屏幕尺寸的页面布局辅助开发方法及*** |
| CN112862453A (zh) * | 2021-03-02 | 2021-05-28 | 岭东核电有限公司 | 工序信息显示方法、装置、计算机设备和存储介质 |
| CN112905144A (zh) * | 2021-03-30 | 2021-06-04 | 中国建设银行股份有限公司 | 终端显示方法、装置、电子设备及存储介质 |
| CN112905144B (zh) * | 2021-03-30 | 2024-03-22 | 中国建设银行股份有限公司 | 终端显示方法、装置、电子设备及存储介质 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN110336916A (zh) | 基于终端屏幕尺寸的布局管理方法及*** | |
| CN103064584B (zh) | 粘贴方法和装置 | |
| CN101454823B (zh) | 用于选择性地对可显示内容的部分进行双缓冲的设备和方法 | |
| CN109725901A (zh) | 前端代码的开发方法、装置、设备和计算机存储介质 | |
| CN110321123A (zh) | 可视化布局管理***及管理方法 | |
| CN110457615A (zh) | 个性化页面的展示处理方法、装置、设备及可读存储介质 | |
| CN102236709B (zh) | 一种基于Flex的监控页面显示方法及*** | |
| CN100511237C (zh) | 一种数据库扩展方法及装置 | |
| CN105447723A (zh) | 推广***与推广方法 | |
| CN108008952A (zh) | 移动终端页面动态布局方法及*** | |
| CN102932759A (zh) | 一种信息共享方法及装置 | |
| CN110969004A (zh) | 图文自动排版方法及***、服务器及介质 | |
| CN111708516A (zh) | 一种网上web应用定制开发*** | |
| CN102375738B (zh) | 一种移动终端数据管理的装置和方法 | |
| CN104965813B (zh) | 文字素材的处理方法和装置 | |
| CN108897541A (zh) | 应用程序的视觉还原方法、装置、存储介质及终端 | |
| CN104932859A (zh) | 一种用于手机微网站与led显示屏同步发布的***及方法 | |
| CN116401407A (zh) | 思维导图的节点属性配置方法、装置、设备和存储介质 | |
| CN104184824B (zh) | 手机报定制和推送的装置及方法 | |
| CN110333855A (zh) | 布局统计数据管理方法及*** | |
| CN102868746A (zh) | 实现移动信息化的方法 | |
| CN110334304A (zh) | 基于布局容灾的配置方法及*** | |
| CN101631282B (zh) | 动态广告的实现方法 | |
| CN110308927A (zh) | 布局版本管理***及管理方法 | |
| CN101957811A (zh) | 报表的数据集过滤分析方法和报表处理设备 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| RJ01 | Rejection of invention patent application after publication | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20191015 |