CN114138270A - 一种用户界面的显示方法装置、设备及存储介质 - Google Patents

Abstract

本申请公开了一种用户界面的显示方法装置、设备及存储介质，包括：确定第一项目的待开发组件集合中第一组件的需求信息，第一组件为待开发组件集合中的任一组件；根据需求信息获取第一组件的组件链接，并将组件链接添加至第一项目的开发代码中；在接收针对第一项目的显示指令情况下，显示包括第一组件的用户界面的第一项目的用户界面，第一组件的用户界面是通过运行组件链接中的代码块生成的；在检测到第一组件的代码块发生更新的情况下，显示第一组件的更新用户界面，第一组件的更新用户界面是通过运行组件链接中更新的代码块生成的。采用本申请实施例，无需重复开发组件，提高开发效率。本申请涉及区块链技术，上述链接/代码可存储于区块链中。

Description

一种用户界面的显示方法装置、设备及存储介质

技术领域

本发明涉及人工智能技术领域，尤其涉及一种用户界面的显示方法装置、设备及存储介质。

背景技术

随着信息技术的发展，手机、电脑等智能设备已经成为人们日常生活中必不可少的一部分了。人们可以通过智能终端浏览网页，也可以使用安装在智能终端内的应用，从而为人们的工作和生活带来方便。目前，在前端的开发过程中，为了开发的效率，有两种方式，第一种方式是直接复制某个代码，即若项目A的某个组件要用到项目B中，则项目B的开发人员可以将项目A的该组件的代码复制到项目B的代码中，从而减少开发的时间。第二种方式是将一个前端开发团队拆分为多个小开发团队，每一个小开发团队可以各自开发自身项目的组件，从而。对于上述两种方式来说，多个团队协作，将不同项目的代码直接复制取用，容易造成代码不规范的问题。各个小开发团队各自开发自身项目的组件，可能会容易造成人力的浪费，大量重复工作，从而开发效率低。

因此，如何快速开发大型且复杂的产品是一个亟需解决的技术问题。

发明内容

本申请实施例提供一种用户界面的显示方法装置、设备及存储介质，一方面，可以直接根据待开发的组件功能需求信息获取组件链接，可以将组件链接直接添加在开发代码中，提高了开发的效率，无需重复开发组件；另一方面，组件链接中原有的开发代码更新后，引用该组件链接的项目可直接发生更新，可以直接显示更新后的用户界面，无需人为操作，提高了更新效率。

第一方面，本申请实施例提供了一种用户界面的显示方法，应用于终端设备，包括：

确定待开发组件集合中第一组件的功能需求信息，上述待开发组件集合为第一项目中的组件集合，上述第一项目为未开发完成的项目，上述第一组件为上述待开发组件集合中的任一组件；

根据上述功能需求信息获取上述第一组件的组件链接，并将上述组件链接添加至上述第一项目的开发代码中，上述组件链接用于指示上述第一组件的代码块，上述第一组件为第二项目中开发的组件，上述第二项目为已发布的项目；

在接收针对上述第一项目的显示指令的情况下，显示上述第一项目的用户界面，上述第一项目的用户界面中包括上述第一组件的用户界面，上述第一组件的用户界面是通过运行上述组件链接中上述第一组件的代码块生成的；

在检测到上述第一组件的代码块发生更新的情况下，显示上述第一组件的更新用户界面，上述第一组件的更新用户界面是通过运行上述组件链接中更新的代码块生成的。

进一步地，上述根据上述功能需求信息获取上述第一组件的组件链接，包括：

根据上述功能需求信息确定组件类别；

向预设服务器发送获取请求，上述获取请求携带上述组件类别，上述获取请求用于获取参考项目的项目链接，上述参考项目为参考项目集合中的任一项目，上述参考项目集合中的各个项目均为已发布的项目，且上述参考项目集合中各个项目中均包括上述组件类别下的组件；

接收上述预设服务器响应于上述获取请求发送的项目链接；

在确定上述参考项目中第二组件与上述第一项目匹配的情况下，将上述第二组件确定为第一组件，上述第二组件为上述组件类别下的组件；

根据上述项目链接确定上述第一组件的组件链接。

进一步地，上述功能需求信息还包括上述第一组件的用户界面的第一尺寸信息，上述将上述第二组件确定为第一组件之前，上述方法还包括：

获取上述第二组件的组件信息，上述组件信息包括上述第二组件适用的第一框架信息，以及上述第二组件的用户界面的第二尺寸信息；

确定开发上述第一项目所使用的第二框架信息；

在确定上述第二尺寸信息满足上述第一尺寸信息，且确定上述第一框架信息与上述第二框架信息相同的情况下，确定上述第二组件与上述第一项目匹配；

上述组件信息还包括上述第二组件的组件标识，上述根据上述项目链接确定上述组件链接，包括：

根据上述组件标识生成上述第二组件的链接后缀，在上述项目链接中添加上述链接后缀，得到上述组件链接。

进一步地，上述将上述组件链接添加至上述第一项目的开发代码中之后，上述方法还包括：

向上述预设服务器发送引用信息，上述引用信息包括上述参考项目的标识、上述终端设备的标识、上述第一项目的标识以及上述第二组件的组件标识，上述引用信息用于指示上述第一项目引用上述第二组件；

其中，上述引用信息用于指示上述预设服务器在上述第二组件的引用项目表中添加上述第一项目的标识和上述终端设备的标识；

上述显示上述第一组件的更新用户界面之前，上述方法还包括：

接收来自上述预设服务器的通知信息，上述通知信息用于指示上述第二组件的代码块已更新。

进一步地，上述将上述组件链接添加至上述第一项目的开发代码中之后，上述方法还包括：

向上述预设服务器发送发布信息，上述发布信息包括上述第一项目的开发代码、上述第一项目中各个组件的组件信息，上述各个组件的组件信息包括上述各个组件所适用的框架信息，上述各个组件的组件类别以及上述各个组件的用户界面的尺寸信息，上述组件信息还包括共享组件的组件标识；

其中，上述发布信息用于指示上述预设服务器存储上述第一项目的开发代码，并生成上述第一项目的项目链接；

接收上述预设服务器发送的共享组件更新信息，上述共享组件更新信息包括共享组件集合和上述共享组件集合中各个共享组件的组件信息，上述共享组件集合包括上述第一项目的共享组件。

进一步地，上述根据上述组件标识生成上述第二组件的链接后缀，在上述项目链接中添加上述链接后缀，得到上述组件链接，包括：

获取第一字符串，上述第一字符串为拼接上述项目链接和上述链接后缀的字符串，上述第一字符串为预设的字符串；

根据组件标识与后缀信息的对应关系获取上述组件标识对应的后缀信息，并将上述后缀信息转换为第二字符串；

拼接上述第一字符串和上述第二字符串，得到上述链接后缀，并拼接上述项目链接和上述链接后缀，得到上述组件链接。

进一步地，上述向预设服务器发送获取请求之前，上述方法还包括：

按照预设信息转化方式将上述终端设备的标识转换为第三字符串，并在上述第三字符串中拼接预设密钥，得到第四字符串；

按照预设加密算法对上述第四字符串进行运算，得到参考签名数据；

向上述预设服务器发送验证信息，上述验证信息包括上述终端设备的标识以及上述参考签名数据，上述验证信息用于指示上述预设服务器根据上述终端设备的标识以及上述预设密钥对上述验证信息进行验证，并在上述验证信息验证通过的情况下，向上述终端设备发送验证通过的提示信息；

在接收验证通过的提示信息的情况下，向上述预设服务器发送上述获取请求。

第二方面，本申请实施例提供了一种用户界面的显示装置，包括：

确定单元，用于确定待开发组件集合中第一组件的功能需求信息，上述待开发组件集合为第一项目中的组件集合，上述第一项目为未开发完成的项目，上述第一组件为上述待开发组件集合中的任一组件；

获取单元，用于根据上述功能需求信息获取上述第一组件的组件链接，并将上述组件链接添加至上述第一项目的开发代码中，上述组件链接用于指示上述第一组件的代码块，上述第一组件为第二项目中开发的组件，上述第二项目为已发布的项目；

显示单元，用于在接收针对上述第一项目的显示指令的情况下，显示上述第一项目的用户界面，上述第一项目的用户界面中包括上述第一组件的用户界面，上述第一组件的用户界面是通过运行上述组件链接中上述第一组件的代码块生成的；

上述显示单元，用于在检测到上述第一组件的代码块发生更新的情况下，显示上述第一组件的更新用户界面，上述第一组件的更新用户界面是通过运行上述组件链接中更新的代码块生成的。

另外，该方面中，该用户界面的显示装置其他可选的实施方式可参阅上述第一方面的相关内容，此处不再详述。

第三方面，本申请实施例提供一种计算机设备，该计算机设备包括存储器和处理器、收发器；上述处理器分别与上述存储器和上述收发器相连，其中，上述存储器存储有计算机程序代码，上述处理器和上述收发器用于调用上述程序代码，执行上述第一方面和/或第一方面任一种可能的实现方式提供的方法。

第四方面，实施例提供了一种计算机可读存储介质，该计算机可读存储介质存储有计算机程序，当该计算机程序被计算机设备运行时，实现如第一方面的任一种可能的实现方式所公开的用户界面的显示方法。

在本申请实施例中，通过确定正在开发的第一项目的待开发集合中的第一组件的功能需求信息，并根据第一组件的功能需求信息获取第一组件的组件链接，并将该组件链接添加在第一项目的开发代码中，该组件链接为已发布的第二项目中的组件的链接，该组件链接用于指示该第二项目中的组件的代码块。进而，在接收到针对该第一项目的显示指令的情况下，显示包括第一组件的用户界面的第一项目的用户界面，该第一组件的用户界面是允许该组件链接中的代码块生成的，因此，前端工程师在开发项目的过程中，可以通过组件的形式进行开发，组件可以来自与不同的项目，无需人为重复地进行开发，也可以被其他项目所使用，提高了组件的利用率，提高开发的效率。并且，在检测到第一组件的代码块发生更新的情况下，显示第一组件的更新用户界面，该更新用户界面是通过运行该组件链接中更新的代码块生成的。即在原项目的组件发生更新后，引用原项目的组件直接通过引用组件链接进行更新，通过运行该组件链接的代码，同样发生更新，无需人为额外开发，缩短了更新流程，提高了项目的更新效率。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1是本申请实施例提供的一种用户界面的显示系统的结构示意图；

图2是本申请实施例提供的一种用户界面的显示方法的流程示意图；

图3是本申请实施例提供的一种用户界面的显示方法的另一流程示意图；

图4是本申请实施例提供的一种用户界面的显示装置的结构示意图；

图5是本申请实施例提供的一种计算机设备的结构示意图。

具体实施方式

下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。

下面结合附图1-附图3对本申请实施例提供的一种用户界面的显示方法进行示意性说明。

本申请实施例提供的一种用户界面的显示方法可以应用于一种用户界面的显示平台中，该用户界面的显示平台可以承载于基于用户界面显示的系统中或者应用程序中。在某些实施例中，上述用户界面的显示平台是指可以运行项目的开发代码，进而显示该项目的程序或网页的用户界面的功能的平台。该用户界面的显示平台可以接收用户编写的正在开发的项目的开发代码，并在运行该项目的开发代码时，可以生成该项目的用户界面。其中，项目可以是一个正在开发的程序，也可以是一个正在开发的网页。若开发人员在开发结束后，该用户界面的显示平台也可以通过运行该项目开发好的代码，生成该项目的用户界面，并显示出来。其中，该用户界面的显示平台可以是开发项目的平台，若该项目开发完成后需要上线，还可以将该项目发布在预设服务器上，即该用户界面的显示平台可以与预设服务器建立通信连接。在某些实施例中，上述通信连接的方式可以包括但不限于无线通信技术(Wireless Fidelity，WIFI)、蓝牙、近场通信(Near Field Communication，NFC)等。

具体的，该用户界面的显示平台可以确定正在开发的第一项目的待开发组件集合中的第一组件的功能需求信息，并根据该功能需求信息获取该第一组件的组件链接，并将该第一组件的组件链接添加在该第一项目的开发代码中，其中，该第一组件的组件链接为已发布的第二项目中开发的组件。进而，该用户界面的显示平台可以在接收到针对该第一项目的显示指令的情况下，显示该第一项目的程序或者网页的用户界面，该第一项目的用户界面中包括该第一组件的用户界面，该第一组件的用户界面是通过该用户界面的显示平台运行该组件链接中该第一组件的代码块生成的，并在检测到该第一组件的代码块发生更新的情况下，显示该第一组件的更新用户界面，该第一组件的更新用户界面是该用户界面的显示平台通过运行该组件链接中该第一组件的更新的代码块生成的。

一方面，通过采用组件的形式进行开发，组件可以来自不同的项目，本项目开发的组件也可以被其他正在开发的项目所使用，提高了组件的利用率，也提高了整体的开发效率。另一方面，通过将组件链接添加在开发代码中，节省开发的时间，提高开发效率，避免造成人力的浪费和做重复的工作。再一方面，通过原项目中该组件的代码块发生更新后，使用该组件的项目在运行开发代码时，自动能够运行更新后的代码，显示更新后的用户界面，无需使用该组件的项目的人员进行手动更新，缩短了更新的流程，提高了项目更新的效率，为开发人员提供了方便。

基于上述描述，下面结合图1对本申请实施例提供的一种用户界面的显示系统进行示意图说明。

请参阅图1，图1是本申请实施例提供的一种基于逻辑回归模型的信息推送系统的结构示意图，如图1所示，上述用户界面的显示系统包括一个或多个终端设备101(终端设备A和终端设备B)、预设服务器102。其中，该终端设备101(终端设备A和终端设备B)均可以是上述用户界面的显示平台。该终端设备101(终端设备A和终端设备B)均可以与预设服务器102通过有线或无线的方式进行直接或间接的连接。需要说明的是，图1所示的设备数量和形态仅用于举例，并不构成对本申请实施例的限定，实际应用中该用户界面的显示系统还可以包括两个以上终端设备、一个以上预设服务器。本申请以两个终端设备101(终端设备A和终端设备B)以及一个预设服务器102为例进行讲解。

其中，该终端设备101(终端设备A和终端设备B)可以为开发项目的终端设备，该终端设备A可以是正在开发第一项目的终端设备，则终端设备A可以确定该第一项目中待开发集合，该待开发集合包括至少一个组件，每个组件都有对应的功能需求信息。该终端设备A还可以根据第一组件的功能需求信息获取该第一组件的组件链接，并将该组件链接添加至该第一组件的开发代码中。其中，该第一组件为上述待开发集合中的任一组件，该第一组件可以为已经发布的第二项目中开发的组件，可以是通过终端设备B开发的组件，该第一组件的组件链接用于指示该第一组件的代码块。在接收到针对该第一项目的显示指令的情况下，该显示指令可以是终端设备A在项目开发完成后，但是并未发布的情况下接收到的，也可以是在项目发布后终端设备A接收到的。终端设备A可以运行该组件链接中的代码块后在第一项目的用户界面中显示该第一组件的用户界面。并且，终端设备A在检测到该第一组件的代码块发生更新的情况下，运行该更新后的代码块，在第一项目的用户界面中显示第一组件的更新用户界面。

可选地，终端设备B也可以在该第一项目发布后，接收针对该第一项目的程序或网页的显示指令，运行该组件链接的代码块，显示第一项目的用户界面，该第一项目的用户界面包括第一组件的用户界面。同理，在检测到第一组件的代码块发生更新的情况下，终端设备B也可以通过运行该组件链接所指示的更新代码块显示第一组件的更新用户界面。

上述终端设备101可以是智能手机、平板电脑、笔记本电脑、台式计算机、智能音箱、智能手表等等；上述预设服务器102可以是独立的物理服务器，也可以是多个物理服务器构成的服务器集群或者分布式系统，还可以是提供云服务、云数据库、云计算、云函数、云存储、网络服务、云通信、中间件服务、域名服务、安全服务、内容分发网络(ContentDelivery Network，CDN)、以及大数据和人工智能平台等基础云计算服务的云服务器，本申请对此不做限定。

下面对本申请实施例提供的一种用户界面的显示方法进一步进行详细描述，请参阅图2，图2是本申请实施例提供的一种用户界面的显示方法的流程示意图。其中，如图2所示，该用户界面的显示方法可以包括：

201、确定待开发组件集合中第一组件的功能需求信息，上述待开发组件集合为第一项目中的组件集合。

在本申请实施例中，在企业内部中存在大大小小的前端开发团队，所谓前端开发是指创建网页的页面或应用程序等前端界面呈现给用户的过程，其中，前端开发是通过超文本标记语言(Hyper Text Markup Language，HTML)，层叠样式表(Cascading StyleSheets，CSS)及JavaScript编程语言以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互。所谓项目是指前端开发一个基本单位，例如可以是一个某一个网页或多个网页，也可以是一个应用程序的页面。项目的开发包括前期准备、项目开发、多个账号测试以及项目发布等环节。

其中，在项目的开发过程中，可以将开发的项目进行组件化开发，即可以直接引入需要的某个需求对应的组件，上述组件可以是指用户界面中实现某一个功能的模块。例如，可以是自动轮播功能，也可以是登陆组件，实现登陆功能、键盘组件，实现键盘功能等等，从而可以使用其他开发团队开发的组件，以减少开发时间，提高开发效率，或者将本开发团队中开发的组件共享给其他开发团队使用，从而避免开发相同的组件而做重复的工作，减少人力的浪费，提高项目的开发效率。

在一种可能的实现方式中，终端设备可以确定正在开发的第一项目的待开发组件集合，即终端设备可以确定该第一项目的功能需求，想开发一个具有什么样功能的应用程序或者网页，则可以确定需要具有怎么样的功能的组件，得到待开发组件集合。具体的，终端设备可以确定该第一项目的待开发组件集合中的第一组件的功能需求信息，第一组件为上述开发集合中的任一组件。可以理解的是，该第一项目为正在开发中的项目，还未开发完成。终端设备确定第一组件的功能需求信息可以是终端设备接收到用户输入的功能需求信息。例如，功能需求信息可以是登陆功能。

进一步地，该终端设备可以根据功能需求信息获取该登陆功能的相关组件，例如登陆组件，该登陆组件可以是用于实现登陆功能，该登陆组件可以包括和用于生成登陆功能对应的用户界面的代码块，则终端设备可以将该组件添加至该第一项目的开发代码中，以完成对该登陆功能的开发。可选地，若终端设备根据该功能需求不能获取相关组件，则该终端设备也可以接收该前端开发团队针对该功能需求进行开发的组件，并将该前端开发团队针对该功能需求开发的组件分享给其他项目所使用。

202、根据上述功能需求信息获取上述第一组件的组件链接，并将上述组件链接添加至上述第一项目的开发代码中。

其中，终端设备可以根据该功能需求信息获取第一组件的组件链接，该第一组件的组件链接用于指示该第一组件的代码块，终端设备可以将该第一组件的组件链接添加到该第一项目的开发代码中，其中，该第一组件为第二项目开发的组件，该第二项目为已经发布的项目。因此，通过直接使用该第一组件已经开发的代码块，无需该前端开发团队重复对该功能需求的第一组件进行重复开发。其中，在运行项目的开发代码时可以直接调用执行该组件链接对应的代码块，从而实现该组件链接对应的功能。

在一种可能的实现方式中，终端设备可以首先根据该功能需求信息确定第一组件的组件类别，进而终端设备可以向预设服务器发送获取请求，该获取请求携带该组件类别，该获取请求可以用于获取参考项目的项目连接。其中，参考项目为参考项目集合中的任一项目，该参考项目集合中各个项目均为已经发布的项目，且该参考项目集合中各个项目均开发有该组件类别下的组件。进一步地，终端设备可以接收预设服务器响应于该获取请求发送的项目链接，并从多个项目链接中，选出与第一项目匹配的第二组件的所在的项目链接，该第二组件为该组件类别下的组件。进而，终端设备可以根据该项目链接确定该第一组件的组件链接，并添加在第一项目的开发代码中。可选地，预设服务器可以是发布项目的服务器，即在项目开发完成后发布项目的服务器。

示例性的，以功能需求信息为登陆功能为例，确定组件类别为登陆类别，终端设备向预设服务器发送获取请求，获取包括该登陆类别下的组件的至少一个参考项目(即参考项目集合中各个参考项目)的项目连接。进而，该终端设备接收预设服务器响应于该获取请求返回的项目链接，该预设服务器可以将参考项目集合中各个参考项目的项目链接和该组件类别下的组件信息。进而，终端设备可以分别确定参考项目集合中各个参考项目中该登陆类别下的组件是否与第一项目匹配，在匹配的情况下，终端设备可以将该参考项目的登陆类别下的第二组件确定为第一组件。并从预设服务器发送的该参考项目的项目链接确定该第一组件(第二组件)的组件链接，即该登陆类别下的第二组件的组件链接。

在一种可能的实现方式中，第一组件的功能需求信息中还包括第一组件的用户界面的第一尺寸信息，在将第二组件确定为第一组件之前，终端设备还可以获取第二组件的组件信息，该组件信息包括该第二组件的所适用的第一框架信息以及该第二组件的用户界面的第二尺寸信息。终端设备可以确定开发该第一项目所使用的第二框架信息，终端设备在确定第二尺寸信息满足该第一尺寸信息，且该第一框架信息与第二框架信息相同的情况下，确定第二组件与第一项目匹配，进而可以获取开发该第二组件的第二项目的项目链接，并根据该第二项目的项目连接确定该第二组件的组件链接。

其中，在确定功能需求信息时，可以一并确定用户界面的布局，即可以大致确定每个组件/功能模块的尺寸信息，预设服务器可以响应于该终端设备发送的获取请求向终端设备发送组件信息，该组件信息包括该第二组件所适用的第一框架信息以及该第二组件的用户界面的尺寸信息。可选地，功能需求信息可以包括该第一组件的大致长宽尺寸。示例性的，以第一组件为轮播图组件为例，该轮播图的组件的第一尺寸信息可以是336*280像素。该第一项目的第二框架信息可以是该第一项目的开发框架。示例性的，第二框架信息可以是Vue、React、QucikUI、Layui等等中任一种。

具体的，终端设备在确定该第二尺寸信息中长和宽的值均在第一尺寸信息中长和宽的范围内，则确定第二组件的第二尺寸信息满足功能需求信息中第一组件第一尺寸信息。并且，该终端设备确定第一框架信息和第二框架信息相同，即第一项目和该第二组件所适用的开发框架相同的情况下，确定该参考项目中的第二组件与该第一项目匹配。进而将该第二组件作为第一组件，并根据该第一组件所在的参考项目的项目连接确定组件链接。可选地，若确定参考项目集合中至少一个参考项目的在该组件类别下的组件均与该第一项目匹配，则可以将第二尺寸信息最接近第一尺寸信息的第二组件确定为第一组件，也可以从至少一个参考项目中随机选取一个参考项目，将选取的参考项目中该组件类别下的第二组件确定为第一组件。

在一种可能的实现方式中，预设服务器返回的第二组件的组件信息中还包括该第二组件的组件标识，则可以根据组件标识生成该第二组件的链接后缀，并在该参考项目的项目链接中添加该链接后缀，得到该第二组件的组件链接。具体的，终端设备可以获取第一字符串，该第一字符串用于拼接该项目链接和链接后缀，该第一字符串可以是预设的字符串，该第一字符串可以存储在本地，即终端设备内，也可以是预设服务器发送给终端设备的。进而，终端设备根据组件标识和后缀信息的对应关系获取该组件标识对应的后缀信息，并将后缀信息转换为第二字符串。拼接该第一字符串和第二字符串，得到该链接后缀，并拼接该参考项目的项目连接和该链接后缀，得到组件链接。

具体的，预设服务器可以为每个已发布的项目生成一个项目链接，在项目链接后面添加后缀可以得到组件链接。其中，第一字符串可以包括一个字符，示例性的，第一字符串可以是“-”、“_”等，第一字符串也可以包括多个字符，示例性的，第一字符串可以是“/[]”等。组件标识用于唯一标识每一个组件，例如，该第二组件为登陆组件，该组件标识为L091，L表示登陆，091表示用于标识登陆组件的序列号。即该L可以对应后缀信息为登陆，091对应的后缀信息为091，则得到该组件标识对应的后缀信息为登陆标识091，则第二字符串可以是由后缀信息转换得到的login091。进而，拼接该第一字符串和第二字符串，以第一字符串为“-”为例，则得到链接后缀为“-login091”。则终端设备可以在该第二项目后拼接该链接后缀，得到组件链接。

在一种可能的实现方式中，预设服务器还可以对终端设备进行身份验证，在身份验证通过后，才会接收并响应终端设备发送的获取请求，并返回项目链接。终端设备可以在向预设服务器发送获取请求之前，按照预设信息转化方式将终端设备的标识转换为字符串，并在该转换的字符串(第三字符串)拼接预设密钥，得到第四字符串，按照预设加密算法对该第四字符串进行运算，得到参考签名数据。并将预设服务器发送验证信息，该验证信息包括该终端设备的标识以及该参考签名数据，该验证信息用于指示预设服务器根据该终端设备的标识和预设密钥对验证信息进行验证，在验证通过的情况下，终端设备可以接收验证通过的提示信息。进而，终端设备在接收到提示信息的情况下，向预设服务器发送获取请求。

具体的，该服务器可以将终端设备的标识转换为第一字符串，可选地，预设信息转换方式可以是美国信息交换标准代码(American Standard Code for InformationInterchange，ASCII)从小到大的顺序进行拼接，得到第三字符串，进而，终端设备可以在第三字符串后拼接预设密钥，得到第四字符串。其中，预设密钥可以是终端设备与预设服务器约定的密钥，终端设备需要在预设服务器发布开发的项目，则终端设备可以在该预设服务器中注册账户，并约定密钥，该密钥为一段预设的字符串。在得到第四字符串后，终端设备可以使用预设加密算法对第四字符串进行运算，得到参考签名数据。该预设服务器在接收到验证信息后，拼接和运算方式与终端设备生成参考签名数据相同，若接收到的签名与运算出的数据一致，则该预设服务器确定终端设备的身份验证通过，即向终端设备发送验证通过的提示信息。可选地，预设加密算法可以是消息摘要算法(MD5 Message-DigestAlgorithm，MD5)、安全散列算法256(Secure Hash Algorithm 256，SHA256)等算法，本申请对此不做限定。

203、在接收针对上述第一项目的显示指令的情况下，显示上述第一项目的用户界面，上述第一项目的用户界面中包括上述第一组件的用户界面。

在一种可能的实现方式中，该显示指令可以是终端设备在开发代码完成后的第一项目的项目测试阶段接收到的，也可以是在项目发布后该终端设备在使用该第一项目的功能/网页/应用程序时接收到的。终端设备响应于该针对第一项目的显示指令，运行该第一项目的开发代码生成第一项目的用户界面，该第一项目的用户界面中包括第一组件的用户界面，该第一组件的用户界面是通过运行该第二组件的组件链接中的代码块所生成的。

具体的，对于第一项目来说，可能存在多个组件，部分组件是直接引用其他项目的组件链接，部分组件是该前端开发团队直接开发的。终端设备在运行该第一项目的开发代码时，若是代码本身，则可以直接运行，若检测到是组件链接，则可以访问该组件链接，确定该组件的代码块，进而运行该组件链接中的代码块，从而生成该组件的用户界面，从而得到包括各个组件的用户界面的用户界面，即第一项目的用户界面。

204、在检测到上述第一组件的代码块发生更新的情况下，显示上述第一组件的更新用户界面。

在一种可能的实现方式中，终端设备可以在将第二组件(第一组件)的组件链接添加到第一项目的开发代码中之后，向预设服务器发送引用信息，该引用信息用于指示该第一项目引用第二组件，该引用信息可以包括终端设备的标识，第一项目的标识以及第二组件的组件标识。预设服务器在接收到终端设备发送的引用信息后，可以在第二组件的引用信息表中添加该第一项目的标识以及终端设备的标识，服务器存储的引用信息表可以用于存储引用该第二组件的项目，以及对应前端开发团队所使用的终端设备的标识。预设服务器在检测到第二组件的代码块发生更新的情况下，可以向该终端设备的标识对应的终端设备发送通知信息，该通知信息用于指示该第二组件(即第一组件)的代码块发生更新。进而，终端设备可以显示该第二组件(即第一组件)的更新用户界面。

可选地，该发送引用信息的动作可以与发布该第一项目同时执行，即确定最终的开发代码时，一并向服务器发送该第一项目中所引用的各个组件的引用信息。

具体的，终端设备在检测到第一组件的代码块发生更新的情况下，显示第一组件的更新用户界面，该更新用户界面为终端设备通过运行组件链接中更新的代码块生成的。可以理解的是，在该第一组件的代码块中的代码发生变化，即第二项目的第二组件的开发代码发生更新的情况下，终端设备运行第一项目所引用的组件链接中的代码块会直接引用发生更新后的代码块，即终端设备运行更新后的开发代码。因此，终端设备会显示第一组件的更新用户界面。对于第一项目来说，这个更新是无感知的，无需在源项目的组件的代码发生更新后，第一项目的前端开发团队再进一步调试和开发，也便于在第二项目的前端开发团队修复第二组件的bug后，其他引用该第二组件的项目也能直接修复bug后的组件，从而缩短了各个项目更新的流程，提高了各个项目更新的效率。

在本申请实施例中，通过确定正在开发的第一项目的待开发集合中的第一组件的功能需求信息，并根据第一组件的功能需求信息获取第一组件的组件链接，并将该组件链接添加在第一项目的开发代码中，该组件链接为已发布的第二项目中的组件的链接，该组件链接用于指示该第二项目中的组件的代码块。进而，在接收到针对该第一项目的显示指令的情况下，显示包括第一组件的用户界面的第一项目的用户界面，该第一组件的用户界面是允许该组件链接中的代码块生成的，因此，前端工程师在开发项目的过程中，可以通过组件的形式进行开发，组件可以来自与不同的项目，无需人为重复地进行开发，也可以被其他项目所使用，提高了组件的利用率，提高开发的效率。并且，在检测到第一组件的代码块发生更新的情况下，显示第一组件的更新用户界面，该更新用户界面是通过运行该组件链接中更新的代码块生成的。即在原项目的组件发生更新后，引用原项目的组件直接通过引用组件链接进行更新，通过运行该组件链接的代码，同样发生更新，无需人为额外开发，缩短了更新流程，提高了项目的更新效率。

请参阅图3，图3是本申请实施例提供的一种用户界面的显示方法的流程示意图。其中，需要说明的是，本申请中各个实施例之间相同或相似的部分可以互相参考。在本申请中各个实施例、以及各实施例中的各个实施方式/实施方法/实现方法中，如果没有特殊说明以及逻辑冲突，不同的实施例之间、以及各实施例中的各个实施方式/实施方法/实现方法之间的术语和/或描述具有一致性、且可以相互引用，不同的实施例、以及各实施例中的各个实施方式/实施方法/实现方法中的技术特征根据其内在的逻辑关系可以组合形成新的实施例、实施方式、实施方法、或实现方法。以上上述的本申请实施方式并不构成对本申请保护范围的限定。如图3所示，该用户界面的显示方法可以包括：

301、向预设服务器发送发布信息。

在一种可能的实现方式中，在第一项目开发完成后，可以发布该第一项目。具体的，终端设备可以向预设服务器发送发布信息，该发布信息可以携带第一项目开发代码的文件以及包括第一项目中各个组件的组件信息的文件。其中，第一项目中各个组件的组件信息包括各个组件所适用的框架信息，各个组件的组件类别以及各个组件的用户界面的尺寸信息，组件信息还可以包括共享组件的组件标识。可选地，该组件信息用于指示预设服务器生成第一项目的项目链接，标志该第一项目发布完成。

其中，组件信息包括的共享组件的组件标识可以用于指示该组件是否为共享组件。可以理解的是，该第一项目包括多个组件，部分为引用的组件，部分为开发的组件，则在开发的组件中，可以存在至少一个组件可以允许其他项目引用的组件，即为共享组件，其余开发的组件则为非共享组件，则不能被其他项目所引用。可以理解的是，终端设备获取的参考项目集合中各个参考项目均包括的组件类别下的组件均为各个参考项目的共享组件，则终端设备可以从各个参考项目的共享组件中确定与该第一项目匹配的组件，确定为第一组件。

示例性的，第一项目包括5个组件：登陆组件、轮播图组件、键盘组件、分享组件以抽奖组件，其中，登陆组件和轮播图组件可以是引用其他项目的组件，键盘组件、分享组件以及抽奖组件为第一项目的前端开发团队所开发的组件，则键盘组件和分享组件可以为共享组件，即可以被其他项目所引用，抽奖组件可以为非共享组件，不能被其他项目所引用。可选地，终端设备可以接收共享组件设置指令，为键盘组件和分享组件设置共享组件的标识，该共享组件设置指令可以是该第一项目的前端开发团队触发的。

302、接收上述预设服务器发送的共享组件更新信息。

具体的，预设服务器可以在接收到发布信息后，可以生成共享组件更新信息，该共享组件的更新信息包括共享组件集合和共享组件集合中各个共享组件的组件信息，该共享组件集合包括该第一项目的共享组件。示例性的，以上述第一项目的共享组件为键盘组件和分享组件，则终端设备可以接收到该键盘组件的组件信息以及分享组件的组件信息。其中，预设服务器可以向多个终端设备发送该共享组件更新信息，以使各个前端开发团队均接收到该共享组件更新信息，以便于后续在进行项目的开发过程中，可以进行引用。

在本申请实施例中，通过确定正在开发的第一项目的待开发集合中的第一组件的功能需求信息，并根据第一组件的功能需求信息获取第一组件的组件链接，并将该组件链接添加在第一项目的开发代码中，该组件链接为已发布的第二项目中的组件的链接，该组件链接用于指示该第二项目中的组件的代码块。进而，在接收到针对该第一项目的显示指令的情况下，显示包括第一组件的用户界面的第一项目的用户界面，该第一组件的用户界面是允许该组件链接中的代码块生成的，因此，前端工程师在开发项目的过程中，可以通过组件的形式进行开发，组件可以来自与不同的项目，无需人为重复地进行开发，也可以被其他项目所使用，提高了组件的利用率，提高开发的效率。并且，在检测到第一组件的代码块发生更新的情况下，显示第一组件的更新用户界面，该更新用户界面是通过运行该组件链接中更新的代码块生成的。即在原项目的组件发生更新后，引用原项目的组件直接通过引用组件链接进行更新，通过运行该组件链接的代码，同样发生更新，无需人为额外开发，缩短了更新流程，提高了项目的更新效率。

请参阅图4，图4是本申请实施例提供的一种用户界面的显示装置的结构示意图，上述用户界面的显示装置400包括：

确定单元401，用于确定待开发组件集合中第一组件的功能需求信息，上述待开发组件集合为第一项目中的组件集合，上述第一项目为未开发完成的项目，上述第一组件为上述待开发组件集合中的任一组件；

获取单元402，用于根据上述功能需求信息获取上述第一组件的组件链接，并将上述组件链接添加至上述第一项目的开发代码中，上述组件链接用于指示上述第一组件的代码块，上述第一组件为第二项目中开发的组件，上述第二项目为已发布的项目；

显示单元403，用于在接收针对上述第一项目的显示指令的情况下，显示上述第一项目的用户界面，上述第一项目的用户界面中包括上述第一组件的用户界面，上述第一组件的用户界面是通过运行上述组件链接中上述第一组件的代码块生成的；

上述显示单元403，用于在检测到上述第一组件的代码块发生更新的情况下，显示上述第一组件的更新用户界面，上述第一组件的更新用户界面是通过运行上述组件链接中更新的代码块生成的。

进一步地，上述获取单元402，用于根据上述功能需求信息获取上述第一组件的组件链接，具体用于：

根据上述功能需求信息确定组件类别；

向预设服务器发送获取请求，上述获取请求携带上述组件类别，上述获取请求用于获取参考项目的项目链接，上述参考项目为参考项目集合中的任一项目，上述参考项目集合中的各个项目均为已发布的项目，且上述参考项目集合中各个项目中均包括上述组件类别下的组件；

接收上述预设服务器响应于上述获取请求发送的项目链接；

在确定上述参考项目中第二组件与上述第一项目匹配的情况下，将上述第二组件确定为第一组件，上述第二组件为上述组件类别下的组件；

根据上述项目链接确定上述第一组件的组件链接。

进一步地，上述功能需求信息还包括上述第一组件的用户界面的第一尺寸信息，上述获取单元402，还用于获取上述第二组件的组件信息，上述组件信息包括上述第二组件适用的第一框架信息，以及上述第二组件的用户界面的第二尺寸信息；

上述确定单元401，还用于确定开发上述第一项目所使用的第二框架信息；

上述确定单元401，还用于在确定上述第二尺寸信息满足上述第一尺寸信息，且确定上述第一框架信息与上述第二框架信息相同的情况下，确定上述第二组件与上述第一项目匹配；

上述组件信息还包括上述第二组件的组件标识，上述获取单元402，用于根据上述项目链接确定上述组件链接，具体用于：

根据上述组件标识生成上述第二组件的链接后缀，在上述项目链接中添加上述链接后缀，得到上述组件链接。

进一步地，上述用户界面的显示装置400还包括：

发送单元404，用于向上述预设服务器发送引用信息，上述引用信息包括上述参考项目的标识、上述终端设备的标识、上述第一项目的标识以及上述第二组件的组件标识，上述引用信息用于指示上述第一项目引用上述第二组件；

其中，上述引用信息用于指示上述预设服务器在上述第二组件的引用项目表中添加上述第一项目的标识和上述终端设备的标识；

上述用户界面的显示装置400还包括：

接收单元405，用于接收来自上述预设服务器的通知信息，上述通知信息用于指示上述第二组件的代码块已更新。

进一步地，上述发送单元404，还用于向上述预设服务器发送发布信息，上述发布信息包括上述第一项目的开发代码、上述第一项目中各个组件的组件信息，上述各个组件的组件信息包括上述各个组件所适用的框架信息，上述各个组件的组件类别以及上述各个组件的用户界面的尺寸信息，上述组件信息还包括共享组件的组件标识；

其中，上述发布信息用于指示上述预设服务器存储上述第一项目的开发代码，并生成上述第一项目的项目链接；

上述接收单元405，还用于接收上述预设服务器发送的共享组件更新信息，上述共享组件更新信息包括共享组件集合和上述共享组件集合中各个共享组件的组件信息，上述共享组件集合包括上述第一项目的共享组件。

进一步地，上述获取单元402，用于根据上述组件标识生成上述第二组件的链接后缀，在上述项目链接中添加上述链接后缀，得到上述组件链接，具体用于：

获取第一字符串，上述第一字符串为拼接上述项目链接和上述链接后缀的字符串，上述第一字符串为预设的字符串；

根据组件标识与后缀信息的对应关系获取上述组件标识对应的后缀信息，并将上述后缀信息转换为第二字符串；

拼接上述第一字符串和上述第二字符串，得到上述链接后缀，并拼接上述项目链接和上述链接后缀，得到上述组件链接。

进一步地，上述用户界面的显示装置400还包括：

转换单元406，用于按照预设信息转化方式将上述终端设备的标识转换为第三字符串，并在上述第三字符串中拼接预设密钥，得到第四字符串；

运算单元407，用于按照预设加密算法对上述第四字符串进行运算，得到参考签名数据；

上述发送单元404，还用于向上述预设服务器发送验证信息，上述验证信息包括上述终端设备的标识以及上述参考签名数据，上述验证信息用于指示上述预设服务器根据上述终端设备的标识以及上述预设密钥对上述验证信息进行验证，并在上述验证信息验证通过的情况下，向上述终端设备发送验证通过的提示信息；

上述发送单元404，还用于在接收验证通过的提示信息的情况下，向上述预设服务器发送上述获取请求。

有关上述确定单元401、获取单元402、显示单元403、发送单元404、接收单元405、转换单元406以及运算单元407详细的描述可以直接参考上述图2至图3所示的方法实施例中的相关描述直接得到，这里不加赘述。

在本申请实施例中，通过确定正在开发的第一项目的待开发集合中的第一组件的功能需求信息，并根据第一组件的功能需求信息获取第一组件的组件链接，并将该组件链接添加在第一项目的开发代码中，该组件链接为已发布的第二项目中的组件的链接，该组件链接用于指示该第二项目中的组件的代码块。进而，在接收到针对该第一项目的显示指令的情况下，显示包括第一组件的用户界面的第一项目的用户界面，该第一组件的用户界面是允许该组件链接中的代码块生成的，因此，前端工程师在开发项目的过程中，可以通过组件的形式进行开发，组件可以来自与不同的项目，无需人为重复地进行开发，也可以被其他项目所使用，提高了组件的利用率，提高开发的效率。并且，在检测到第一组件的代码块发生更新的情况下，显示第一组件的更新用户界面，该更新用户界面是通过运行该组件链接中更新的代码块生成的。即在原项目的组件发生更新后，引用原项目的组件直接通过引用组件链接进行更新，通过运行该组件链接的代码，同样发生更新，无需人为额外开发，缩短了更新流程，提高了项目的更新效率。

请参阅图5，图5是本申请实施例提供的一种计算机设备的结构示意图，如图5所示，本申请实施例中的计算机设备500可以包括：

处理器501，收发器502和存储器505，此外，上述计算机设备500还可以包括：用户接口504，和至少一个通信总线503。其中，通信总线503用于实现这些组件之间的连接通信。其中，用户接口504可以包括显示屏(Display)、键盘(Keyboard)，存储器505可以是高速RAM存储器，也可以是非不稳定的存储器(non-volatile memory)，例如至少一个磁盘存储器。存储器505可选的还可以是至少一个位于远离前述处理器501和前述收发器502的存储装置。如图5所示，作为一种计算机存储介质的存储器505中可以包括操作系统、网络通信模块、用户接口模块以及设备控制应用程序。

在图5所示的计算机设备500中，收发器502可提供网络通讯功能，以使服务器间可进行通信；而用户接口504主要用于为用户提供输入的接口；而处理器501可以用于调用存储器505中存储的设备控制应用程序，执行如下操作：

确定待开发组件集合中第一组件的功能需求信息，上述待开发组件集合为第一项目中的组件集合，上述第一项目为未开发完成的项目，上述第一组件为上述待开发组件集合中的任一组件；

根据上述功能需求信息获取上述第一组件的组件链接，并将上述组件链接添加至上述第一项目的开发代码中，上述组件链接用于指示上述第一组件的代码块，上述第一组件为第二项目中开发的组件，上述第二项目为已发布的项目；

在接收针对上述第一项目的显示指令的情况下，显示上述第一项目的用户界面，上述第一项目的用户界面中包括上述第一组件的用户界面，上述第一组件的用户界面是通过运行上述组件链接中上述第一组件的代码块生成的；

在检测到上述第一组件的代码块发生更新的情况下，显示上述第一组件的更新用户界面，上述第一组件的更新用户界面是通过运行上述组件链接中更新的代码块生成的。

在一种可能的实现方式中，上述处理器501根据上述功能需求信息获取上述第一组件的组件链接，具体用于执行：

根据上述功能需求信息确定组件类别；

向预设服务器发送获取请求，上述获取请求携带上述组件类别，上述获取请求用于获取参考项目的项目链接，上述参考项目为参考项目集合中的任一项目，上述参考项目集合中的各个项目均为已发布的项目，且上述参考项目集合中各个项目中均包括上述组件类别下的组件；

接收上述预设服务器响应于上述获取请求发送的项目链接；

在确定上述参考项目中第二组件与上述第一项目匹配的情况下，将上述第二组件确定为第一组件，上述第二组件为上述组件类别下的组件；

根据上述项目链接确定上述第一组件的组件链接。

在一种可能的实现方式中，上述功能需求信息还包括上述第一组件的用户界面的第一尺寸信息，上述处理器501将上述第二组件确定为第一组件之前，上述处理器501还用于执行如下操作：

获取上述第二组件的组件信息，上述组件信息包括上述第二组件适用的第一框架信息，以及上述第二组件的用户界面的第二尺寸信息；

确定开发上述第一项目所使用的第二框架信息；

在确定上述第二尺寸信息满足上述第一尺寸信息，且确定上述第一框架信息与上述第二框架信息相同的情况下，确定上述第二组件与上述第一项目匹配；

上述组件信息还包括上述第二组件的组件标识，上述处理器501根据上述项目链接确定上述组件链接，具体用于执行：

根据上述组件标识生成上述第二组件的链接后缀，在上述项目链接中添加上述链接后缀，得到上述组件链接。

在一种可能的实现方式中，上述处理器501将上述组件链接添加至上述第一项目的开发代码中之后，上述处理器501还用于执行如下操作：

向上述预设服务器发送引用信息，上述引用信息包括上述参考项目的标识、上述终端设备的标识、上述第一项目的标识以及上述第二组件的组件标识，上述引用信息用于指示上述第一项目引用上述第二组件；

其中，上述引用信息用于指示上述预设服务器在上述第二组件的引用项目表中添加上述第一项目的标识和上述终端设备的标识；

上述处理器501显示上述第一组件的更新用户界面之前，上述处理器501还用于执行如下操作：

接收来自上述预设服务器的通知信息，上述通知信息用于指示上述第二组件的代码块已更新。

在一种可能的实现方式中，上述处理器501将上述组件链接添加至上述第一项目的开发代码中之后，上述处理器501还用于执行如下操作：

向上述预设服务器发送发布信息，上述发布信息包括上述第一项目的开发代码、上述第一项目中各个组件的组件信息，上述各个组件的组件信息包括上述各个组件所适用的框架信息，上述各个组件的组件类别以及上述各个组件的用户界面的尺寸信息，上述组件信息还包括共享组件的组件标识；

其中，上述发布信息用于指示上述预设服务器存储上述第一项目的开发代码，并生成上述第一项目的项目链接；

接收上述预设服务器发送的共享组件更新信息，上述共享组件更新信息包括共享组件集合和上述共享组件集合中各个共享组件的组件信息，上述共享组件集合包括上述第一项目的共享组件。

在一种可能的实现方式中，上述处理器501根据上述组件标识生成上述第二组件的链接后缀，在上述项目链接中添加上述链接后缀，得到上述组件链接，具体用于执行：

获取第一字符串，上述第一字符串为拼接上述项目链接和上述链接后缀的字符串，上述第一字符串为预设的字符串；

根据组件标识与后缀信息的对应关系获取上述组件标识对应的后缀信息，并将上述后缀信息转换为第二字符串；

拼接上述第一字符串和上述第二字符串，得到上述链接后缀，并拼接上述项目链接和上述链接后缀，得到上述组件链接。

在一种可能的实现方式中，上述处理器501向预设服务器发送获取请求之前，上述处理器501还用于执行如下操作：

按照预设信息转化方式将上述终端设备的标识转换为第三字符串，并在上述第三字符串中拼接预设密钥，得到第四字符串；

按照预设加密算法对上述第四字符串进行运算，得到参考签名数据；

向上述预设服务器发送验证信息，上述验证信息包括上述终端设备的标识以及上述参考签名数据，上述验证信息用于指示上述预设服务器根据上述终端设备的标识以及上述预设密钥对上述验证信息进行验证，并在上述验证信息验证通过的情况下，向上述终端设备发送验证通过的提示信息；

在接收验证通过的提示信息的情况下，向上述预设服务器发送上述获取请求。

应当理解，在一些可行的实施方式中，上述处理器501可以是中央处理单元(central processing unit，CPU)，该处理器501还可以是其他通用处理器、数字信号处理器(digital signal processor，DSP)、专用集成电路(application specific integratedcircuit，ASIC)、现成可编程门阵列(field-programmable gate array，FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。

该存储器505可以包括只读存储器和随机存取存储器，并向处理器提供指令和数据。存储器505的一部分还可以包括非易失性随机存取存储器。

具体实现中，上述计算机设备500可通过其内置的各个功能模块执行如上述图2和图3中各个步骤所提供的实现方式，具体可参见上述各个步骤所提供的实现方式，在此不再赘述。

在本申请实施例中，通过确定正在开发的第一项目的待开发集合中的第一组件的功能需求信息，并根据第一组件的功能需求信息获取第一组件的组件链接，并将该组件链接添加在第一项目的开发代码中，该组件链接为已发布的第二项目中的组件的链接，该组件链接用于指示该第二项目中的组件的代码块。进而，在接收到针对该第一项目的显示指令的情况下，显示包括第一组件的用户界面的第一项目的用户界面，该第一组件的用户界面是允许该组件链接中的代码块生成的，因此，前端工程师在开发项目的过程中，可以通过组件的形式进行开发，组件可以来自与不同的项目，无需人为重复地进行开发，也可以被其他项目所使用，提高了组件的利用率，提高开发的效率。并且，在检测到第一组件的代码块发生更新的情况下，显示第一组件的更新用户界面，该更新用户界面是通过运行该组件链接中更新的代码块生成的。即在原项目的组件发生更新后，引用原项目的组件直接通过引用组件链接进行更新，通过运行该组件链接的代码，同样发生更新，无需人为额外开发，缩短了更新流程，提高了项目的更新效率。

此外，这里需要指出的是：本申请实施例还提供了一种计算机可读存储介质，且上述计算机可读存储介质中存储有前文提及的计算机设备所执行的计算机程序，且上述计算机程序包括程序指令，当上述处理器执行上述程序指令时，能够执行前文图2或图3任一个所对应实施例中的对任一方法的描述，因此，这里将不再进行赘述。另外，对采用相同方法的有益效果描述，也不再进行赘述。对于本申请所涉及的计算机可读存储介质实施例中未披露的技术细节，请参照本申请方法实施例的描述。

本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序指令相关的硬件来完成，上述的程序可存储于一计算机可读存储介质中，该程序在执行时，可包括如上述各方法的实施例的流程。其中，上述的存储介质可为磁碟、光盘、只读存储记忆体(read-only memory，ROM)或随机存储记忆体(random accessmemory，RAM)等。

需要强调的是，为进一步保证上述数据的私密和安全性，上述数据还可以存储于一区块链的节点中。其中，本申请所指区块链是分布式数据存储、点对点传输、共识机制、加密算法等计算机技术的新型应用模式。区块链(Blockchain)，本质上是一个去中心化的数据库，是一串使用密码学方法相关联产生的数据块，每一个数据块中包含了一批次网络交易的信息，用于验证其信息的有效性(防伪)和生成下一个区块。区块链可以包括区块链底层平台、平台产品服务层以及应用服务层等。

以上所揭露的仅为本申请较佳实施例而已，当然不能以此来限定本申请之权利范围，因此依本申请权利要求所作的等同变化，仍属本申请所涵盖的范围。

Claims (10)

1.一种用户界面的显示方法，其特征在于，所述方法应用于终端设备，所述方法包括：

确定待开发组件集合中第一组件的功能需求信息，所述待开发组件集合为第一项目中的组件集合，所述第一项目为未开发完成的项目，所述第一组件为所述待开发组件集合中的任一组件；

根据所述功能需求信息获取所述第一组件的组件链接，并将所述组件链接添加至所述第一项目的开发代码中，所述组件链接用于指示所述第一组件的代码块，所述第一组件为第二项目中开发的组件，所述第二项目为已发布的项目；

在接收针对所述第一项目的显示指令的情况下，显示所述第一项目的用户界面，所述第一项目的用户界面中包括所述第一组件的用户界面，所述第一组件的用户界面是通过运行所述组件链接中所述第一组件的代码块生成的；

在检测到所述第一组件的代码块发生更新的情况下，显示所述第一组件的更新用户界面，所述第一组件的更新用户界面是通过运行所述组件链接中更新的代码块生成的。

2.根据权利要求1所述的方法，其特征在于，所述根据所述功能需求信息获取所述第一组件的组件链接，包括：

根据所述功能需求信息确定组件类别；

向预设服务器发送获取请求，所述获取请求携带所述组件类别，所述获取请求用于获取参考项目的项目链接，所述参考项目为参考项目集合中的任一项目，所述参考项目集合中的各个项目均为已发布的项目，且所述参考项目集合中各个项目中均包括所述组件类别下的组件；

接收所述预设服务器响应于所述获取请求发送的项目链接；

在确定所述参考项目中第二组件与所述第一项目匹配的情况下，将所述第二组件确定为第一组件，所述第二组件为所述组件类别下的组件；

根据所述项目链接确定所述第一组件的组件链接。

3.根据权利要求2所述的方法，其特征在于，所述功能需求信息还包括所述第一组件的用户界面的第一尺寸信息，所述将所述第二组件确定为第一组件之前，所述方法还包括：

获取所述第二组件的组件信息，所述组件信息包括所述第二组件适用的第一框架信息，以及所述第二组件的用户界面的第二尺寸信息；

确定开发所述第一项目所使用的第二框架信息；

在确定所述第二尺寸信息满足所述第一尺寸信息，且确定所述第一框架信息与所述第二框架信息相同的情况下，确定所述第二组件与所述第一项目匹配；

所述组件信息还包括所述第二组件的组件标识，所述根据所述项目链接确定所述组件链接，包括：

根据所述组件标识生成所述第二组件的链接后缀，在所述项目链接中添加所述链接后缀，得到所述组件链接。

4.根据权利要求3所述的方法，其特征在于，所述将所述组件链接添加至所述第一项目的开发代码中之后，所述方法还包括：

向所述预设服务器发送引用信息，所述引用信息包括所述参考项目的标识、所述终端设备的标识、所述第一项目的标识以及所述第二组件的组件标识，所述引用信息用于指示所述第一项目引用所述第二组件；

其中，所述引用信息用于指示所述预设服务器在所述第二组件的引用项目表中添加所述第一项目的标识和所述终端设备的标识；

所述显示所述第一组件的更新用户界面之前，所述方法还包括：

接收来自所述预设服务器的通知信息，所述通知信息用于指示所述第二组件的代码块已更新。

5.根据权利要求4所述的方法，其特征在于，所述将所述组件链接添加至所述第一项目的开发代码中之后，所述方法还包括：

向所述预设服务器发送发布信息，所述发布信息包括所述第一项目的开发代码、所述第一项目中各个组件的组件信息，所述各个组件的组件信息包括所述各个组件所适用的框架信息，所述各个组件的组件类别以及所述各个组件的用户界面的尺寸信息，所述组件信息还包括共享组件的组件标识；

其中，所述发布信息用于指示所述预设服务器存储所述第一项目的开发代码，并生成所述第一项目的项目链接；

接收所述预设服务器发送的共享组件更新信息，所述共享组件更新信息包括共享组件集合和所述共享组件集合中各个共享组件的组件信息，所述共享组件集合包括所述第一项目的共享组件。

6.根据权利要求3所述的方法，其特征在于，所述根据所述组件标识生成所述第二组件的链接后缀，在所述项目链接中添加所述链接后缀，得到所述组件链接，包括：

获取第一字符串，所述第一字符串为拼接所述项目链接和所述链接后缀的字符串，所述第一字符串为预设的字符串；

根据组件标识与后缀信息的对应关系获取所述组件标识对应的后缀信息，并将所述后缀信息转换为第二字符串；

拼接所述第一字符串和所述第二字符串，得到所述链接后缀，并拼接所述项目链接和所述链接后缀，得到所述组件链接。

7.根据权利要求6所述的方法，其特征在于，所述向预设服务器发送获取请求之前，所述方法还包括：

按照预设信息转化方式将所述终端设备的标识转换为第三字符串，并在所述第三字符串中拼接预设密钥，得到第四字符串；

按照预设加密算法对所述第四字符串进行运算，得到参考签名数据；

向所述预设服务器发送验证信息，所述验证信息包括所述终端设备的标识以及所述参考签名数据，所述验证信息用于指示所述预设服务器根据所述终端设备的标识以及所述预设密钥对所述验证信息进行验证，并在所述验证信息验证通过的情况下，向所述终端设备发送验证通过的提示信息；

在接收验证通过的提示信息的情况下，向所述预设服务器发送所述获取请求。

8.一种用户界面的显示装置，其特征在于，包括：

确定单元，用于确定待开发组件集合中第一组件的功能需求信息，所述待开发组件集合为第一项目中的组件集合，所述第一项目为未开发完成的项目，所述第一组件为所述待开发组件集合中的任一组件；

获取单元，用于根据所述功能需求信息获取所述第一组件的组件链接，并将所述组件链接添加至所述第一项目的开发代码中，所述组件链接用于指示所述第一组件的代码块，所述第一组件为第二项目中开发的组件，所述第二项目为已发布的项目；

显示单元，用于在接收针对所述第一项目的显示指令的情况下，显示所述第一项目的用户界面，所述第一项目的用户界面中包括所述第一组件的用户界面，所述第一组件的用户界面是通过运行所述组件链接中所述第一组件的代码块生成的；

所述显示单元，用于在检测到所述第一组件的代码块发生更新的情况下，显示所述第一组件的更新用户界面，所述第一组件的更新用户界面是通过运行所述组件链接中更新的代码块生成的。

9.一种计算机设备，其特征在于，包括存储器和处理器，所述存储器存储有计算机程序，所述计算机程序被所述处理器执行时，使得所述处理器执行如权利要求1-7任一项所述的方法。

10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质存储有计算机程序，所述计算机程序被处理器执行以实现权利要求1-7任一项所述的方法。

Images