智能UI界面布局方法、装置、终端设备及存储介质制造方法及图纸

本发明专利技术公开了一种智能UI界面布局方法、装置、终端设备及存储介质。该方法包括：获取客户端发送的访问请求，访问请求包括待访问URL、用户ID和终端ID；基于待访问URL，获取对应的原始UI界面，原始UI界面包括至少一个功能模块；基于用户ID，获取与用户ID相对应的用户的历史访问习惯；基于历史访问习惯对至少一个功能模块的显示顺序进行调整，获取目标UI界面；将目标UI界面发送给终端ID对应的客户端，以使客户端显示目标UI界面。该方法可以根据用户对待访问URL对应的原始UI界面中各功能模块的历史访问习惯，调整原始UI界面的各功能模块的显示顺序，使得获取的目标UI界面为符合用户的历史访问习惯的个性化UI界面。

Intelligent UI interface layout method, device, terminal equipment and storage medium

The invention discloses an intelligent UI interface layout method, a device, a terminal device and a storage medium. This method includes access to access requests sent by the client, access requests including access to URL, user ID and terminal ID; based on access to URL, access to the corresponding original UI interface, the original UI interface includes at least one functional module; based on user ID, access to users' historical access habits corresponding to user ID; The history access habit adjusts the display order of at least one functional module, gets the target UI interface, sends the target UI interface to the terminal ID corresponding client, so that the client displays the target UI interface. This method can adjust the display order of the functional modules of the original UI interface according to the user's history access habits of the functional modules in the original UI interface corresponding to the URL, making the acquired target UI interface a personalized UI interface that meets the user's historical access habits.

【技术实现步骤摘要】
智能UI界面布局方法、装置、终端设备及存储介质
本专利技术涉及应用界面显示领域，尤其涉及一种智能UI界面布局方法、装置、终端设备及存储介质。
技术介绍
UI(UserInterface，用户界面)设计是指对软件的人机交互、操作逻辑和界面美观的整体设计。现有的UI设计在确认设计目的后，UI界面布局往往只是简单地遵循用户从上而下、从左向右浏览的操作习惯进行设计，对UI界面布局中的功能模块进行顺序调整时，通常使用vue，react组件化引入虚拟dom节点对UI进行调整，但是这种UI界面布局的调整往往是开发人员在后台进行统一调整，展示给用户浏览的UI界面布局都是统一的，无法实现个性化UI界面设置。
技术实现思路
本专利技术实施例提供一种智能UI界面布局方法、装置、终端设备及存储介质，以解决现有的UI界面布局不能实现个性化UI界面设置的问题。第一方面，本专利技术实施例提供一种智能UI界面布局方法，包括：获取客户端发送的访问请求，所述访问请求包括待访问URL、用户ID和终端ID；基于所述待访问URL，获取对应的原始UI界面，所述原始UI界面包括至少一个功能模块；基于所述用户ID，获取与所述用户ID相对应的用户的历史访问习惯；基于所述历史访问习惯对至少一个所述功能模块的显示顺序进行调整，获取目标UI界面；将所述目标UI界面发送给所述终端ID对应的客户端，以使所述客户端显示所述目标UI界面。第二方面，本专利技术实施例提供一种智能UI界面布局装置，包括：访问请求获取模块，用于获取客户端发送的访问请求，所述访问请求包括待访问URL、用户ID和终端ID；原始UI界面获取模块，用于基于所述待访问URL，获取对应的原始UI界面，所述原始UI界面包括至少一个功能模块；历史访问习惯获取模块，用于基于所述用户ID，获取与所述用户ID相对应的用户的历史访问习惯；目标UI界面获取模块，用于基于所述历史访问习惯对至少一个所述功能模块的显示顺序进行调整，获取目标UI界面；目标UI界面显示模块，用于将所述目标UI界面发送给所述终端ID对应的客户端，以使所述客户端显示所述目标UI界面。第三方面，本专利技术实施例提供一种终端设备，包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现所述智能UI界面布局方法的步骤。第四方面，本专利技术实施例提供一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，所述计算机程序被处理器执行时实现所述智能UI界面布局方法的步骤。本专利技术实施例提供的智能UI界面布局方法、装置、终端设备及存储介质，根据客户端发送的访问请求中的待访问URL获取对应的原始UI界面，并基于用户ID获取与用户ID对应的用户访问习惯，确定用户对该原始UI界面中各功能模块的历史访问习惯。根据该历史访问习惯对原始UI界面进行个性化调整，以获取目标UI界面，该目标UI界面显示的是基于用户的历史访问习惯调整功能模块顺序后的内容，使得其目标UI界面显示的内容更符合用户ID对应的用户的历史访问习惯，以实现个性化UI界面设计。附图说明为了更清楚地说明本专利技术实施例的技术方案，下面将对本专利技术实施例的描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本专利技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。图1是本专利技术实施例1中智能UI界面布局方法的一流程图。图2是图1中步骤S30的一具体示意图。图3是图2中步骤S32的一具体示意图。图4是图1中步骤S40的一具体示意图。图5是图4中步骤S43的一具体示意图。图6是本专利技术实施例2中提供的智能UI界面布局装置的原理框图。图7是本专利技术实施例4中提供的终端设备的示意图。具体实施方式下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本专利技术一部分实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本专利技术保护的范围。实施例1图1示出本实施例中智能UI界面布局方法的流程图。该智能UI界面布局方法应用在用户在浏览一个应用程序的UI界面时，可以根据用户访问该应用程序的历史访问习惯调整用户浏览的UI界面的布局情况，使得该UI界面为符合该用户的访问习惯的个性化UI界面。该智能UI界面布局方法在服务器上执行，用于对与服务器相连的客户端上安装的某一应用程序的UI界面进行调整布局，以满足客户需求。如图1所示，该智能UI界面布局方法包括如下步骤：S10:获取客户端发送的访问请求，访问请求包括待访问URL、用户ID和终端ID。其中，待访问URL是指用户需要访问的网页地址。用户ID是指用户在客户端访问特定网页时使用的账户信息。该账户信息包括但不限于用户登录名和手机号。终端ID是指发送访问请求的客户端对应的ID，该客户端包括但不限于电脑、手机和Ipad等终端。该终端ID可以为客户端的MAC地址或IP地址。具体地，与客户端通信相连的服务器会接收客户端发送的访问请求，该访问请求一般携带有待访问URL、用户ID和终端ID，该待访问URL即为客户端发送给服务器需要访问的网页的地址，该用户ID可用于识别该待访问URL对应的网页内容的用户身份，服务器通过用户ID对获取到的待访问URL对应的信息进行解析，将该URL对应的网页内容反馈给该终端ID对应的客户端，以使客户端显示用户ID对应的网页内容。S20：基于待访问URL，获取对应的原始UI界面，原始UI界面包括至少一个功能模块。其中，原始UI界面是指待访问URL对应的UI界面。原始UI界面包含其对应的应用程序中实现不同功能的功能模块，每一功能模块对应不同的网页内容。该原始UI界面中包含了具有不同功能的功能模块，每个功能模块对应不同的UI子界面。具体地，用户在访问一个原始UI界面时，客户端会将该原始UI界面对应的URL发送给服务器，即就是客户端将待访问URL发送给服务器，服务器基于该待访问URL获取对应的原始UI界面。其中，一个原始UI界面包括至少一个功能模块，每一功能模块的访问记录在服务器中都是以该功能模块对应的待访问URL关联存储。如用户访问一金融管理APP时，服务器接收该金融管理APP对应的URL，基于该URL进入该金融管理APP的首页，获取该首页对应的原始UI界面，该原始UI界面中包括了金融管理功能模块和生活管理功能模块。其中，金融管理模块包括但不限于银行余额、信用卡还款、我的信用、证券开户和我的贷款等子功能模块，生活管理功能模块包括但不限于健康账户、我的公积金、国内旅游和国外旅游等子功能模块。每一功能模块都有一对应的URL，每一子功能模块也都有一对应的URL。用户访问该金融管理APP中具体的功能模块的访问记录都是以URL存储在服务器中的。每一功能模块都会有一个与该功能模块对应的UI子界面，该UI子界面会将该功能模块包含的内容详细地展示给用户。如信用卡还款功能模块包含账单管理、信用卡分析、消费分析和信用卡还款等内容，该信用卡还款功能模块对应的UI子界面会将账单管理、信用卡分析、消费分析和信用卡还款等内容展示给用户，用户可根据自己的实际需要进行相关操作。S30：基于用本文档来自技高网...

【技术保护点】
1.一种智能UI界面布局方法，其特征在于，包括：获取客户端发送的访问请求，所述访问请求包括待访问URL、用户ID和终端ID；基于所述待访问URL，获取对应的原始UI界面，所述原始UI界面包括至少一个功能模块；基于所述用户ID，获取与所述用户ID相对应的用户的历史访问习惯；基于所述历史访问习惯对至少一个所述功能模块的显示顺序进行调整，获取目标UI界面；将所述目标UI界面发送给所述终端ID对应的客户端，以使所述客户端显示所述目标UI界面。

【技术特征摘要】
1.一种智能UI界面布局方法，其特征在于，包括：获取客户端发送的访问请求，所述访问请求包括待访问URL、用户ID和终端ID；基于所述待访问URL，获取对应的原始UI界面，所述原始UI界面包括至少一个功能模块；基于所述用户ID，获取与所述用户ID相对应的用户的历史访问习惯；基于所述历史访问习惯对至少一个所述功能模块的显示顺序进行调整，获取目标UI界面；将所述目标UI界面发送给所述终端ID对应的客户端，以使所述客户端显示所述目标UI界面。2.如权利要求1所述的智能UI界面布局方法，其特征在于，所述基于所述用户ID，获取与所述用户ID相对应的用户的历史访问习惯，包括：基于所述用户ID和所述待访问URL，获取对应的原始Cookie列表，所述原始Cookie列表包括至少一条Cookie记录，每一所述Cookie记录对应一个历史访问URL；统计每一所述功能模块对应的历史访问URL的历史访问次数，基于所述历史访问次数确定所述历史访问习惯。3.如权利要求2所述的智能UI界面布局方法，其特征在于，所述统计每一所述功能模块对应的历史访问URL的历史访问次数，基于所述历史访问次数确定所述历史访问习惯，包括：获取每一所述历史访问URL对应的访问时长；从所述原始Cookie列表中获取所述访问时长大于预设时长的历史访问URL作为目标访问URL；统计每一所述功能模块对应的所述目标访问URL的历史访问次数，基于所述历史访问次数确定所述历史访问习惯。4.如权利要求2或3所述的智能UI界面布局方法，其特征在于，所述原始UI界面包括原始DOM树，所述原始DOM树包括至少一个DOM标签，每一所述DOM标签与一所述功能模块相对应；所述基于所述历史访问习惯对至少一个所述功能模块的显示顺序进行调整，获取目标UI界面，包括：基于所述历史访问习惯，确定每一DOM标签对应的历史访问次数；基于所述历史访问次数对所述DOM标签进行排序，以获取目标DOM树；对所述目标DOM树进行渲染，获取所述目标UI界面。5.如权利要求4所述的智能UI界面布局方法，其特征在于，所述DOM标签包括标签层级；所述基于所述历史访问次数对所述DOM标签进行排序，以获取目标DOM树，包括：基于所述历史访问次数对同一标签层级下的所有所述DOM标签进行排序，以获取所述目标DOM树。6.如权利要求1所述的智能UI界面布局方法，其特征...

【专利技术属性】
技术研发人员：高林龙，
申请(专利权)人：平安普惠企业管理有限公司，
类型：发明
国别省市：广东,44