CN112433727A - 一种用户界面配置方法、装置、电子设备及可读存储介质 - Google Patents
一种用户界面配置方法、装置、电子设备及可读存储介质 Download PDFInfo
- Publication number
- CN112433727A CN112433727A CN202011438644.0A CN202011438644A CN112433727A CN 112433727 A CN112433727 A CN 112433727A CN 202011438644 A CN202011438644 A CN 202011438644A CN 112433727 A CN112433727 A CN 112433727A
- Authority
- CN
- China
- Prior art keywords
- information
- interface
- json data
- target page
- json
- 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
Images
Classifications
-
- 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
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/80—Information retrieval; Database structures therefor; File system structures therefor of semi-structured data, e.g. markup language structured data such as SGML, XML or HTML
- G06F16/84—Mapping; Conversion
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F21/00—Security arrangements for protecting computers, components thereof, programs or data against unauthorised activity
- G06F21/60—Protecting data
- G06F21/602—Providing cryptographic facilities or services
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Computer Hardware Design (AREA)
- Computer Security & Cryptography (AREA)
- Health & Medical Sciences (AREA)
- General Health & Medical Sciences (AREA)
- Bioethics (AREA)
- Data Mining & Analysis (AREA)
- Databases & Information Systems (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明涉及计算机用户界面开发技术领域，具体涉及一种用户界面配置方法、装置、电子设备及可读存储介质。所述方法包括：当接收到用户请求应用目标页面指令时，获取所述目标页面的ID信息；根据所述目标页面的ID信息，从预设的JSON数据库中获取与所述ID目标页面的界面匹配的JSON数据；其中所述JSON数据库存储有每一个应用页面的界面、所述界面具有映射关系JSON数据和二者的映射关系；其中所述目标页面的ID信息是用于构建所述二者映射关系的标识，JSON数据中包含匹配的界面的布局信息和界面组件信息；根据所述获取的JSON数据，配置并显示所述目标页面的用户界面。本申请提供的用户界面配置方案降低数据冗余，提高页面元素的复用率及开发效率。
Description
技术领域
本发明涉及计算机用户界面开发技术领域，具体涉及一种用户界面配置方法、装置、电子设备及可读存储介质。
背景技术
随着信息技术的不断发展,控制的智能化，操作的通用化，界面的个性化成为发展趋势。很多时候个性化的界面和界面操作舒适度已经成为了影响消费者进行终端购买或提升用户粘度的主要因素。现有技术中界面配置和切换过程为客户提出需求，界面UI设计人员设计，开发人员根据设计好的界面进行界面开发，开发完成后最后交给测试人员测试，测试完成后再提交给客户，以应用APP界面展示为例，在APP展示不同界面时，需要重新定义一个页面适配器以维护展示该适配器所对应的用户界面，若要实现个性化展示用户界面，则需要维护多个页面适配器以及对应的界面组件，这就会造成若用户界面样式变更需求频繁，则会导致开发人员频繁的进行界面开发，从而导致研发维护成本高、研发效率底、适配通用性差。
发明内容
本申请的目的旨在至少能解决上述的技术缺陷之一。本申请所采用的技术方案如下：
第一方面，本申请实施例公开了一种用户界面配置方法，所述方法包括：
当接收到用户请求应用目标页面指令时，获取所述目标页面的ID信息；
根据所述目标页面的ID信息，从预设的JSON数据库中获取与所述ID目标页面的界面匹配的JSON数据；其中所述JSON数据库存储有每一个应用页面的界面、所述界面具有映射关系JSON数据和二者的映射关系；其中所述目标页面的ID信息是用于构建所述二者映射关系的标识，JSON数据中包含匹配的界面的布局信息和界面组件信息；
根据所述获取的JSON数据，配置并显示所述目标页面的用户界面。
进一步地，所述JSON数据中的包含的界面布局信息包括但不限于：目标页面ID和ID目标页面背景；所述JSON数据中包含的界面组件信息进一步包括：组件ID、ID组件的在界面中的位置信息、ID组件的背景、ID组件包含的跳转页面信息。
进一步地，所述根据所述获取的JSON数据，配置并显示所述目标页面的用户界面包括：解析获取的JSON数据，获取JSON数据中包含的界面布局信息和界面组件信息；根据获取的界面布局信息布局所述用户界面；根据获取的界面组件信息，从所述预存的界面组件库中获取匹配的组件并布局在布局好的用户界面中。
进一步地，根据获取的界面组件信息，从所述预存的组件库中获取匹配的组件进一步包括：解析所述JSON数据获取其中包含的界面组件ID信息；根据所述ID信息，从预存的界面组件库中获取匹配的组件信息。
进一步地，所述方法还包括：对预存的JSON数据库中的JSON数据进行对称密码加密处理；根据所述目标页面的ID信息，获取与目标页面的界面匹配的JSON数据加密信息串。
进一步地，在解析获取的JSON数据之前，所述方法还包括对所述获取的格式为信息串的加密JSON数据进行解密。
进一步地，所述用户基于HTTP通讯方式向应用服务器请求应用目标页面。
进一步可选地，所述界面组件的类型包括但不限于：图片文件、PDF文件、视频文件、H网页文件。
进一步地，所述方法还包括：接受用户指令，根据所述用户指令，按照预设规则组合所述JSON数据库中的至少两个JSON数据。
另一方面本申请实施例提供了一种用户界面配置装置，所述装置包括：通讯模块、存储模块、配置模块和显示模块，其中，所述通讯模块，用于当接收到用户请求应用目标页面指令时，获取所述目标页面的ID信息；所述存储模块，用于存储预设的JSON数据库；所述JSON数据库存储有每一个应用页面的界面、所述界面具有映射关系JSON数据和二者的映射关系；其中所述目标页面的ID信息是用于构建所述二者映射关系的标识，所述通讯模块，还用于根据所述目标页面的ID信息，从预设的JSON数据库中获取与所述ID目标页面的界面匹配的JSON数据；其中JSON数据中包含匹配的界面的布局信息和界面组件信息；所述配置模块，用于根据所述获取的JSON数据，配置所述目标页面的用户界面；所述显示模块，用于显示配置好的目标页面的用户界面。
进一步地，所述通讯模块具体用于获取所述JSON数据中的包含的目标页面ID和ID目标页面背景；所述通讯模块，还用于获取JSON数据中包含组件ID、ID组件的在界面中的位置信息、ID组件的背景、ID组件包含的跳转页面信息。
进一步地，所述存储模块还用于存储界面组件库，所述配置模块包括解析单元和布局单元，其中，
所述解析单元，用于解析获取的JSON数据，获取JSON数据中包含的界面布局信息和界面组件信息；
所述布局单元，用于根据解析单元解析的界面布局信息布局所述用户界面；
所述布局单元，还用于根据解析的界面组件信息，从存储模块预存的界面组件库中获取匹配的组件并布局在布局好的用户界面中。
进一步可选地，所述装置还包括加密模块和解密模块，其中，
所述加密模块用于对预存的JSON数据库中的JSON数据进行对称密码加密处理；
所述通讯模块，还用于根据所述目标页面的ID信息，获取与目标页面的界面匹配的JSON数据加密信息串。
所述解密模块，用于在解析获取的JSON数据之前，对所述获取的格式为信息串的加密JSON数据进行解密。
第三方面，本申请实施例提供了一种电子设备，包括处理器和存储器；
所述存储器，用于存储操作指令；
所述处理器，用于通过调用所述操作指令，执行上述任一实施例中所述的方法。
第四方面，本申请实施例提供了一种计算机可读存储介质，所述存储介质上存储有计算机程序，所述计算机程序被处理器执行时实现上述任一实施例所述的方法。
本申请实施例提供的用户界面配置方案基于JSON的信息组件化设计及其页面展示原理，将用户界面布局及界面组件ID封装成不同的JSON对象及JSON对象中的属性值，这些JSON对象相对独立又可以嵌套定义，结合界面组件数据库从而可以方便实现界面的组件化设计及动态修改。本申请实施例提供的技术方案带来的有益效果是包括通过使用JSON对象表示界面布局和界面元素可以进一步降低数据冗余，提高页面元素的复用率及开发效率。
附图说明
为了更清楚地说明本申请实施例中的技术方案，下面将对本申请实施例描述中所需要使用的附图作简单地介绍。
图1为本申请实施例提供的一种用户界面配置方法的流程示意图；
图2为本申请实施例提供的一种用户界面配置装置的结构示意图；
图3为本申请实施例提供的一种电子设备的结构示意图。
具体实施方式
下面详细描述本申请的实施例，所述实施例的示例在附图中示出，其中自始至终相同或类似的标号表示相同或类似的元件或具有相同或类似功能的元件。下面通过参考附图描述的实施例是示例性的，仅用于解释本申请，而不能解释为对本发明的限制。
本技术领域技术人员可以理解，除非特意声明，这里使用的单数形式“一”、“一个”、“所述”和“该”也可包括复数形式，其中的“第一”“第二”等只是为了介绍清楚方案而进行的对象区分定义，并不对对象本身进行限制，当然“第一”和“第二”限定的对象可能是同一个终端、设备和用户等，也可能是同一种终端、设备和用户。应该进一步理解的是，本申请的说明书中使用的措辞“包括”是指存在所述特征、整数、步骤、操作、元件和/或组件，但是并不排除存在或添加一个或多个其他特征、整数、步骤、操作、元件、组件和/或它们的组。这里使用的措辞“和/或”包括一个或更多个相关联的列出项的全部或任一单元和全部组合。
此外应理解，本申请实施例中“至少一个”是指一个或者多个，“多个”是指两个或两个以上。“和/或”，描述关联对象的关联关系，表示可以存在三种关系，例如，A和/或B，可以表示：单独存在A，同时存在A和B，单独存在B的情况，其中A、B可以是单数或者复数。字符“/”一般表示前后关联对象是一种“或”的关系。“以下至少一(项)个”或其类似表达，是指的这些项中的任意组合，包括单项(个)或复数项(个)的任意组合。例如，a、b或c中的至少一项(个)，可以表示：a，b，c，a和b，a和c，b和c，或a、b和c，其中a、b、c可以是单个，也可以是多个。
为使本申请的目的、技术方案和优点更加清楚，下面将结合附图对本申请实施方式作进一步地详细描述。
下面以具体地实施例对本申请的技术方案以及本申请的技术方案如何解决上述技术问题进行详细说明。下面这几个具体的实施例可以相互结合，对于相同或相似的概念或过程可能在某些实施例中不再赘述。下面将结合附图，对本申请的实施例进行描述。
目前现有技术中的用户界面配置方案如背景技术中介绍的存在着通用性差问题，此外还存在一些其他问题，例如应用的待机界面在不同的时刻需要展示不同的界面样式，现有的技术要求研发人员针对不同时刻都需要定义不同的页面适配器，并且对这些页面适配器所定义的界面类型进行维护，从而导致研发维护成本高；应用界面样式若变更频繁，就需要频繁的更改页面适配器，从而导致研发效率底；应用在不同的页面展示相同的页面组件时，就需要对不同的页面适配器中所定义的相同的页面组件进行维护，然而本质上那个页面组件是一个东西,造成重复造轮子，适配通用性差。目前也有一些专利在解决界面显示和配置问题，例如专利号为CN109800039B的专利就是通过对用户界面中的每个业务模型分别进行数据获取、排版、用户界面图片绘制及展示，提升了用户界面展示效率，但是该技术是根据业务模块来快速展示用户界面，用户界面只有图片类型，不支持视频、PDF文档等类型，且用户界面没有多层级的页面交互。基于此，本发明的以下实施例就是提供一种用户界面配置方法以解决上述至少之一的缺陷。
为了更清楚地介绍本申请的技术方案，以下介绍一些下述实施例可能涉及到的概念、术语或装置，以帮助理解本申请公开的用户界面配置方案：
JSON(JavaScript Object Notation,JS对象简谱)是一种轻量级的数据交换格式。它基于ECMAScript(欧洲计算机协会制定的js规范)的一个子集，采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得JSON成为理想的数据交换语言。JSON是一个标记符的序列。这套标记符包含六个构造字符、字符串、数字和三个字面名。JSON是一个序列化的对象或数组。
图1示出了本申请实施例提供的一种用户界面配置的流程示意图，如图1所示，该方法主要可以包括：
S101、当接收到用户请求应用目标页面指令时，获取所述目标页面的ID信息；
在具体实施例中应用程序的用户界面接收到页面请求指令，例如跳转指令(如客户点击某个按钮或其它触发条件)时，应用服务器将页面跳转指令对应的页面ID传给应用程序。但是当应用首次展示其界面时，页面ID为首界面的ID。
S102、根据所述目标页面的ID信息，从预设的JSON数据库中获取与所述ID目标页面的界面匹配的JSON数据；其中所述JSON数据库存储有每一个应用页面的界面、所述界面具有映射关系JSON数据和二者的映射关系；其中所述目标页面的ID信息是用于构建所述二者映射关系的标识，JSON数据中包含匹配的界面的布局信息和界面组件信息。
进一步地，所述JSON数据中的包含的界面布局信息包括但不限于：目标页面ID和ID目标页面背景；所述JSON数据中包含的界面组件信息进一步包括：组件ID、ID组件的在界面中的位置信息、ID组件的背景、ID组件包含的跳转页面信息。所述界面组件的类型包括但不限于：图片文件、PDF文件、视频文件、H网页文件。
JSON数据信息格式示例如下
在可选实施例中，根据获取的界面组件信息，从所述预存的组件库中获取匹配的组件进一步包括：解析所述JSON数据获取其中包含的界面组件ID信息；根据所述ID信息，从预存的界面组件库中获取匹配的组件信息。
S103、根据所述获取的JSON数据，配置并显示所述目标页面的用户界面：
步骤1、解析获取的JSON数据，获取JSON数据中包含的界面布局信息和界面组件信息；
步骤2、根据获取的界面布局信息布局展示相应的界面样式。
步骤3、从所述预存的界面组件库中获取匹配的组件并布局在布局好的用户界面中，具体地，根据解析出所有的组件ID信息在组件库依次查找组件的相关信息，数据库返回所有组件ID的信息并相应的展示。
在进一步的可选实施例中，所述方法还包括：对预存的JSON数据库中的JSON数据进行对称密码加密处理；根据所述目标页面的ID信息，获取与目标页面的界面匹配的JSON数据加密信息串。
在进一步的可选实施例中，在解析获取的JSON数据之前，所述方法还包括对所述获取的格式为信息串的加密JSON数据进行解密。
在进一步的可选实施例中，所述用户基于HTTP通讯方式向应用服务器请求应用目标页面。
在进一步的可选实施例中，所述方法还包括：接受用户指令，根据所述用户指令，按照预设规则组合所述JSON数据库中的至少两个JSON数据。
基于图1所示的用户界面配置方法，另一方面本申请实施例提供了一种用户界面配置装置，如图2所示，装置可以包括：201通讯模块、202存储模块、203配置模块和204显示模块，其中，
所述201通讯模块，用于当接收到用户请求应用目标页面指令时，获取所述目标页面的ID信息；
所述202存储模块，用于存储预设的JSON数据库；所述JSON数据库存储有每一个应用页面的界面、所述界面具有映射关系JSON数据和二者的映射关系；其中所述目标页面的ID信息是用于构建所述二者映射关系的标识；
所述201通讯模块，还用于根据所述目标页面的ID信息，从预设的JSON数据库中获取与所述ID目标页面的界面匹配的JSON数据；其中JSON数据中包含匹配的界面的布局信息和界面组件信息；
所述203配置模块，用于根据所述获取的JSON数据，配置所述目标页面的用户界面；所述204显示模块，用于显示配置好的目标页面的用户界面。
所述通讯模块具体用于获取所述JSON数据中的包含的目标页面ID和ID目标页面背景；所述通讯模块，还用于获取JSON数据中包含组件ID、ID组件的在界面中的位置信息、ID组件的背景、ID组件包含的跳转页面信息。
在进一步的可选实施例中，所述202存储模块还用于存储界面组件库，所述203配置模块包括2031解析单元和2032布局单元，其中，
所述2031解析单元，用于解析获取的JSON数据，获取JSON数据中包含的界面布局信息和界面组件信息；
所述2032布局单元，用于根据2031解析单元解析的界面布局信息布局所述用户界面；
所述2032布局单元，还用于根据解析的界面组件信息，从202存储模块预存的界面组件库中获取匹配的组件并布局在布局好的用户界面中。
进一步可选地，所述装置还包括205加密模块和206解密模块，其中，
所述205加密模块用于对预存的JSON数据库中的JSON数据进行对称密码加密处理；
所述201通讯模块，还用于根据所述目标页面的ID信息，获取与目标页面的界面匹配的JSON数据加密信息串。
所述206解密模块，用于在解析获取的JSON数据之前，对所述获取的格式为信息串的加密JSON数据进行解密。
可以理解的是，本实施例中的用户界面配置装置的上述各组成设备具有实现图1中所示的实施例中的方法相应步骤的功能。该功能可以通过硬件实现，也可以通过硬件执行相应的软件实现。该硬件或软件包括一个或多个与上述功能相对应的模块或装置。上述模块和装置可以是软件和/或硬件，上述各模块和装置可以单独实现，也可以多个模块和装置集成实现。对于上述各模块和装置的功能描述具体可以参见图1中所示实施例中的方法的对应描述，因此，其所能达到的有益效果可参考上文所提供的对应的方法中的有益效果，此处不再赘述。
可以理解的是，本发明实施例示意的结构并不构成对用户界面配置装置的具体结构的具体限定。在本申请另一些实施例中，用户界面配置装置可以包括比图示更多或更少的部件，或者组合某些部件，或者拆分某些部件，或者不同的部件布置。图示的部件可以以硬件，软件或软件和硬件的组合实现。
本申请实施例提供了一种电子设备，包括处理器和存储器；
存储器，用于存储操作指令；
处理器，用于通过调用操作指令，执行本申请任一实施方式中所提供的用户界面配置方法。
作为一个示例，图3示出了本申请实施例所适用的一种电子设备的结构示意图，如图3所示，该电子设备300包括：处理器301和存储器303。其中，处理器301和存储器303相连，如通过总线302相连。可选的，电子设备300还可以包括收发器304。需要说明的是，实际应用中收发器304不限于一个。可以理解的是，本发明实施例示意的结构并不构成对电子设备300的具体结构的具体限定。在本申请另一些实施例中，电子设备300可以包括比图示更多或更少的部件，或者组合某些部件，或者拆分某些部件，或者不同的部件布置。图示的部件可以以硬件，软件或软件和硬件的组合实。可选地，电子设备还可以包括显示屏305，用于显示图像，或需要时接收用户的操作指令。
其中，处理器301应用于本申请实施例中，用于实现上述方法实施例所示的方法。收发器304可以包括接收机和发射机，收发器304应用于本申请实施例中，用于执行时实现本申请实施例的电子设备与其他设备通信的功能。
处理器301可以是CPU(Central Processing Unit，中央处理器)，通用处理器，DSP(Digital Signal Processor，数据信号处理器)，ASIC(Application SpecificIntegrated Circuit，专用集成电路)，FPGA(Field Programmable Gate Array，现场可编程门阵列)或者其他可编程逻辑器件、晶体管逻辑器件、硬件部件或者其任意组合。其可以实现或执行结合本申请公开内容所描述的各种示例性的逻辑方框，模块和电路。处理器301也可以是实现计算功能的组合，例如包含一个或多个微处理器组合，DSP和微处理器的组合等。
处理器301也可以包括一个或多个处理单元，例如：处理器301可以包括应用处理器(application processor，AP)，调制解调处理器，图形处理器(graphicsprocessingunit，GPU)，图像信号处理器(image signal processor,ISP)，控制器，存储器，视频编解码器，数字信号处理器(digital signal processor,DSP)，基带处理器，和/或神经网络处理器(Neural-network Processing Unit,NPU)等。其中，不同的处理单元可以是独立的器件，也可以集成在一个或多个处理器中。其中，控制器可以是电子设备300的神经中枢和指挥中心。控制器可以根据指令操作码和时序信号，产生操作控制信号，完成取指令和执行指令的控制。处理器301中还可以设置存储器，用于存储指令和数据。在一些实施例中，处理器301中的存储器为高速缓冲存储器。该存储器可以保存处理器301刚用过或循环使用的指令或数据。如果处理器301需要再次使用该指令或数据，可从所述存储器中直接调用。避免了重复存取，减少了处理器301的等待时间，因而提高了系统的效率。
处理器301可以运行本申请实施例提供的用户界面配置方法，以便于降低用户的操作复杂度、提高终端设备的智能化程度，提升用户的体验。处理器301可以包括不同的器件，比如集成CPU和GPU时，CPU和GPU可以配合执行本申请实施例提供的用户界面配置方法，比如用户界面配置方法中部分算法由CPU执行，另一部分算法由GPU执行，以得到较快的处理效率。
总线302可包括一通路，在上述组件之间传送信息。总线302可以是PCI(Peripheral Component Interconnect，外设部件互连标准)总线或EISA(ExtendedIndustry Standard Architecture，扩展工业标准结构)总线等。总线302可以分为地址总线、数据总线、控制总线等。为便于表示，图3中仅用一条粗线表示，但并不表示仅有一根总线或一种类型的总线。
存储器303可以是ROM(Read Only Memory，只读存储器)或可存储静态信息和指令的其他类型的静态存储设备，RAM(Random Access Memory，随机存取存储器)或者可存储信息和指令的其他类型的动态存储设备，也可以是EEPROM(Electrically ErasableProgrammable Read Only Memory，电可擦可编程只读存储器)、CD-ROM(Compact DiscRead Only Memory，只读光盘)，也可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件，闪存器件，通用闪存存储器(universal flashstorage，UFS)，或其他光盘存储、光碟存储(包括压缩光碟、激光碟、光碟、数字通用光碟、蓝光光碟等)、磁盘存储介质或者其他磁存储设备、或者能够用于携带或存储具有指令或数据结构形式的期望的程序代码并能够由计算机存取的任何其他介质，但不限于此。
可选的，存储器303用于存储执行本申请方案的应用程序代码，并由处理器301来控制执行。处理器301用于执行存储器303中存储的应用程序代码，以实现本申请任一实施方式中所提供的用户界面配置方法。
存储器303可以用于存储计算机可执行程序代码，所述可执行程序代码包括指令。处理器301通过运行存储在存储器303的指令，从而执行电子设备300的各种功能应用以及数据处理。存储器303可以包括存储程序区和存储数据区。其中，存储程序区可存储操作系统，应用程序的代码等。存储数据区可存储电子设备300使用过程中所创建的数据(比如相机应用采集的图像、视频等)等。
存储器303还可以存储本申请实施例提供的用户界面配置方法对应的一个或多个计算机程序。该一个或多个计算机程序被存储在上述存储器303中并被配置为被该一个或多个处理器301执行，该一个或多个计算机程序包括指令，上述指令可以用于执行上述相应实施例中的各个步骤。
当然，本申请实施例提供的用户界面配置方法的代码还可以存储在外部存储器中。这种情况下，处理器301可以通过外部存储器接口运行存储在外部存储器中的用户界面配置方法的代码，处理器301可以控制运行用户界面配置流程。
显示屏305包括显示面板。显示面板可以采用液晶显示屏(liquid crystaldisplay，LCD)，有机发光二极管(organic light-emittingdiode，OLED)，有源矩阵有机发光二极体或主动矩阵有机发光二极体(active-matrixorganic light emitting diode的，AMOLED)，柔性发光二极管(flex light-emittingdiode，FLED)，Miniled，MicroLed，Micro-oLed，量子点发光二极管(quantum dot lightemitting diodes，QLED)等。在一些实施例中，电子设备300可以包括1个或N个显示屏305，N为大于1的正整数。显示屏305可用于显示由用户输入的信息或提供给用户的信息以及各种图形用户界面(graphical userinterface，GUI)。例如，显示屏305可以显示照片、视频、网页、或者文件等。
本申请实施例提供的电子设备，适用于上述方法任一实施例，因此，其所能达到的有益效果可参考上文所提供的对应的方法中的有益效果，此处不再赘述。
本申请实施例提供了一种计算机可读存储介质，该计算机可读存储介质上存储有计算机程序，该程序被处理器执行时实现上述方法实施例所示的用户界面配置方法。
本申请实施例提供的计算机可读存储介质，适用于上述方法任一实施例，因此，其所能达到的有益效果可参考上文所提供的对应的方法中的有益效果，此处不再赘述。
本申请实施例还提供了一种计算机程序产品，当该计算机程序产品在计算机上运行时，使得计算机执行上述相关步骤，以实现上述实施例中的方法。本申请实施例提供的计算机程序产品，适用于上述方法任一实施例，因此，其所能达到的有益效果可参考上文所提供的对应的方法中的有益效果，此处不再赘述。
本申请实施例提供的用户界面配置方案为当接收到用户请求应用目标页面指令时，获取所述目标页面的ID信息；根据所述目标页面的ID信息，从预设的JSON数据库中获取与所述ID目标页面的界面匹配的JSON数据；其中所述JSON数据库存储有每一个应用页面的界面、所述界面具有映射关系JSON数据和二者的映射关系；其中所述目标页面的ID信息是用于构建所述二者映射关系的标识，JSON数据中包含匹配的界面的布局信息和界面组件信息；根据所述获取的JSON数据，配置并显示所述目标页面的用户界面。本申请实施例提供的用户界面配置方案基于JSON的信息组件化设计及其页面展示原理，将用户界面布局及界面组件ID封装成不同的JSON对象及JSON对象中的属性值，这些JSON对象相对独立又可以嵌套定义，结合界面组件数据库从而可以方便实现界面的组件化设计及动态修改，通过使用JSON对象表示界面布局和界面元素可以进一步降低数据冗余，提高页面元素的复用率及开发效率。
在本申请所提供的几个实施例中，应该理解到，所揭露的装置和方法，可以通过其他的方式实现。例如，以上所描述的装置实施例仅是示意性的，例如，模块或单元的划分，仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个装置，或一些特征可以丢弃，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其他的形式。
作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是一个物理单元或多个物理单元，即可以位于一个地方，或者也可以分布到多个不同地方。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外，在本申请各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。
集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个可读取存储介质中。基于这样的理解，本申请实施例的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来，该软件产品存储在一个存储介质中，包括若干指令用以使得一个设备(可以是单片机，芯片等)或处理器(processor)执行本申请各个实施例方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(read only memory，ROM)、随机存取存储器(random access memory，RAM)、磁碟或者光盘等各种可以存储程序代码的介质。
应该理解的是，虽然附图的流程图中的各个步骤按照箭头的指示依次显示，但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明，这些步骤的执行并没有严格的顺序限制，其可以以其他的顺序执行。而且，附图的流程图中的至少一部分步骤可以包括多个子步骤或者多个阶段，这些子步骤或者阶段并不必然是在同一时刻执行完成，而是可以在不同的时刻执行，其执行顺序也不必然是依次进行，而是可以与其他步骤或者其他步骤的子步骤或者阶段的至少一部分轮流或者交替地执行。
以上内容，仅为本申请的具体实施方式，但本申请的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本申请揭露的技术范围内，可轻易想到变化或替换，还可以做出若干改进和润饰，这些变化、替换、改进和润饰也应视为都应涵盖在本申请的保护范围之内。因此，本申请的保护范围应以权利要求的保护范围为准。
Claims (15)
1.一种用户界面配置方法，其特征在于，所述方法包括：
当接收到用户请求应用目标页面指令时，获取所述目标页面的ID信息；
根据所述目标页面的ID信息，从预设的JSON数据库中获取与所述ID目标页面的界面匹配的JSON数据；其中所述JSON数据库存储有每一个应用页面的界面、所述界面具有映射关系JSON数据和二者的映射关系；其中所述目标页面的ID信息是用于构建所述二者映射关系的标识，JSON数据中包含匹配的界面的布局信息和界面组件信息；
根据所述获取的JSON数据，配置并显示所述目标页面的用户界面。
2.根据权利要求1所述的用户界面配置方法，其特征在于，所述JSON数据中的包含的界面布局信息包括但不限于：目标页面ID和ID目标页面背景；
所述JSON数据中包含的界面组件信息进一步包括：组件ID、ID组件的在界面中的位置信息、ID组件的背景、ID组件包含的跳转页面信息。
3.根据权利要求2所述的用户界面配置方法，其特征在于，所述根据所述获取的JSON数据，配置并显示所述目标页面的用户界面包括：
解析获取的JSON数据，获取JSON数据中包含的界面布局信息和界面组件信息；
根据获取的界面布局信息布局所述用户界面；
根据获取的界面组件信息，从所述预存的界面组件库中获取匹配的组件并布局在布局好的用户界面中。
4.根据权利要求3所述的用户界面配置方法，其特征在于，根据获取的界面组件信息，从所述预存的组件库中获取匹配的组件进一步包括：
解析所述JSON数据获取其中包含的界面组件ID信息；
根据所述ID信息，从预存的界面组件库中获取匹配的组件信息。
5.根据权利要求4所述的用户界面配置方法，其特征在于，所述方法还包括：对预存的JSON数据库中的JSON数据进行对称密码加密处理；
根据所述目标页面的ID信息，获取与目标页面的界面匹配的JSON数据加密信息串。
6.根据权利要求5所述的用户界面配置方法，其特征在于，在解析获取的JSON数据之前，所述方法还包括对所述获取的格式为信息串的加密JSON数据进行解密。
7.根据权利要求1或6所述的用户界面配置方法，其特征在于，所述用户基于HTTP通讯方式向应用服务器请求应用目标页面。
8.根据权利要求7所述的用户界面配置方法，其特征在于，所述界面组件的类型包括但不限于：
图片文件、PDF文件、视频文件、H网页文件。
9.根据权利要求8所述的用户界面配置方案，其特征在于，所述方法还包括：
接受用户指令；
根据所述用户指令，按照预设规则组合所述JSON数据库中的至少两个JSON数据。
10.一种用户界面配置装置，其特征在于，所述装置包括：通讯模块、存储模块、配置模块和显示模块，其中，
所述通讯模块，用于当接收到用户请求应用目标页面指令时，获取所述目标页面的ID信息；
所述存储模块，用于存储预设的JSON数据库；所述JSON数据库存储有每一个应用页面的界面、所述界面具有映射关系JSON数据和二者的映射关系；其中所述目标页面的ID信息是用于构建所述二者映射关系的标识，
所述通讯模块，还用于根据所述目标页面的ID信息，从预设的JSON数据库中获取与所述ID目标页面的界面匹配的JSON数据；其中JSON数据中包含匹配的界面的布局信息和界面组件信息；
所述配置模块，用于根据所述获取的JSON数据，配置所述目标页面的用户界面；
所述显示模块，用于显示配置好的目标页面的用户界面。
11.根据权利要求10所述的用户界面配置装置，其特征在于，所述通讯模块具体用于获取所述JSON数据中的包含的目标页面ID和ID目标页面背景；
所述通讯模块，还用于获取JSON数据中包含组件ID、ID组件的在界面中的位置信息、ID组件的背景、ID组件包含的跳转页面信息。
12.根据权利要求11所述的用户界面配置装置，其特征在于，所述存储模块还用于存储界面组件库，所述配置模块包括解析单元和布局单元，其中，
所述解析单元，用于解析获取的JSON数据，获取JSON数据中包含的界面布局信息和界面组件信息；
所述布局单元，用于根据解析单元解析的界面布局信息布局所述用户界面；
所述布局单元，还用于根据解析的界面组件信息，从存储模块预存的界面组件库中获取匹配的组件并布局在布局好的用户界面中。
13.根据权利要求12所述的用户界面配置装置，其特征在于，所述装置还包括加密模块和解密模块，其中，
所述加密模块用于对预存的JSON数据库中的JSON数据进行对称密码加密处理；
所述通讯模块，还用于根据所述目标页面的ID信息，获取与目标页面的界面匹配的JSON数据加密信息串；
所述解密模块，用于在解析获取的JSON数据之前，对所述获取的格式为信息串的加密JSON数据进行解密。
14.一种电子设备，其特征在于，包括处理器和存储器；
所述存储器，用于存储操作指令；
所述处理器，用于通过调用所述操作指令，执行权利要求1-9中任一项所述的方法。
15.一种计算机可读存储介质，其特征在于，所述存储介质上存储有计算机程序，所述计算机程序被处理器执行时实现权利要求1-9中任一项所述的方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011438644.0A CN112433727A (zh) | 2020-12-10 | 2020-12-10 | 一种用户界面配置方法、装置、电子设备及可读存储介质 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011438644.0A CN112433727A (zh) | 2020-12-10 | 2020-12-10 | 一种用户界面配置方法、装置、电子设备及可读存储介质 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN112433727A true CN112433727A (zh) | 2021-03-02 |
Family
ID=74692400
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202011438644.0A Pending CN112433727A (zh) | 2020-12-10 | 2020-12-10 | 一种用户界面配置方法、装置、电子设备及可读存储介质 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN112433727A (zh) |
Cited By (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113031947A (zh) * | 2021-03-05 | 2021-06-25 | 苏州帝博信息技术有限公司 | 在界面设计工具中使用的配置数据管理方法和装置 |
| CN113110839A (zh) * | 2021-04-21 | 2021-07-13 | 上海星融汽车科技有限公司 | 控件显示方法、系统及电子设备 |
| CN113138763A (zh) * | 2021-04-14 | 2021-07-20 | 招商银行股份有限公司 | 页面搭建方法、装置、设备及计算机可读存储介质 |
| CN113138761A (zh) * | 2021-04-30 | 2021-07-20 | 南京电研电力自动化股份有限公司 | 一种界面编程方法及系统 |
| CN113467823A (zh) * | 2021-06-21 | 2021-10-01 | 北京达佳互联信息技术有限公司 | 一种配置信息的获取方法、装置、系统及存储介质 |
| CN113722038A (zh) * | 2021-09-06 | 2021-11-30 | 北京字节跳动网络技术有限公司 | 一种数据匹配方法、装置、计算机设备以及存储介质 |
| CN114625458A (zh) * | 2022-02-16 | 2022-06-14 | 中国建设银行股份有限公司 | 页面数据的处理方法、装置、电子设备和存储介质 |
| CN114780094A (zh) * | 2022-06-17 | 2022-07-22 | 苏州万店掌网络科技有限公司 | 一种筛选页面生成方法、装置、设备及存储介质 |
| WO2023138437A1 (zh) * | 2022-01-24 | 2023-07-27 | 京东方科技集团股份有限公司 | 应用开发平台、微程序生成方法、设备及存储介质 |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20180018186A1 (en) * | 2016-07-12 | 2018-01-18 | Bhavana Tammineni | Method and system for an interactive user interface to dynamically validate application program interface modification requests |
| CN110597587A (zh) * | 2019-08-27 | 2019-12-20 | 贝壳技术有限公司 | 用户界面生成方法、装置、电子设备及存储介质 |
| CN111353924A (zh) * | 2020-02-27 | 2020-06-30 | 中国科学院南京地理与湖泊研究所 | 面向乡镇国土空间规划需要的调研信息采集方法与客户端 |
| CN111930370A (zh) * | 2020-06-17 | 2020-11-13 | 石化盈科信息技术有限责任公司 | 可视化页面处理方法、装置、计算机设备和存储介质 |
-
2020
- 2020-12-10 CN CN202011438644.0A patent/CN112433727A/zh active Pending
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20180018186A1 (en) * | 2016-07-12 | 2018-01-18 | Bhavana Tammineni | Method and system for an interactive user interface to dynamically validate application program interface modification requests |
| CN110597587A (zh) * | 2019-08-27 | 2019-12-20 | 贝壳技术有限公司 | 用户界面生成方法、装置、电子设备及存储介质 |
| CN111353924A (zh) * | 2020-02-27 | 2020-06-30 | 中国科学院南京地理与湖泊研究所 | 面向乡镇国土空间规划需要的调研信息采集方法与客户端 |
| CN111930370A (zh) * | 2020-06-17 | 2020-11-13 | 石化盈科信息技术有限责任公司 | 可视化页面处理方法、装置、计算机设备和存储介质 |
Cited By (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113031947A (zh) * | 2021-03-05 | 2021-06-25 | 苏州帝博信息技术有限公司 | 在界面设计工具中使用的配置数据管理方法和装置 |
| CN113138763A (zh) * | 2021-04-14 | 2021-07-20 | 招商银行股份有限公司 | 页面搭建方法、装置、设备及计算机可读存储介质 |
| CN113110839A (zh) * | 2021-04-21 | 2021-07-13 | 上海星融汽车科技有限公司 | 控件显示方法、系统及电子设备 |
| CN113138761A (zh) * | 2021-04-30 | 2021-07-20 | 南京电研电力自动化股份有限公司 | 一种界面编程方法及系统 |
| CN113467823A (zh) * | 2021-06-21 | 2021-10-01 | 北京达佳互联信息技术有限公司 | 一种配置信息的获取方法、装置、系统及存储介质 |
| CN113467823B (zh) * | 2021-06-21 | 2024-03-01 | 北京达佳互联信息技术有限公司 | 一种配置信息的获取方法、装置、系统及存储介质 |
| CN113722038A (zh) * | 2021-09-06 | 2021-11-30 | 北京字节跳动网络技术有限公司 | 一种数据匹配方法、装置、计算机设备以及存储介质 |
| WO2023138437A1 (zh) * | 2022-01-24 | 2023-07-27 | 京东方科技集团股份有限公司 | 应用开发平台、微程序生成方法、设备及存储介质 |
| CN114625458A (zh) * | 2022-02-16 | 2022-06-14 | 中国建设银行股份有限公司 | 页面数据的处理方法、装置、电子设备和存储介质 |
| CN114780094A (zh) * | 2022-06-17 | 2022-07-22 | 苏州万店掌网络科技有限公司 | 一种筛选页面生成方法、装置、设备及存储介质 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN112433727A (zh) | 一种用户界面配置方法、装置、电子设备及可读存储介质 | |
| US10496741B2 (en) | Dynamic intermediate templates for richly formatted output | |
| CN100444158C (zh) | 使用外部计划主题的Web网页绘制机制 | |
| US9626337B2 (en) | Advanced text editor | |
| US9934007B2 (en) | Method for operating tool in working environment and machine using such method | |
| US20240004703A1 (en) | Method, apparatus, and system for multi-modal multi-task processing | |
| CN102930580A (zh) | 数据帧动画 | |
| CN105517681A (zh) | 使用元数据的图表转换系统和方法 | |
| CN113535164A (zh) | 一种前端界面的生成方法、装置、电子设备及存储介质 | |
| US20140006477A1 (en) | System level acceleration server | |
| US20220301097A1 (en) | Methods and apparatus to implement dual-attention vision transformers for interactive image segmentation | |
| US20120150886A1 (en) | Placeholders returned for data representation items | |
| Schwab et al. | Scalable scalable vector graphics: Automatic translation of interactive svgs to a multithread vdom for fast rendering | |
| US11537643B2 (en) | Systems and methods for coordinate-based search | |
| CN112487784A (zh) | 一种技术文档管理方法、装置、电子设备和可读存储介质 | |
| CN112486807A (zh) | 一种压力测试方法、装置、电子设备和可读存储介质 | |
| JP5706306B2 (ja) | リンクされたテキストボックスを有する電子文書のレンダリングの方法、レンダリングする指示を含むコンピューターが読み取り可能な記憶媒体及びシステム | |
| RU2634221C2 (ru) | Способ и устройство для отрисовки представления электронного документа на экране | |
| CN110309442B (zh) | 展现端数据的映射方法、装置、设备及介质 | |
| WO2021081739A1 (en) | Device capability aware technology to execute deep learning computation graphs in web applications | |
| US11100041B2 (en) | Techniques for tracking independent hardware graphics processing unit (GPU) performance | |
| US20240113857A1 (en) | Encrypted processing unit emulated with homomorphic encryption circuits | |
| Sikora | Dart Essentials | |
| CN117453548A (zh) | 代码模块信息确定方法、装置、计算机设备和存储介质 | |
| CN118012873A (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 |