[发明专利]一种前端渲染的方法和装置

说明书

本发明公开了前端渲染的方法和装置，涉及计算机技术领域。该方法的一具体实施方式包括：生成配置源，所述配置源包括静态配置和动态配置；基于所生成的配置源生成控制方法，所述控制方法包括控制路由和控制组件；通过所述配置源和所述控制方法渲染前端页面。该实施方式降低了环境多样性对代码的影响，提高了代码复用效率。

技术领域

本发明涉及计算机技术领域，尤其涉及一种前端渲染的方法和装置。

背景技术

Web前端是互联网时代诞生的一项重要的计算机应用技术，其主要载体是网页浏览器和手机应用程序。通过这项技术，我们可以方便快捷地浏览互联网上的文字、图片、音视频和其他多媒体内容，并可以与之进行交互。

早期的网页主要是静态网页，以内容展示为主，随着网络技术和通信技术的不断发展，移动互联网带来了大量高性能的移动终端和高速无线网络，浏览器技术和Web前端技术也随之步入了发展和升级的快车道，前端技术进入大规模工程化和模块化开发时代，各种复杂展示和交互的前端应用也得以诞生，尤其是拥有复杂的构建流程、数据监控和大规模数据分析展示的云计算和大数据等领域。

由于项目和工程的大型化和复杂化，以及应用和部署场景的定制化和多样化，如何提高这种状况下的项目开发和部署效率，降低开发和维护的复杂度是前端技术领域一个重要的课题。

发明内容

有鉴于此，本发明实施例提供一种前端渲染的方法和装置，能够结合静态配置与动态配置，通过对路由和组件的控制，在同一套项目代码中，配置出不同的页面和页面内容，将部署环境的多样性转换成具体功能的多样性，实现了开发与部署分离，最大程度实现了代码复用，降低开发和维护成本。

为实现上述目的，根据本发明实施例的一个方面，提供了一种前端渲染的方法。

根据本发明实施例的前端渲染的方法，包括：

生成配置源，所述配置源包括静态配置和动态配置；

基于所生成的配置源生成控制方法，所述控制方法包括控制路由和控制组件；

通过所述配置源和所述控制方法渲染前端页面。

根据本发明实施例的前端渲染的方法，其中，所述配置源存储与项目相关的全部配置。

根据本发明实施例的前端渲染的方法，其中，所述配置源包括路由的包含和排除。

根据本发明实施例的前端渲染的方法，其中，所述配置源包括针对组件的功能开关。

根据本发明实施例的前端渲染的方法，还包括：

通过控制函数将与所述配置源相关联的配置文件加载至状态机以实现动态渲染。

根据本发明实施例的前端渲染的方法，还包括：

通过API接口获取动态配置并加载至状态机以实现实时动态渲染。

根据本发明实施例的前端渲染的方法，其中，所述渲染前端页面以JavaScript库作为基础渲染库。

为实现上述目的，根据本发明实施例的一个方面，提供了一种前端渲染的装置，包括：

配置模块，用于生成配置源，所述配置源包括静态配置和动态配置；

控制模块，用于基于所生成的配置源生成控制方法，所述控制方法包括控制路由和控制组件；

渲染模块，用于通过所述配置源和所述控制方法渲染前端页面。

根据本发明实施例所述的装置，所述配置模块还用于：

配置路由的包含和排除；

配置针对组件的功能开关。