CN110321123A - 可视化布局管理系统及管理方法 - Google Patents
可视化布局管理系统及管理方法 Download PDFInfo
- Publication number
- CN110321123A CN110321123A CN201910487880.2A CN201910487880A CN110321123A CN 110321123 A CN110321123 A CN 110321123A CN 201910487880 A CN201910487880 A CN 201910487880A CN 110321123 A CN110321123 A CN 110321123A
- Authority
- CN
- China
- Prior art keywords
- layout
- placement scheme
- page
- visual layout
- client
- 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.)
- Withdrawn
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Human Computer Interaction (AREA)
- Data Mining & Analysis (AREA)
- Document Processing Apparatus (AREA)
- Processing Or Creating Images (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请公开了一种可视化布局管理系统及管理方法,该系统包括服务端和客户端,客户端发动页面生成请求,页面生成请求包括所需布局方案的标识;服务端响应页面生成请求,并按照布局方案的标识选取布局方案下发给客户端;客户端的加载布局方案;页面生成单元新建一个页面,并按照布局方案中的属性编辑指令和排版指令对相应基础功能模块进行拖拽排版,生成待创建页面。本发明可实现根据运营需求动态调整APP的界面布局,如果需要更新APP页面布局版式,不再需要通过发版本的方式就能实现,本发明主要用于APP应用界面的动态布局实现,跟传统的Hybrid混合APP应用相比,纯原生实现的用户体验更好。
Description
技术领域
本申请涉及通信领域,具体而言,涉及一种可视化布局管理系统及管理方法。
背景技术
现有技术中,大部分的APP页面版式都是固定的,修改版式一般都是通过发布新的APP版本来实现,调整周期比较长;另一种实现方案是通过Hybrid混合应用的方式,内嵌Html页面来实现动态更新,但是由于不是原生的界面生成方案,用户体验会比较差。此外,大部分的APP界面都不具备个性化的智能展示方式,界面布局比较单一,目前尚未提出有效的解决方案。
发明内容
发明目的:本申请的主要目的在于提供一种可视化布局管理系统及管理方法,以解决APP页面版式修改不灵活且布局单一的问题。
发明内容:为了实现上述目的,本发明提供了一种可视化布局管理系统及管理方法。
本申请的可视化布局管理系统包括:服务端和客户端;服务端包括可视化布局管理模块和服务端数据库;服务端数据库内预先存储有用于布局的基础功能模块和已经生成的布局方案,其中,每个布局方案封装有本布局方案中各个模块的标识、对各模块属性的编辑指令和各模块的排版指令;可视化布局管理模块为运营人员提供在线编辑窗口,运营人员通过可视化布局管理模块对已有基础功能模块和布局方案进行在线修改,以及编辑新增基础功能模块和布局方案;客户端通过接口模块与服务端交互,客户端包括加载单元和页面生成单元;加载单元加载布局方案,页面生成单元根据布局方案使用前端拖拽技术调用服务端数据库内将相应标识的基础功能模块,并按照布局方案中的属性编辑指令和排版指令对相应基础功能模块进行拖拽排版,生成待创建页面。
进一步的,所述基础功能模块包括用于生成名称、标题、内容类型、媒体属性、详细内容、内容链接、跳转链接、统计关键字的功能模块。
进一步的,所述内容类型包括:纯图、纯文字、图文混排。
进一步的,所述媒体属性包括:普通图文、广告图文、数据列表。
进一步的,所述基础功能模块的属性包括主标题、副标题、主题颜色、显示位置、栏目数、跳转链接。
进一步的,所述编辑指令包括:增加、删除、修改、查找、上线、下线。为了实现上述目的,本发明还提供了一种可视化布局管理方法,包括步骤:
(1)客户端发动页面生成请求,页面生成请求包括所需布局方案的标识;
(2)服务端响应页面生成请求,并按照布局方案的标识选取布局方案下发给客户端;
(3)客户端的加载布局方案;
(4)页面生成单元新建一个页面,并按照布局方案中的属性编辑指令和排版指令对相应基础功能模块进行拖拽排版,生成待创建页面。
进一步的,当需要新增布局方案时,首先新建一个新的布局并创建标识,将新的布局与其标识之间建立关联关系,然后进入可视化布局管理界面;使用前端拖拽技术将服务端数据库中生成的基础功能模块进行拖拽排版,同时编辑布局内各个模块的属性,编辑完布局排版之后,提交布局方案到数据库进行保存。
进一步的,当需要修改一个方案时,选取一个现有的布局,对布局中原有的基础功能模块进行删除或新增,然后使用前端拖拽技术对当前的基础功能模块进行拖拽排版,并在线编辑布局内各个模块的属性,编辑完布局排版之后,提交布局方案到数据库进行保存。
进一步的,所述布局方案以XML结构存储。
有益效果:本发明中,APP界面展示的布局全部由服务端返回,客户端只需要根据布局里面的配置信息去实现界面布局,并加载布局内子模块配置的指定内容。如果需要更新APP页面布局版式,不再需要通过发版本的方式就能实现。本发明主要用于APP应用界面的动态布局实现,跟传统的Hybrid混合APP应用相比,纯原生实现的用户体验更好。采用本发明方法后,一方面可以在不发新版本的情况下,根据运营需求动态调整APP的界面布局;另一方面可以通过监控统计布局内各个模块入口的点击量,调整APP界面布局策略,进而提高APP的用户体验。
附图说明
构成本申请的一部分的附图用来提供对本申请的进一步理解,使得本申请的其它特征、目的和优点变得更明显。本申请的示意性实施例附图及其说明用于解释本申请,并不构成对本申请的不当限定。在附图中:
图1是本发明的系统架构图;
图2本发明的流程图。
具体实施方式
为了使本技术领域的人员更好地理解本申请方案,下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本申请一部分的实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都应当属于本申请保护的范围。
需要说明的是,在不冲突的情况下,本申请中的实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本申请。
如图1所示,本发明提出的可视化布局管理系统包括:服务端和客户端;服务端包括可视化布局管理模块和服务端数据库;服务端数据库内预先存储有用于布局的基础功能模块和已经生成的布局方案,其中,每个布局方案封装有本布局方案中各个模块的标识、对各模块属性的编辑指令和各模块的排版指令;可视化布局管理模块为运营人员提供在线编辑窗口,运营人员通过可视化布局管理模块对已有基础功能模块和布局方案进行在线修改,以及编辑新增基础功能模块和布局方案;客户端通过接口模块与服务端交互,客户端包括加载单元和页面生成单元;加载单元加载布局方案,页面生成单元根据布局方案使用前端拖拽技术调用服务端数据库内将相应标识的基础功能模块,并按照布局方案中的属性编辑指令和排版指令对相应基础功能模块进行拖拽排版,生成待创建页面。
如图2所示,上述可视化布局管理系统的管理方法包括步骤(1)至(4):
(1)客户端发动页面生成请求,页面生成请求包括所需布局方案的标识;
(2)服务端响应页面生成请求,并按照布局方案的标识选取布局方案下发给客户端;
(3)客户端的加载布局方案;
(4)页面生成单元新建一个页面,并按照布局方案中的属性编辑指令和排版指令对相应基础功能模块进行拖拽排版,生成待创建页面。
其中,当需要新增布局方案时,首先新建一个新的布局并创建标识,将新的布局与其标识之间建立关联关系,然后进入可视化布局管理界面;使用前端拖拽技术将服务端数据库中生成的基础功能模块进行拖拽排版,同时编辑布局内各个模块的属性,包括但不限于主标题、副标题、主题颜色、显示位置、栏目数、跳转链接等,编辑完布局排版之后,提交布局方案到数据库进行保存。
当需要修改一个方案时,选取一个现有的布局,对布局中原有的基础功能模块进行删除或新增,然后使用前端拖拽技术对当前的基础功能模块进行拖拽排版,并在线编辑布局内各个模块的属性,编辑完布局排版之后,提交布局方案到数据库进行保存。
上述方案中的基础功能模块包括但不限于名称、标题、内容类型(纯图、纯文字、图文混排等)、媒体属性(普通图文、广告图文、数据列表)、详细内容、内容链接、跳转链接、统计关键字等字段信息,运营人员可以对它进行增删改查、上下线等操作。这些基础模块配置好以后,就可以用于后续的布局内容构建。
上述方案中,在布局方案和基础功能模块之间是多对多的关系。布局模块的布局属性可以精确配置某个模块在当前布局中的展示位置、展示方式、展示内容等信息,确保布局模块配置的灵活性。
从以上的描述中,可以看出,本发明实现了如下技术效果:
APP界面展示的布局全部由服务端返回,客户端只需要根据布局里面的配置信息去实现界面布局,并加载布局内子模块配置的指定内容。如果需要更新APP页面布局版式,不再需要通过发版本的方式就能实现。
需要说明的是,在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机系统中执行,并且,虽然在流程图中示出了逻辑顺序,但是在某些情况下,可以以不同于此处的顺序执行所示出或描述的步骤。
显然,本领域的技术人员应该明白,上述的本发明的各模块或各步骤可以用通用的计算装置来实现,它们可以集中在单个的计算装置上,或者分布在多个计算装置所组成的网络上,可选地,它们可以用计算装置可执行的程序代码来实现,从而,可以将它们存储在存储装置中由计算装置来执行,或者将它们分别制作成各个集成电路模块,或者将它们中的多个模块或步骤制作成单个集成电路模块来实现。这样,本发明不限制于任何特定的硬件和软件结合。
以上所述仅为本申请的优选实施例而已,并不用于限制本申请,对于本领域的技术人员来说,本申请可以有各种更改和变化。凡在本申请的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本申请的保护范围之内。
Claims (10)
1.可视化布局管理系统,其特征在于,包括:服务端和客户端;服务端包括可视化布局管理模块和服务端数据库;服务端数据库内预先存储有用于布局的基础功能模块和已经生成的布局方案,其中,每个布局方案封装有本布局方案中各个模块的标识、对各模块属性的编辑指令和各模块的排版指令;可视化布局管理模块为运营人员提供在线编辑窗口,运营人员通过可视化布局管理模块对已有基础功能模块和布局方案进行在线修改,以及编辑新增基础功能模块和布局方案;
客户端通过接口模块与服务端交互,客户端包括加载单元和页面生成单元;加载单元加载布局方案,页面生成单元根据布局方案使用前端拖拽技术调用服务端数据库内将相应标识的基础功能模块,并按照布局方案中的属性编辑指令和排版指令对相应基础功能模块进行拖拽排版,生成待创建页面。
2.根据权利要求1所述的可视化布局管理系统,其特征在于,所述基础功能模块包括用于生成名称、标题、内容类型、媒体属性、详细内容、内容链接、跳转链接、统计关键字的功能模块。
3.根据权利要求2所述的可视化布局管理系统,其特征在于,所述内容类型包括:纯图、纯文字、图文混排。
4.根据权利要求3所述的可视化布局管理系统,其特征在于,所述媒体属性包括:普通图文、广告图文、数据列表。
5.根据权利要求4所述的可视化布局管理系统,其特征在于,所述基础功能模块的属性包括主标题、副标题、主题颜色、显示位置、栏目数、跳转链接。
6.根据权利要求5所述的可视化布局管理系统,其特征在于,所述编辑指令包括:增加、删除、修改、查找、上线、下线。
7.基于权利要求1至6任意一项所述的可视化布局管理系统的可视化布局管理方法,其特征在于,包括步骤:
(1)客户端发动页面生成请求,页面生成请求包括所需布局方案的标识;
(2)服务端响应页面生成请求,并按照布局方案的标识选取布局方案下发给客户端;
(3)客户端的加载布局方案;
(4)页面生成单元新建一个页面,并按照布局方案中的属性编辑指令和排版指令对相应基础功能模块进行拖拽排版,生成待创建页面。
8.根据权利要求7所述的可视化布局管理系统的可视化布局管理方法,其特征在于,当需要新增布局方案时,首先新建一个新的布局并创建标识,将新的布局与其标识之间建立关联关系,然后进入可视化布局管理界面;使用前端拖拽技术将服务端数据库中生成的基础功能模块进行拖拽排版,同时编辑布局内各个模块的属性,编辑完布局排版之后,提交布局方案到数据库进行保存。
9.根据权利要求8所述的可视化布局管理系统的可视化布局管理方法,其特征在于,当需要修改一个方案时,选取一个现有的布局,对布局中原有的基础功能模块进行删除或新增,然后使用前端拖拽技术对当前的基础功能模块进行拖拽排版,并在线编辑布局内各个模块的属性,编辑完布局排版之后,提交布局方案到数据库进行保存。
10.根据权利要求9所述的可视化布局管理系统的可视化布局管理方法,其特征在于,所述布局方案以XML结构存储。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910487880.2A CN110321123A (zh) | 2019-06-05 | 2019-06-05 | 可视化布局管理系统及管理方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910487880.2A CN110321123A (zh) | 2019-06-05 | 2019-06-05 | 可视化布局管理系统及管理方法 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN110321123A true CN110321123A (zh) | 2019-10-11 |
Family
ID=68120878
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201910487880.2A Withdrawn CN110321123A (zh) | 2019-06-05 | 2019-06-05 | 可视化布局管理系统及管理方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN110321123A (zh) |
Cited By (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111399832A (zh) * | 2020-03-06 | 2020-07-10 | 北京奇艺世纪科技有限公司 | 一种页面编辑方法及装置 |
CN111475153A (zh) * | 2020-03-10 | 2020-07-31 | 陈莉 | 一种基于图形化技术的云资源混合编排系统及方法 |
CN111752667A (zh) * | 2020-07-01 | 2020-10-09 | 湖南快乐阳光互动娱乐传媒有限公司 | 一种页面生成方法及装置 |
CN111859891A (zh) * | 2020-07-30 | 2020-10-30 | 广东飞企互联科技股份有限公司 | 基于Word模板的业务表单的快速生成系统及方法 |
CN112685009A (zh) * | 2020-12-09 | 2021-04-20 | 广东各有所爱信息科技有限公司 | 一种自定义模块管理与展示的方法 |
-
2019
- 2019-06-05 CN CN201910487880.2A patent/CN110321123A/zh not_active Withdrawn
Cited By (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111399832A (zh) * | 2020-03-06 | 2020-07-10 | 北京奇艺世纪科技有限公司 | 一种页面编辑方法及装置 |
CN111399832B (zh) * | 2020-03-06 | 2024-03-08 | 北京奇艺世纪科技有限公司 | 一种页面编辑方法及装置 |
CN111475153A (zh) * | 2020-03-10 | 2020-07-31 | 陈莉 | 一种基于图形化技术的云资源混合编排系统及方法 |
CN111752667A (zh) * | 2020-07-01 | 2020-10-09 | 湖南快乐阳光互动娱乐传媒有限公司 | 一种页面生成方法及装置 |
CN111859891A (zh) * | 2020-07-30 | 2020-10-30 | 广东飞企互联科技股份有限公司 | 基于Word模板的业务表单的快速生成系统及方法 |
CN112685009A (zh) * | 2020-12-09 | 2021-04-20 | 广东各有所爱信息科技有限公司 | 一种自定义模块管理与展示的方法 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN110321123A (zh) | 可视化布局管理系统及管理方法 | |
Boll et al. | Z/sub Y/Xa multimedia document model for reuse and adaptation of multimedia content | |
CN105549982B (zh) | 一种基于模型配置的自动化开发平台 | |
Buchanan et al. | Automatic temporal layout mechanisms | |
CN106843835A (zh) | 一种元数据定制的应用系统软件构建系统、系统构建方法 | |
CN110807015A (zh) | 一种大数据资产价值交付管理方法及系统 | |
WO2008099393A2 (en) | Service provisioning system | |
CN102236709A (zh) | 一种基于Flex的监控页面显示方法及系统 | |
CN110995844A (zh) | 多人协同设计的方法、装置、设备及计算机可读存储介质 | |
CN110336916A (zh) | 基于终端屏幕尺寸的布局管理方法及系统 | |
CN107590282A (zh) | 一种工作流引擎的处理方法及工作流引擎 | |
CN110400067A (zh) | 一种通用资产管理的方法及系统 | |
CN107436785B (zh) | 基于信息系统的Revit软件信息交互系统及交互方法 | |
US20030067490A1 (en) | Screen transition diagram editing apparatus and computer product | |
CN103116330A (zh) | 一种指挥大厅控制方法 | |
CN105574114A (zh) | 基于电信资源管理标准控件库的在线绘图方法 | |
CN110308927A (zh) | 布局版本管理系统及管理方法 | |
CN115203162A (zh) | 一种所见即所得图数据构建方法 | |
CN114254234A (zh) | 一种基于bs架构的页面生成系统、方法及存储介质 | |
CN110333854A (zh) | 基于布局模块的广告植入系统及方法 | |
CN110336858A (zh) | 基于社区功能的图文直播系统 | |
CN110334304A (zh) | 基于布局容灾的配置方法及系统 | |
CN110321110A (zh) | 基于用户图像的用户类型适配系统及方法 | |
CN110221827A (zh) | 数据处理方法及相关装置 | |
Cheverst et al. | Developing interfaces for collaborative mobile systems |
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 | ||
WW01 | Invention patent application withdrawn after publication |
Application publication date: 20191011 |
|
WW01 | Invention patent application withdrawn after publication |