基于Vue的组件化页面混合渲染方法技术

本发明专利技术公开了基于Vue的组件化页面混合渲染方法，涉及页面渲染技术领域。本发明专利技术包括：基于Vue前端框架，用户通过页面配置中心进行页面设计，将设计好的页面对应的Vue代码格式化为JSON字符串后存储到数据库中，并在数据库中封存为独立组件；在进行其他页面设计时，直接从数据库中拖拽独立组件进行页面设计；页面解析器将获取到的独立组件对应的JSON字符串解析成Vue原生代码后，再和页面现有代码通过Vue渲染成实际页面。本发明专利技术通过将JSON字符串解析成Vue原生代码，再和页面原有代码一起通过Vue渲染页面，达到混合渲染的目的，实现兼容既有前端代码，组件化的页面设计，可在多场景重复调用。

【技术实现步骤摘要】

本专利技术属于页面渲染，特别是涉及基于vue的组件化页面混合渲染方法。

技术介绍

1、在开发企业应用的前端页面时，在项目需求阶段往往根据用户需求设计相应页面，在项目开发阶段，根据已定稿的需求开发相应的前端页面，程序开发完成发布后，即可呈现用户需求的前端页面。

2、如中国专利cn113703893a公开了一种页面渲染方法、装置、终端及存储介质。该方法应用于页面客户端，该页面客户端包括多个功能项目，该方法包括：在接收到页面渲染指令时，获取与页面渲染指令对应的预渲染页面，并读取预渲染页面，预渲染页面内记载有目标资源文件信息；当读取到目标资源文件信息时，确定页面客户端中是否缓存有与目标资源文件信息对应的目标资源文件，目标资源文件是多个功能项目中的至少两个功能项目在运行时需要的资源文件；如果是，则从页面客户端中获取到目标资源文件；根据目标资源文件向页面服务端进行数据请求，并根据数据请求结果进行与页面渲染指令对应的待渲染页面的渲染，可以缩短页面渲染时间。

3、但是，用户的业务是多变的、繁杂的，业务的变化往往带来前端页面的相应变化，在现有的方案中本文档来自技高网...

【技术保护点】

1.基于Vue的组件化页面混合渲染方法，其特征在于，包括以下步骤：

2.根据权利要求1所述的基于Vue的组件化页面混合渲染方法，其特征在于，所述页面配置中心具有页面设计界面，所述页面设计界面包括可拖拽组件区、设计展示区、组件属性设置区。

3.根据权利要求2所述的基于Vue的组件化页面混合渲染方法，其特征在于，通过所述页面配置中心实现页面设计的方法为：

4.根据权利要求3所述的基于Vue的组件化页面混合渲染方法，其特征在于，通过组件属性设置区修改的属性包括独立组件的大小、位置、颜色、名称。

5.根据权利要求3所述的基于Vue的组件化页面混合渲...

【技术特征摘要】

1.基于vue的组件化页面混合渲染方法，其特征在于，包括以下步骤：

2.根据权利要求1所述的基于vue的组件化页面混合渲染方法，其特征在于，所述页面配置中心具有页面设计界面，所述页面设计界面包括可拖拽组件区、设计展示区、组件属性设置区。

3.根据权利要求2所述的基于vue的组件化页面混合渲染方法，其特征在于，通过所述页面配置中心实现页面设计的方法为：

4.根据权利要求3所述的基于vue的组件化页面混合渲染方法，其特征在于，通过组件属性设置区修改的属性包括独立组件的大小、位置、颜色、名称。

5.根据权利要求3所述的基于vue的组件化页面混合渲染方法，其特征在于，用户设计完成的页面在...

【专利技术属性】
技术研发人员：周金，
申请(专利权)人：深圳联友科技有限公司，
类型：发明
国别省市：