一种前端页面多端开发系统及其方法技术方案

本发明专利技术涉及一种前端页面多端开发系统及其方法，该系统包括多个不同类型的前端，多个前端分别与后端相互连接，前端用于发送页面配置信息表给后端，以及从后端接收相应的页面配置信息并进行解析、页面渲染；后端根据前端发送的页面配置信息表，返回对应的页面配置信息给前端。该方法包括：前端发送页面配置信息表给后端；后端根据接收的页面配置信息表，转化得到对应的页面配置信息；后端将转化得到的页面配置信息发送给对应的前端；前端接收页面配置信息后，依次进行解析及渲染页面，完成前端页面开发。与现有技术相比，本发明专利技术能够有效提高前端页面开发的产品迭代性能、减少开发成本、提高产品性能及交互体验。提高产品性能及交互体验。提高产品性能及交互体验。

【技术实现步骤摘要】
一种前端页面多端开发系统及其方法


[0001]本专利技术涉及前端页面开发
，尤其是涉及一种前端页面多端开发系统及其方法。

技术介绍

[0002]随着互联网技术的发展，前端页面开发技术也不断更新迭代，用户的交互体验要求也越来越高。所以很多公司产品不仅仅涉及原先的web网页端的展示形态，还需要更多的产品展示形态，包括原生app(安卓、IOS)、H5、小程序(微信、京东、淘宝、支付宝、QQ、字节、抖音等等)，那么技术开发资源需要投入更多的人力，整个产品开发及维护将存在很高的成本。
[0003]为了解决这一困扰，现在市面也推出了很多的技术解决方案，这些解决方案的技术核心是相似的，都是把前端一套代码(JS开发语言)，通过打包工具将代码转化成各个平台能运行的产物，或者加入运行时编译代码，在代码运行的过程中进行转化。
[0004]比如市面上用的比较多的多端异构框架Taro、Uniapp。Taro是一个开放式跨端跨框架解决方案，支持使用React/Vue/Nerv等框架来开发微信/京东/百度/支付宝/字节跳动/QQ/飞书小程序/H5/RN本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种前端页面多端开发系统，其特征在于，包括多个不同类型的前端(1)，所述多个前端(1)分别与后端(2)相互连接，所述前端(1)用于发送页面配置信息表给后端(2)，以及从后端(2)接收相应的页面配置信息并进行解析、页面渲染；所述后端(2)根据前端(1)发送的页面配置信息表，返回对应的页面配置信息给前端(1)。2.根据权利要求1所述的一种前端页面多端开发系统，其特征在于，所述多个前端(1)分别设置有对应的渲染引擎模块(101)，所述渲染引擎模块(101)用于解析页面配置信息并渲染页面。3.根据权利要求1所述的一种前端页面多端开发系统，其特征在于，所述后端(2)设置有转化模块(201)，所述转化模块(201)用于根据前端(1)的页面配置信息表，转化得到对应的页面配置信息。4.根据权利要求1～3任一所述的一种前端页面多端开发系统，其特征在于，所述多个前端(1)包括但不限于安卓app端、IOS app端、web端和小程序端。5.一种应用如权利要求2所述前端页面多端开发系统的前端页面多端开发方法，其特征在于，包括以下步骤：S1、前端发送页面配置信息表给后端；S2、后端根据接收的页面配置信息表，转化得到对应的页面配置信息；S3、后端将转化得到的页面配置...

【专利技术属性】
技术研发人员：郑玺，
申请(专利权)人：浙江浩瀚能源科技有限公司，
类型：发明
国别省市：