[发明专利]页面组件开发方法、系统、终端及计算机可读存储介质

说明书

本发明公开了一种页面组件开发方法、系统、终端及计算机可读存储介质，其中方法包括：获取前端开发需求；基于前端开发需求确认所需的目标页面组件和所需数据的目标数据标志；根据预先配置好的配置文件查询与目标数据标志对应的目标数据来源及获取方式，并通过目标数据来源及获取方式获取目标数据，配置文件预先存储每种数据标志对应的数据来源及获取方式；将目标数据按目标页面组件所需的格式进行封装；利用封装好的目标数据渲染目标页面组件，得到具备相应功能的目标页面组件。通过上述方式，本发明能够精简了前端页面开发过程中的代码，使得代码逻辑更为清晰，进而提升了前端页面开发的效率。

技术领域

本申请涉及计算机技术领域，特别是涉及一种页面组件开发方法、系统、终端及计算机可读存储介质。

背景技术

随着网络发展的日新月异，各类网站和应用程序为生活和生产带来了极大的便利。页面作为用户与网站、应用程序进行交互的媒介，页面的质量往往直接影响用户的使用体验，因此，前端页面的开发是网站开发和应用程序开发的重要组成部分。

前端页面的开发通常划分为页面组件、数据和逻辑三部分，其中，页面组件是可以复用的，但是页面组件需要使用的数据则需要从远程服务器或本地服务器中加载，而加载的过程则需要开发人员在页面组件中写入相关的请求数据的逻辑代码中，导致开发人员仍然需要编写大量代码，降低了开发的效率。

发明内容

本申请提供一种页面组件开发方法、系统、终端及计算机可读存储介质，以解决现有的前端页面组件开发效率低下的问题。

为解决上述技术问题，本申请采用的一个技术方案是：提供一种页面组件开发方法，包括：获取前端开发需求；基于前端开发需求确认所需的目标页面组件和所需数据的目标数据标志；根据预先配置好的配置文件查询与目标数据标志对应的目标数据来源及获取方式，并通过目标数据来源及获取方式获取目标数据，配置文件预先存储每种数据标志对应的数据来源及获取方式；将目标数据按目标页面组件所需的格式进行封装；利用封装好的目标数据渲染目标页面组件，得到具备相应功能的目标页面组件。

作为本申请的进一步改进，根据预先配置好的配置文件查询与目标数据标志对应的目标数据来源及获取方式之前，还包括：基于目标数据标志从预先设置的第一缓存存储器中查询是否存在目标数据；若存在，则从第一缓存存储器中获取目标数据；若不存在，则执行根据预先配置好的配置文件查询与目标数据标志对应的目标数据来源及获取方式的步骤；得到具备相应功能的目标页面组件之后，还包括：将目标数据与目标数据标志对应后存储至第一缓存存储器中。

作为本申请的进一步改进，将目标数据与目标数据标志对应后存储至第一缓存存储器中之后，还包括：当目标数据在第一缓存存储器中的存储时间达到第一预设时长时，从第一缓存存储器中删除目标数据。

作为本申请的进一步改进，将目标数据与目标数据标志对应后存储至第一缓存存储器中之后，还包括：每间隔第二预设时长，根据目标数据来源及获取方式再次获取新的目标数据，并与第一缓存存储器中的目标数据进行比对；当目标数据发生修改时，将新的目标数据同步至第一缓存存储器中；根据新的目标数据重新渲染目标页面组件。

作为本申请的进一步改进，得到具备相应功能的目标页面组件之后，还包括：检测是否存在需要使用共有数据的至少两个目标页面组件；若是，则设置第二缓存存储器，并将共有数据存储至第二缓存存储器中，至少两个目标页面组件从第二缓存存储器中调用共有数据。

作为本申请的进一步改进，通过目标数据来源及获取方式获取目标数据的步骤，包括：基于目标数据来源，利用获取方式获取到初始数据；获取过滤条件，基于过滤条件对初始数据进行过滤，得到目标数据。

作为本申请的进一步改进，得到具备相应功能的目标页面组件之后，还包括：将目标页面组件上传至区块链中。