基于组件化的前端开发方法、装置、电子设备及存储介质制造方法及图纸

本发明专利技术涉及软件开发技术领域，揭露了一种基于组件化的前端开发方法，包括：获取前端组件的框架，对所述框架进行语义声明，并将语义声明后的所述框架进行封装，将封装后的所述框架进行标签创建，得到标准框架；接收用户输入的数据流，利用所述标准框架对所述数据流进行监听，得到所述数据流中的数据项变化，并生成监听数据集；将所述标准框架中的文档模板进行视图解析，得到文档视图；根据所述监听数据集与所述文档视图，执行前端页面的数据和视图的绑定处理。本发明专利技术还提出一种基于组件化的前端开发装置、电子设备以及计算机可读存储介质。本发明专利技术可以实现基于组件化的前端开发的改进。本发明专利技术还涉及区块链技术，所述监听数据集存储于区块链中。

【技术实现步骤摘要】
基于组件化的前端开发方法、装置、电子设备及存储介质
本专利技术涉及软件开发
，尤其涉及一种基于组件化的前端开发的方法、装置、电子设备及计算机可读存储介质。
技术介绍
基于组件化的前端开发指的是将前端页面进行更小粒度的拆分，以使用户能够更加方便维护前端页面所有的功能。例如，对于前端搜索页面来说，搜索栏可以作为一个组件，搜索结果列表也可以作为一个组件，甚至搜索栏可以拆分多个组件构成。目前，基于组件化的前端开发常用的实现方式有三种：方式一是采用后端模板；方式二是直接在浏览器端由JS实现；方式三是利用构建工具实现基于组件化的前端开发。但是方式一需要在HTML中维护，相当于侵入式的改变源代码内容，不利于后期前端组件的维护，方式二对前端组件的CSS文件无法管理，不能实现真正意义上的组件化，方式三需要过度的依赖第三方工具，带来了大量的开发成本。综上所述，目前的基于组件化的前端开发主要存在以下两种缺陷：第一是前端组件的开发成本大；第二是开发出来的前端组件易维护性低。
技术实现思路
本专利技术提供一种基于组件化的前端开发本文档来自技高网...

【技术保护点】
1.一种基于组件化的前端开发方法，其特征在于，所述方法包括：/n获取前端组件的框架，对所述框架进行语义声明，并将语义声明后的所述框架进行封装，将封装后的所述框架进行标签创建，得到标准框架；/n接收用户输入的数据流，利用所述标准框架对所述数据流进行监听，得到所述数据流中的数据项变化，并生成监听数据集；/n将所述标准框架中的文档模板进行视图解析，得到文档视图；/n根据所述监听数据集与所述文档视图，执行前端页面的数据和视图的绑定处理。/n

【技术特征摘要】
1.一种基于组件化的前端开发方法，其特征在于，所述方法包括：
获取前端组件的框架，对所述框架进行语义声明，并将语义声明后的所述框架进行封装，将封装后的所述框架进行标签创建，得到标准框架；
接收用户输入的数据流，利用所述标准框架对所述数据流进行监听，得到所述数据流中的数据项变化，并生成监听数据集；
将所述标准框架中的文档模板进行视图解析，得到文档视图；
根据所述监听数据集与所述文档视图，执行前端页面的数据和视图的绑定处理。


2.如权利要求1所述的基于组件化的前端开发方法，其特征在于，所述利用所述标准框架对所述数据流进行监听，得到所述数据流中的数据项变化，包括：
通过预设的方法获取所述数据流，遍历所述数据流的关键字段，识别出所述关键字段的属性，利用预设实例对象记录所述属性的更新值，其中，所述更新值即为所述数据流中的数据项变化。


3.如权利要求1所述的基于组件化的前端开发方法，其特征在于，所述将所述标准框架中的文档模板进行进行视图解析，得到文档视图，包括：
利用模板解析器将所述文档模板转换为抽象语法树，并在所述抽象语法树创建视图节点；
识别出所述文档模板中所有元素的父节点与根节点，将所述父节点与根节点建立对应关系的标识；
根据所述标识，将所述父节点与子节点导入至所述视图节点中，得到所述文档视图。


4.如权利要求3所述的基于组件化的前端开发方法，其特征在于，所述模板解析器包括：HTML解析器、文本解析器以及过滤解析器。


5.如权利要求1至4中任意一项所述的基于组件化的前端开发方法，其特征在于，所述监听数据集存储于区块链中，所述根据所述监听数据集与所述文档视图，执行前端页面的数据和视图的绑定处理，包括：
若所述监听数据集中数据发生变化，则自动触发所述文档视图的更新，若所述监听数据集中数据没有发生变化，则所述文档视图不发生变化。


6.一种基于组件化的前...

【专利技术属性】
技术研发人员：周三琦，
申请(专利权)人：平安国际智慧城市科技股份有限公司，
类型：发明
国别省市：广东;44