页面渲染方法、装置、服务器及可读存储介质制造方法及图纸

本申请实施例提供了一种页面渲染方法、装置、服务器及可读存储介质，通过在接收到服务请求方终端发送的针对目标页面的页面获取请求后获取目标页面的页面配置数据和业务代码文件，接着检测目标页面包括的页面代码文件的页面代码类型，并根据页面代码文件的页面代码类型、业务代码文件和页面配置数据分别对页面代码文件进行处理，得到包括有NodeJS代码文件和/或HTML文件的目标页面代码文件，最后根据目标页面代码文件渲染目标页面。如此，根据目标页面代码文件渲染后的页面即为修改后的页面，从而可以根据各种业务需求快速生成可使用的服务，无需对页面进行二次开发，节省开发资源。

【技术实现步骤摘要】
页面渲染方法、装置、服务器及可读存储介质
本申请涉及计算机
，具体而言，涉及一种页面渲染方法、装置、服务器及可读存储介质。
技术介绍
目前，主流的WEB页面开发模式是服务器上存储HTML文件，由前端人员开发相应的JavaScript脚本代码后打包上传到服务器，再由服务器将HTML文件和JavaScript脚本代码进行关联，并作为页面代码文件进行存储。然而这种方式的弊端在于，页面代码文件全部存储在代码仓库中，若要对其进行修改则需要进行二次开发，导致每次对WEB页面中做的任何改动(例如增加页面服务、修改服务类型等)都需要开发人员修改代码重新上线，极大地浪费了开发资源。
技术实现思路
有鉴于此，本申请实施例的目的在于提供一种页面渲染方法、装置、服务器及可读存储介质，可以根据各种业务需求快速生成可使用的服务，无需对页面进行二次开发，节省开发资源。根据本申请实施例的一个方面，提供一种电子设备，可以包括一个或多个存储介质和一个或多个与存储介质通信的处理器。一个或多个存储介质存储有处理器可执行的机器可读指令。当电子设备运行时，处理器与存储介本文档来自技高网...

【技术保护点】
1.一种页面渲染方法，其特征在于，应用于服务器，所述方法包括：/n在接收到服务请求方终端发送的针对目标页面的页面获取请求后，获取所述目标页面的页面配置数据和业务代码文件；/n检测所述目标页面包括的页面代码文件的页面代码类型，并根据所述页面代码文件的页面代码类型、所述业务代码文件和所述页面配置数据分别对所述页面代码文件进行处理，得到包括有NodeJS代码文件和/或HTML文件的目标页面代码文件；/n根据所述目标页面代码文件渲染所述目标页面。/n

【技术特征摘要】
1.一种页面渲染方法，其特征在于，应用于服务器，所述方法包括：
在接收到服务请求方终端发送的针对目标页面的页面获取请求后，获取所述目标页面的页面配置数据和业务代码文件；
检测所述目标页面包括的页面代码文件的页面代码类型，并根据所述页面代码文件的页面代码类型、所述业务代码文件和所述页面配置数据分别对所述页面代码文件进行处理，得到包括有NodeJS代码文件和/或HTML文件的目标页面代码文件；
根据所述目标页面代码文件渲染所述目标页面。


2.根据权利要求1所述的页面渲染方法，其特征在于，所述在接收到服务请求方终端发送的针对目标页面的页面获取请求后，获取所述目标页面的页面配置数据和业务代码文件的步骤之前，所述方法还包括：
获取服务提供方终端配置的针对所述目标页面的数据字典，所述数据字典中包括基础表单组件的JSON数据以及扩展表单组件的JSON数据；
根据所述数据字典生成对应的可视化配置页面并将所述可视化配置页面发送给所述服务提供方终端进行显示，其中，所述可视化配置页面包括所述基础表单组件和所述扩展表单组件的配置区域；
获取所述服务提供方终端在每个配置区域中配置的对应的表单组件所需展示的数据，并根据配置的每个表单组件所需展示的数据生成所述目标页面的页面配置数据，将所述页面配置数据进行存储。


3.根据权利要求1所述的页面渲染方法，其特征在于，所述在接收到服务请求方终端发送的针对目标页面的页面获取请求后，获取所述目标页面的页面配置数据和业务代码文件的步骤之前，所述方法还包括：
获取服务提供方终端配置的所述目标页面的业务代码文件，并将所述业务代码文件进行存储，其中，所述业务代码文件包括NodeJS代码、HTML代码、JavaScript代码以及注释内容，所述注释内容用于表征需要获取所述配置数据。


4.根据权利要求1所述的页面渲染方法，其特征在于，所述在接收到服务请求方终端发送的针对目标页面的页面获取请求后，获取所述目标页面的页面配置数据和业务代码文件的步骤，包括：
在接收到服务请求方终端发送的针对目标页面的页面获取请求后，从所述页面获取请求中获取所述目标页面的页面ID；
根据所述页面ID从预存的各个页面的页面数据库中获取所述目标页面的页面配置数据和页面代码文件，其中，每个页面的页面数据库与该页面的页面ID对应。


5.根据权利要求1-4中任意一项所述的页面渲染方法，其特征在于，所述根据所述页面代码文件的页面代码类型、所述业务代码文件和所述页面配置数据分别对所述页面代码文件进行处理，得到包括有NodeJS代码文件和/或HTML文件的目标页面代码文件的步骤，包括：
若页面代码文件的页面代码类型为NodeJS代码类型，则获取所述业务代码文件中的NodeJS代码；
根据预先配置的第一正则表达式从所述NodeJS代码中获取对应的第一注释内容；
调用预先配置的字符串模板引擎从所述注释内容中获取第一目标字段和第一代码处理策略，并从所述页面配置数据中获取与所述第一目标字段对应的第一目标数据；
根据所述第一代码处理策略对所述第一目标数据进行数据处理，生成对应的第一数据字符串；
将生成的第一数据字符串注入到所述NodeJS代码文件中，得到包括NodeJS代码文件的目标页面代码文件。


6.根据权利要求5所述的页面渲染方法，其特征在于，所述调用预先配置的字符串模板引擎从所述注释内容中获取第一目标字段和第一代码处理策略的步骤，包括：
调用预先配置的字符串模板引擎从所述第一注释内容中匹配所述第一目标字段和第一代码处理策略所在的代码编辑区域，并从所述代码编辑区域中获取所述第一目标字段和第一代码处理策略。


7.根据权利要求1-4中任意一项所述的页面渲染方法，其特征在于，所述根据所述页面代码文件的页面代码类型、所述业务代码文件和所述页面配置数据分别对所述页面代码文件进行处理，得到包括有NodeJS代码文件和/或HTML文件的目标页面代码文件的步骤，包括：
若页面代码文件的页面代码类型为前端页面代码类型，则获取所述业务代码文件中的JavaScript脚本文件、CSS文件以及HTML文件；
根据所述目标页面的发布环境获取对应的发布环境的配置文件；
根据所述业务代码文件和所述页面配置数据对所述JavaScript脚本文件进行处理；
获取所述目标页面的特定依赖组件和所述目标页面包括的各个页面模板的模板依赖组件，并根据所述特定依赖组件和各个页面模板的模板依赖组件生成对应的依赖树；
将所述发布环境的配置文件、所述依赖树、处理后的JavaScript脚本文件以及所述CSS文件注入到所述HTML文件中，得到包括HTML文件的目标页面代码文件。


8.根据权利要求7所述的页面渲染方法，其特征在于，所述根据所述业务代码文件和所述页面配置数据对所述JavaScript脚本文件进行处理，得到处理后的JavaScript脚本文件的步骤，包括：
获取所述业务代码文件中的JavaScript代码；
根据预先配置的第二正则表达式从所述JavaScript代码中获取对应的第二注释内容；
调用预先配置的字符串模板引擎从所述第二注释内容中获取第二目标字段和第二代码处理策略，并从所述页面配置数据中获取与所述第二目标字段对应的第二目标数据；
根据所述第二代码处理策略对所述第二目标数据进行数据处理，生成对应的第二数据字符串；
将生成的第二数据字符串注入到所述JavaScript脚本文件中，生成处理后的JavaScript脚本文件。


9.根据权利要求7所述的页面渲染方法，其特征在于，所述获取所述目标页面的特定依赖组件和所述目标页面包括的各个页面模板的模板依赖组件，并根据所述特定依赖组件和各个页面模板的模板依赖组件生成对应的依赖树的步骤，包括：
获取所述目标页面依赖的JavaScript脚本组件以及CSS样式组件；
获取所述目标页面包括的各个页面模板的HTML文件和JavaScript依赖组件、CSS依赖组件；
将所述目标页面依赖的JavaScript脚本组件以及CSS样式组件以及所述目标页面包括的各个页面模板的HTML文件和JavaScript依赖组件、CSS依赖组件进行合并，生成对应的依赖树。


10.根据权利要求1所述的页面渲染方法，其特征在于，若所述目标页面代码文件包括NodeJS代码文件，所述根据所述目标页面代码文件渲染所述目标页面的步骤，包括：
读取并执行所述NodeJS代码文件中的NodeJS代码，并根据执行结果渲染所述目标页面。


11.根据权利要求10所述的页面渲染方法，其特征在于，若所述目标页面代码文件还包括HTML文件，所述根据执行结果渲染所述目标页面的步骤，包括：
将执行结果注入到所述HTML文件中，得到目标HTML文件；
根据所述目标HTML文件渲染所述目标页面。


12.根据权利要求1所述的页面渲染方法，其特征在于，所述根据所述目标页面代码文...

【专利技术属性】
技术研发人员：张哲，傅铮，陈成，
申请(专利权)人：北京嘀嘀无限科技发展有限公司，
类型：发明
国别省市：北京;11