[发明专利]一种web页面配置化的方法

说明书

本发明涉及web前端开发技术领域，尤其为一种web页面配置化的方法，包括定义多类型前端架构、前端模块配置、组件接受参数、组件事件的暴露、父组件接受监听和父组件传递数据更新页面步骤，其中，前端模块配置为配置模块json对象，里面包含页面类型type、title、direction、form表单对象、buttonGroup对象，form对象主要是用来配置表单组件input、select、checkbox，buttonGroup对象主要是来处理需要展示不同类型的button，其中细节的配置是基于原生的props。在频繁的产品迭代中，能够快速的搭建业务组件页面，可以满足绝大部分的业务场景，且简洁明了的页面架构和通俗易懂的代码规范也可以让使用者进行二次开发修改。

技术领域

本发明涉及web前端开发技术领域，具体为一种web页面配置化的方法。

背景技术

web前端开发通过HTML，CSS，JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互。它从网页制作演变而来，名称上有很明显的时代特征。在互联网的演化进程中，网页制作是Web1.0时代的产物，早期网站主要内容都是静态，以及图片和文字为主，用户使用网站的行为也以浏览为主。随着互联网技术的发展和HTML5、CSS3的应用，现代网页更加美观，交互效果显著，功能更加强大。

如今现在的web系统中，各种技术应用层出不穷。在日常项目开发中，我们可能会遇到一些项目，它们的文案可能会不定期改变，多个页面有相似之处，但是相同中又有不同，比如有的直播活动，策略逻辑没变，改了奖品、背景图和banner，也可以叫做换肤；也比如一些产品的官网，会不断加一些子页面，但是风格都是统一的，但会改变布局和文案。这个时候，做为技术，我们会思考如何能减少开发成本，避免改动一次文案替换一个图片就跑一遍繁琐的上线流程呢？大家一定能想到如果能把这些改动都做成可以配置的，那不就方便很多了么？由于各个后台管理系统的页面具有很多耦合点，避免出现因为业务需要进行一些繁琐的重复开发，为了能提高页面的构建效率，需要实现一种配置生成页面的一些方案。

针对市面上已有的解决方案，是通过屏蔽一层层的底层代码，抽象出一个绝对高级的接口，使得设计人员使用这个接口就可以设计网站。将常用的前端内容进行配置展现，配置由静态字符串与表达式组成，配置可以设计的比源码简单易懂，经过管理的配置可以对接相应的交互页面，配置中包含了布局、页面、动作，却也存在缺陷；

1)运行配置得到想要的内容，这中间经过了传输配置、解释配置的过程，势必会影响产品性能；

(2)注重准确性，要根据实际需求在范围与准确性间权衡；

(3)为了控制复杂度需要限定功能设计的范围；

(4)代码规范要求高。

因此，针对上述问题提出一种web页面配置化的方法。

发明内容

本发明的目的在于提供一种web页面配置化的方法，在频繁的产品迭代中，能够快速的搭建业务组件页面，可以满足绝大部分的业务场景，且简洁明了的页面架构和通俗易懂的代码规范也可以让使用者进行二次开发修改,以解决上述背景技术中提出的问题。

为实现上述目的，本发明提供如下技术方案：

一种web页面配置化的方法，包括如下步骤：

S1、定义多类型前端架构；

S2、前端模块配置；

S3、组件接受参数；

S4、组件事件的暴露；

S5、父组件接受监听；

S6、父组件传递数据更新页面。