本申请公开了一种页面构建方法、电子设备和存储介质，该方法包括：获取客户端页面构建模板、服务端页面构建模板和基于客户端页面构建模板创建的客户端渲染逻辑代码；基于客户端页面构建模板和客户端渲染逻辑代码构建客户端渲染文件，基于服务端页面构建模板和客户端渲染逻辑代码构建服务端渲染文件；将客户端渲染文件放置于第一目录中，将服务端渲染文件放置于第二目录中，以便客户端基于第一目录中的客户端渲染文件进行页面构建，或，服务器基于第二目录中的服务端渲染文件进行页面构建。本申请支持完全同构开发，在开发过程中只需要维护一套代码也即客户端渲染逻辑代码，即可实现客户端和服务端的渲染，提高了页面开发效率高，可维护性好。可维护性好。可维护性好。
【技术实现步骤摘要】
页面构建方法及电子设备和计算机可读存储介质
[0001]本申请涉及计算机
，更具体地说，涉及一种页面构建方法及电子设备和计算机可读存储介质。
技术介绍
[0002]对于网页渲染，可以根据渲染主体的不同划分为客户端渲染和服务端渲染，顾名思义，客户端渲染为客户端将渲染代码渲染为页面，服务端渲染为服务器将渲染代码渲染为页面。在页面开发过程中，需要分别开发客户端渲染代码和服务端渲染代码，代码维护开发成本高，页面构建的效率较低。
[0003]因此，如何提高页面开发效率是本领域技术人员需要解决的技术问题。
技术实现思路
[0004]本申请的目的在于提供一种页面构建方法及一种电子设备和一种计算机可读存储介质，提高了页面开发效率。
[0005]为实现上述目的，本申请第一方面提供了一种页面构建方法，包括：
[0006]获取客户端页面构建模板、服务端页面构建模板和基于所述客户端页面构建模板创建的客户端渲染逻辑代码；
[0007]基于所述客户端页面构建模板和所述客户端渲染逻辑代码构建客户端渲染文件，基于所述服务端页面构建模板和所述客户端渲染逻辑代码构建服务端渲染文件，
[0008]将所述客户端渲染文件放置于第一目录中，将所述服务端渲染文件放置于第二目录中，以便客户端基于所述第一目录中的客户端渲染文件进行页面构建，或，服务器基于所述第二目录中的服务端渲染文件进行页面构建。
[0009]其中，将所述客户端渲染文件放置于第一目录中，将所述服务端渲染文件放置于第二目录中之后，还包括：
[0010]将所述第一目录部署于内容分发网络，以便客户端基于所述第一目录中的所述客户端渲染文件进行页面构建；
[0011]将所述第二目录部署于服务器，以便所述服务器基于所述第二目录中的所述服务端渲染文件进行页面构建。
[0012]其中，所述服务器基于所述第二目录中的服务端渲染文件进行页面构建，包括：
[0013]所述服务器利用虚拟文档对象模型的操作应用程序接口执行所述第二目录中的所述服务端渲染文件进行页面构建。
[0014]其中，所述基于所述客户端页面构建模板和所述客户端渲染逻辑代码构建客户端渲染文件，基于所述服务端页面构建模板和所述客户端渲染逻辑代码构建服务端渲染文件，包括：
[0015]基于所述客户端页面构建模板和所述客户端渲染逻辑代码构建客户端渲染代码，基于所述服务端页面构建模板和所述客户端渲染逻辑代码构建服务端渲染代码；
[0016]在所述客户端渲染逻辑代码中识别入口文件，基于所述客户端页面构建模板和所述入口文件生成客户端渲染入口，基于所述服务端页面构建模板和所述入口文件生成服务端渲染入口；
[0017]利用所述客户端渲染代码和所述客户端渲染入口构建客户端渲染文件，利用所述服务端渲染代码和服务端渲染入口构建服务端渲染文件。
[0018]其中，所述利用所述客户端渲染代码和所述客户端渲染入口构建客户端渲染文件，利用所述服务端渲染代码和服务端渲染入口构建服务端渲染文件，包括：
[0019]利用所述客户端渲染代码和所述客户端渲染入口基于html模板构建客户端渲染文件，利用所述服务端渲染代码和所述服务端渲染入口基于html模板构建服务端渲染文件。
[0020]其中，所述获取客户端页面构建模板、服务端页面构建模板和基于所述客户端页面构建模板创建的客户端渲染逻辑代码，包括：
[0021]通过第一命令行拉取客户端页面构建模板和服务端页面构建模板；
[0022]通过第二命令行启动开发环境下的编译，当监听到基于所述客户端页面构建模板创建的客户端渲染逻辑代码时，进入所述基于所述客户端页面构建模板和所述客户端渲染逻辑代码构建客户端渲染文件，基于所述服务端页面构建模板和所述客户端渲染逻辑代码构建服务端渲染文件的步骤。
[0023]其中，还包括：
[0024]接收处理请求，根据所述处理请求对应的路径在所述第二目录中匹配对应的目标服务端渲染文件；
[0025]加载并执行所述目标服务端渲染文件，以构建所述处理请求对应的页面并响应所述处理请求。
[0026]其中，所述接收处理请求之后，还包括：
[0027]若监控到执行所述目标服务端渲染文件过程中的异常，则根据所述处理请求对应的路径在所述第一目录中匹配对应的目标客户端渲染文件；
[0028]加载并执行所述目标客户端渲染文件，以构建所述处理请求对应的页面并响应所述处理请求。
[0029]为实现上述目的，本申请第二方面提供了一种电子设备，包括：
[0030]存储器，用于存储计算机程序；
[0031]处理器，用于执行所述计算机程序时实现如上述页面构建方法的步骤。
[0032]为实现上述目的，本申请第三方面提供了一种计算机可读存储介质，所述计算机可读存储介质上存储有计算机程序，所述计算机程序被处理器执行时实现如上述页面构建方法的步骤。
[0033]通过以上方案可知，本申请提供的一种页面构建方法，包括：获取客户端页面构建模板、服务端页面构建模板和基于所述客户端页面构建模板创建的客户端渲染逻辑代码；基于所述客户端页面构建模板和所述客户端渲染逻辑代码构建客户端渲染文件，基于所述服务端页面构建模板和所述客户端渲染逻辑代码构建服务端渲染文件；将所述客户端渲染文件放置于第一目录中，将所述服务端渲染文件放置于第二目录中，以便客户端基于所述第一目录中的客户端渲染文件进行页面构建，或，服务器基于所述第二目录中的服务端渲
染文件进行页面构建。
[0034]本申请提供的页面构建方法，用户可以基于客户端渲染编写逻辑代码，结合客户端页面构建模板、服务端页面构建模板可以分别生成客户端渲染文件和服务端渲染文件，将其部署于不同的目录中，可以分别用于执行客户端渲染和服务器渲染。由此可见，本申请提供的页面构建方法，支持完全同构开发，在开发过程中，只需要维护一套代码也即客户端渲染逻辑代码，即可实现客户端和服务端的渲染，提高了页面开发效率高，可维护性好。本申请还公开了一种电子设备和一种计算机可读存储介质，同样能实现上述技术效果。
[0035]应当理解的是，以上的一般描述和后文的细节描述仅是示例性的，并不能限制本申请。
附图说明
[0036]为了更清楚地说明本申请实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。附图是用来提供对本公开的进一步理解，并且构成说明书的一部分，与下面的具体实施方式一起用于解释本公开，但并不构成对本公开的限制。在附图中：
[0037]图1为本申请实施例提供的一种页面构建方法的流程图；
[0038]图2为本申请实施例提供的另一种页面构建方法的流程图；
[0039]图3为本申请实施例提供的一种页面同构本文档来自技高网...
【技术保护点】
【技术特征摘要】
1.一种页面构建方法，其特征在于，包括：获取客户端页面构建模板、服务端页面构建模板和基于所述客户端页面构建模板创建的客户端渲染逻辑代码；基于所述客户端页面构建模板和所述客户端渲染逻辑代码构建客户端渲染文件，基于所述服务端页面构建模板和所述客户端渲染逻辑代码构建服务端渲染文件，将所述客户端渲染文件放置于第一目录中，将所述服务端渲染文件放置于第二目录中，以便客户端基于所述第一目录中的客户端渲染文件进行页面构建，或，服务器基于所述第二目录中的服务端渲染文件进行页面构建。2.根据权利要求1所述页面构建方法，其特征在于，将所述客户端渲染文件放置于第一目录中，将所述服务端渲染文件放置于第二目录中之后，还包括：将所述第一目录部署于内容分发网络，以便客户端基于所述第一目录中的所述客户端渲染文件进行页面构建；将所述第二目录部署于服务器，以便所述服务器基于所述第二目录中的所述服务端渲染文件进行页面构建。3.根据权利要求1所述页面构建方法，其特征在于，所述服务器基于所述第二目录中的服务端渲染文件进行页面构建，包括：所述服务器利用虚拟文档对象模型的操作应用程序接口执行所述第二目录中的所述服务端渲染文件进行页面构建。4.根据权利要求1所述页面构建方法，其特征在于，所述基于所述客户端页面构建模板和所述客户端渲染逻辑代码构建客户端渲染文件，基于所述服务端页面构建模板和所述客户端渲染逻辑代码构建服务端渲染文件，包括：基于所述客户端页面构建模板和所述客户端渲染逻辑代码构建客户端渲染代码，基于所述服务端页面构建模板和所述客户端渲染逻辑代码构建服务端渲染代码；在所述客户端渲染逻辑代码中识别入口文件，基于所述客户端页面构建模板和所述入口文件生成客户端渲染入口，基于所述服务端页面构建模板和所述入口文件生成服务端渲染入口；利用所述客户端渲染代码和所述客户端渲染入口构建客户端渲染文件，利用所述服务端渲染代码和服务端渲染入口构建服务端渲染文件。5.根据...
【专利技术属性】
技术研发人员：杨志，张昭，陈存腾，叶亮，夏巧燕，
申请(专利权)人：腾讯音乐娱乐科技深圳有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。