[发明专利]一种用户界面处理方法、装置及设备

说明书

本实施例提供了一种用户界面处理方法、装置及设备，本实施例构建UI组件库的各组件是相互独立的，具体按照预设命名规则，获取各组件的组件标识关联的样式信息，从而据此确定当前界面显示的该组件的组件样式，并在使用任意一个组件时，直接利用其组件标识调用关联的事件信息并执行，不需要导入预设的整个UI组件库，需要哪个组件，调用哪个组件的样式信息、事件信息，降低了代码量，减少了代码冗余，提高了UI组件库构建或更新效率，且实现了组件的复用性，使得组件能够使用到多个地方，并不局限于当前界面。

技术领域

本申请主要涉及前端技术领域，更具体地说是涉及一种用户界面处理方法、装置及设备。

背景技术

随着互联网技术的快速发展，智能手机、iPad、笔记本电脑等终端设备成为人们生活、工作或娱乐中必不可少的设备，用户在使用过程中通常都会在终端设备中安装用来办公、购物、游戏、浏览器等多个应用程序。

其中，应用程序主要是通过UI(User Interface，用户界面)以及操作呈现给用户，且不同应用程序的UI布局通常是不同的，同一应用程序在不同平台的终端设备呈现的UI布局往往也会有很大差异，以及同一应用程序在同一终端设备上呈现的UI布局也会不断更新变化。

因此，在实际应用中，通常会依赖前端框架，针对不同的UI布局构建一个配套的UI组件库，过程繁琐、成本高；且终端设备通常需要导入多个UI组件库，才能获取当前界面各组件所需的组件信息，往往会出现代码冗余的问题。

发明内容

有鉴于此，本实施例提供了一种用户界面处理方法、装置及设备，实现了组件的相互独立，使其具有复用性，且由于无需导入整个UI组件库，解决了代码冗余问题。

为了实现上述目的，本实施例公开了以下技术方案：

本实施例提供了一种用户界面处理方法，所述方法包括：

获取多个组件的组件标识；

按照预设命名规则，提取各组件标识关联的样式信息；

利用所述样式信息，确定终端当前界面包含的各组件的组件样式，并在输出所述当前界面时显示各组件的组件样式；

接收到针对所述当前界面的任一组件的操作指令；

响应所述操作指令，调用并执行所述任一组件的组件标识关联的事件信息。

可选的，所述方法还包括：

获取多个组件的超文本标记语言HTML文件信息；

所述获取多个组件的组件标识，包括：

利用多个组件的HTML文件信息包含的数据属性，得到相应组件的组件标识。

可选的，所述方法还包括：

从所述HTML文件信息中提取相应的样式信息及事件信息；

建立相应组件标识与所述样式信息和所述事件信息之间的调用关系。

可选的，所述方法还包括：

获取预设的多个样式信息；

接收用户针对各组件选定的样式信息，确定各组件的组件标识与相应样式信息之间的调用关系。

可选的，所述多个样式信息包括系统预设样式信息、用户自定义样式信息。

可选的，所述多个样式信息设置在公共变量文件中；

接收到针对任一样式信息的修改指令；

响应所述修改指令，修改所述公共变量文件中的相应样式信息。

可选的，所述方法还包括：