一种门户页面的组件化配置方法和系统技术方案

本发明专利技术涉及一种门户页面的组件化配置方法和系统，方法包括以下步骤：在页面配置过程中，以可视化界面的形式显示预先配置的门户默认页面、页面基本信息以及页面组件；获取页面组件的拖拽命令，根据该拖拽命令将页面组件对应的组件形式显示在拖拽命令的指引位置；获取控制命令，对所述组件形式的显示样式进行调整；获取保存命令，保存配置后的门户页面。与现有技术相比，本发明专利技术将门户页面设计组件化，具有高度自由化、泛用化设计、灵活多变等优点。灵活多变等优点。灵活多变等优点。

【技术实现步骤摘要】
一种门户页面的组件化配置方法和系统


[0001]本专利技术涉及计算机处理
，尤其是涉及一种门户页面的组件化配置方法和系统。

技术介绍

[0002]随着全球进入第四次工业革命，互联网时代，海内外掀起IT热潮，各种信息软件层穷不出。近十几年来，国内也赶上的此次热潮，各个大小IT公司或是传统行业企业雨后春笋般生根发芽、生长崛起，绝大多数企业主要注重于其核心业务发展，却忽视了公司门面，特色的门面能给公司带来意想不到的正面效应，因此门户就为此诞生了。
[0003]公开号为CN109376328A的专利技术公开了一种私募公司门户网站创建系统、方法及管理端、设备，包括：通用设置模块、个性化设置模块和网站发布模块。通过上述通用设置模块可以生成用于从预设的菜单名称库中选择菜单名称的菜单名称选择接口以及用于为上述选中的菜单名称设置菜单内容的菜单内容设置接口；另外，通过上述个性化设置模块可以生成用于从预设的布局库中选择目标布局的布局选择接口以及用于进行配色设置的配色设置接口。由上可知，本申请预先创建了菜单名称库和布局库，私募公司工作人员可以从上述菜单名称库和布局库中选择自身需要的菜单名称和相应的布局，所以能够大幅提升门户的开发速度，并且，降低了私募公司门户网站开发过程中的人力成本。
[0004]该方案通过个性化设置模块从预设的布局库中选择目标布局的布局选择接口以及用于进行配色设置的配色设置接口，难以满足用于多样的个性化需求。

技术实现思路

[0005]本专利技术的目的就是为了克服上述现有技术存在公司门户网站难以满足用于多样的个性化需求的缺陷而提供一种门户页面的组件化配置方法和系统。
[0006]本专利技术的目的可以通过以下技术方案来实现：
[0007]一种门户页面的组件化配置方法，包括以下步骤：
[0008]在页面配置过程中，以可视化界面的形式显示预先配置的门户默认页面、页面基本信息以及页面组件；
[0009]获取页面组件的拖拽命令，根据该拖拽命令将页面组件对应的组件形式显示在拖拽命令的指引位置；
[0010]获取控制命令，对所述组件形式的显示样式进行调整；
[0011]获取保存命令，保存配置后的门户页面。
[0012]进一步地，所述页面组件包括信息组件、图片组件和日历日程组件。
[0013]进一步地，所述页面组件还包括自定义组件，该自定义组件在预设的代码编辑环境通过代码编辑命令进行配置。
[0014]进一步地，用于调整的所述组件形式的显示样式包括颜色，大小和字体。
[0015]进一步地，所述可视化界面在用户登录后，保存该用户的身份信息，在该用户登录
期间，接收保存命令，保存配置后的门户页面后，将该门户页面对应为该用户的个性化页面；
[0016]在页面显示过程中，当用户登录可视化界面时，判断该用户的身份信息是否保存有对应的个性化页面，若有，则挂载并显示对应的个性化页面，否则，显示预先配置的门户默认页面。
[0017]进一步地，所述可视化界面配置有第三方系统结构，用于为页面组件配置第三方数据。
[0018]本专利技术还提供一种门户页面的组件化配置系统，包括：
[0019]后台，用以通过可视化界面的形式显示预先配置的门户默认页面、页面基本信息以及页面组件；获取页面组件的拖拽命令，根据该拖拽命令将页面组件对应的组件形式显示在拖拽命令的指引位置；获取控制命令，对所述组件形式的显示样式进行调整；获取保存命令，保存配置后的门户页面；所述后台在用户登录后，保存该用户的身份信息，在该用户登录期间，接收保存命令，保存配置后的门户页面后，将该门户页面对应为该用户的个性化页面；
[0020]前台，用以在用户登录系统后，判断该用户的身份信息是否保存有对应的个性化页面，若有，则挂载并显示对应的个性化页面，否则，显示预先配置的门户默认页面。
[0021]进一步地，所述页面组件包括信息组件、图片组件和日历日程组件；用于调整的所述组件形式的显示样式包括颜色，大小和字体。
[0022]进一步地，所述页面组件还包括自定义组件，该自定义组件在预设的代码编辑环境通过代码编辑命令进行配置。
[0023]进一步地，所述可视化界面配置有第三方系统结构，用于为页面组件配置第三方数据。
[0024]与现有技术相比，本专利技术具有以下优点：
[0025](1)本专利技术将门户页面设计组件化，通过组件模板，美化页面，将详细组件配置数据存入数据库，与页面作关联，登录门户的默认页面挂载设置的页面，进而实现门户的多样化，其中组件、页面、门户三个维度数据解耦设计，完全实现高度自由化、泛用化设计、灵活多变的目的。
[0026](2)本专利技术支持门户的千人千面的特性，完美诠释高度自由化门户设计。
[0027](3)本专利技术组件配置第三方系统接口，方便接入外部数据。
[0028](4)门户主要实现页面的高度自由化以及个性化配置，客户可根据个人需求进行配置，这些配置少不了系统内置组件，这些组件可丰富门户页面的展示的多样性，每一个内置组件经过长时间推敲与设计，由简单大气到精美复杂应有尽有，尽量涵括市面上主流特性，保证组件的泛用性，独特性，避免组件功能重复。另外也可设置组件的显示样式，比如颜色，大小、字体等都可自定义，如果将组件作为一个框架，样式作为工具，那么客户就是一位画工了，自由丰富属于自己的门户页面。
[0029]另外，系统也为客户开放一种特殊组件，即自定义组件，这与系统内置不一样，这个组件做什么完全由客户自己来决定，也就是说，客户也能自由设计组件，来镶嵌在门户默认页面上。当然需要有一定的代码开发能力才能掌控。
附图说明
[0030]图1为本专利技术实施例中提供的一种门户页面的组件化配置方法的流程示意图；
[0031]图2为本专利技术实施例中提供的一种后台配置门户的默认页面，对于页面的基础信息进行编辑；
[0032]图3为本专利技术实施例中提供的一种后台配置门户的默认页面，核心配置组件信息，可通过拖拽方式将组件拖入页面，可对其位置、样式、大小进行调整；
[0033]图4为本专利技术实施例中提供的一种挂载门户默认的页面；
[0034]图5为本专利技术实施例中提供的一种门户的默认页面的组件配置完成后，进入前台展示效果图，配置了图片组件以及日历日程组件。
具体实施方式
[0035]为使本专利技术实施例的目的、技术方案和优点更加清楚，下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本专利技术一部分实施例，而不是全部的实施例。通常在此处附图中描述和示出的本专利技术实施例的组件可以以各种不同的配置来布置和设计。
[0036]因此，以下对在附图中提供的本专利技术的实施例的详细描述并非旨在限制要求保护的本专利技术的范围，而是仅仅表示本专利技术的选定实施例。基于本专利技术中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本专利技术保护的范围。<本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种门户页面的组件化配置方法，其特征在于，包括以下步骤：在页面配置过程中，以可视化界面的形式显示预先配置的门户默认页面、页面基本信息以及页面组件；获取页面组件的拖拽命令，根据该拖拽命令将页面组件对应的组件形式显示在拖拽命令的指引位置；获取控制命令，对所述组件形式的显示样式进行调整；获取保存命令，保存配置后的门户页面。2.根据权利要求1所述的一种门户页面的组件化配置方法，其特征在于，所述页面组件包括信息组件、图片组件和日历日程组件。3.根据权利要求2所述的一种门户页面的组件化配置方法，其特征在于，所述页面组件还包括自定义组件，该自定义组件在预设的代码编辑环境通过代码编辑命令进行配置。4.根据权利要求1所述的一种门户页面的组件化配置方法，其特征在于，用于调整的所述组件形式的显示样式包括颜色，大小和字体。5.根据权利要求1所述的一种门户页面的组件化配置方法，其特征在于，所述可视化界面在用户登录后，保存该用户的身份信息，在该用户登录期间，接收保存命令，保存配置后的门户页面后，将该门户页面对应为该用户的个性化页面；在页面显示过程中，当用户登录可视化界面时，判断该用户的身份信息是否保存有对应的个性化页面，若有，则挂载并显示对应的个性化页面，否则，显示预先配置的门户默认页面。6.根据权利要求1所述的一种门户页面的组件化配置方法，其...

【专利技术属性】
技术研发人员：李健达，谢磊雷，
申请(专利权)人：上海得帆信息技术有限公司，
类型：发明
国别省市：