一种前端页面生成方法、装置、电子设备及存储介质制造方法及图纸

本发明专利技术涉及一种前端页面生成方法、装置、电子设备及存储介质，所述方法包括：获取来自于前端交互页面的数据交互请求；在后端查询得到所述数据交互请求对应的目标视图模型；将所述数据交互请求传输至所述后端，以使所述后端根据所述数据交互请求对所述目标视图模型进行实例化，得到目标视图模型实体；将所述后端通过所述目标视图模型实体返回的回传模型数据传输至前端，以使所述前端根据所述回传模型数据对前端交互页面进行更新。本发明专利技术实施例提供的技术方案，开发过程中不必再定义前端的代码，开发过程中代码量减半，可以有效提高开发效率；同时，对于不熟悉前端开发的开发者，能够通过更熟悉的后端代码快速开发web程序，更加便于web程序的开发。便于web程序的开发。便于web程序的开发。

【技术实现步骤摘要】
一种前端页面生成方法、装置、电子设备及存储介质


[0001]本专利技术涉及web
，尤其涉及一种前端页面生成方法、装置、电子设备及存储介质。

技术介绍

[0002]现有web开发框架流程普遍使用前后端分离开发，后端实现业务逻辑并以RestfulApi方式向前端提供接口；前端通过页面逻辑,不同功能编写相应JavaScript代码调用后端接口获取数据，通过数据模型，实现前端逻辑。
[0003]现有Vue前端框架是一套用于构建用户界面的渐进式框架，用户可在js代码中声明模型(model)，方法(method)等内容，在html中以绑定声明的模型，使用定义的方法。
[0004]基于现有web，vue前端框架可以很灵活的开发web程序，但为了实现页面上的逻辑，往往要在js中定义相应的模型(model)与方法(method)，同时后台也要定义业务逻辑接口与后台与前端对接的数据模型，当页面复杂度增大时，往往伴随着前端，和后端所定义的模型和方法一起变多，这对于开发者来说，需要同时维护两套代码(前端与后端)，代码量会大大提高，开发效率降低。本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种前端页面生成方法，其特征在于，所述方法包括：获取来自于前端交互页面的数据交互请求；在后端查询得到所述数据交互请求对应的目标视图模型；将所述数据交互请求传输至所述后端，以使所述后端根据所述数据交互请求对所述目标视图模型进行实例化，得到目标视图模型实体；将所述后端通过所述目标视图模型实体返回的回传模型数据传输至前端，以使所述前端根据所述回传模型数据对所述前端交互页面进行更新。2.根据权利要求1所述的方法，其特征在于，所述在后端查询得到所述数据交互请求对应的目标视图模型，包括：确定所述数据交互请求中的待更新视图模型ID；在所述后端查询得到所述待更新视图模型ID对应的所述目标视图模型。3.根据权利要求2所述的方法，其特征在于，所述将所述数据交互请求传输至所述后端，以使所述后端根据所述数据交互请求对所述目标视图模型进行实例化，得到目标视图模型实体，包括：确定所述待更新视图模型ID对应的视图模型类型；确定所述数据交互请求所需调用方法的方法名称以及目标模型；所述目标模型中包括用于筛选得到的需回传至所述前端交互页面的参数的特征字段；在所述后端查询得到所述待更新视图模型ID对应的所述目标视图模型；以使所述后端根据所述视图模型类型对所述目标视图模型进行实例化，得到预设目标视图模型实体，将所述目标模型还原给所述预设目标视图模型实体，得到所述目标视图模型实体。4.根据权利要求3所述的方法，其特征在于，所述根据所述后端通过所述目标视图模型实体返回的回传模型数据，包括：获取所述后端通过目标方法，对所述目标模型对应的候选数据进行处理后，得到用于回传至所述前端交互页面的回传模型数据；所述目标方法为所述目标视图模型中，与所述方法名称对应的方法；将所述回传模型数据传输至前端，以使所述前端根据所述回传模型数据对前端交互页面进行更新。5.根据权利要求1所述的方法，其特征在于，还包括：确定预设视图模型实体中的预设视图模型ID、预设方法、预设模型以及描述文件；所述预设视图模...

【专利技术属性】
技术研发人员：赵振宇，
申请(专利权)人：苏州国双软件有限公司，
类型：发明
国别省市：