一种基于对象技术构建web前端应用的装置及方法制造方法及图纸

本发明专利技术公开了一种基于对象技术构建web前端应用的装置及方法，属互联网技术领域，解决了构建web前端应用现有技术中传统原生方式的HTML、CSS、JavaScript分离导致的学习成本高；组件方式的运行时组件间数据访问困难，组件复用时公共基础代码不稳定，存在冗余代码，组件方式的实现与传统原生方式相差大带来代码理解、移植和调试困难的技术问题。它包括主应用基类、页面视图基类、存储基类、事件基类、加载和打包工具基类，将公共、基础的功能封装在上述的基类中，而web应用所需的具体页面、功能相关代码由各自的派生类来实现。本发明专利技术构建方便快捷，学习成本低，克服了现有组件方式公共基础代码不稳定、具有冗余代码的问题，降低了组件间互访问、操作的复杂度。操作的复杂度。操作的复杂度。

【技术实现步骤摘要】
一种基于对象技术构建web前端应用的装置及方法


[0001]本专利技术涉及一种构建web前端应用的装置及方法，具体涉及一种基于对象技术构建web前端应用的装置及方法，属于互联网


技术介绍

[0002]近年来随着web前端技术的发展，各种基于HTML、CSS、JavaScript三项基础技术的前端应用迅速发展，其无论在PC网页前端应用、PC桌面前端应用还是手机移动领域都得到了大量的实践。
[0003]构建web前端应用，传统原生方式是将HTML、CSS、JavaScript分别定义在不同文件，这种HTML、CSS资源定义与JavaScript业务逻辑代码相互分离的方式给web前端应用开发带来了不少学习成本。
[0004]为改善这一缺点，近年来出现的基于组件技术的前端框架，比如： React、Angular，它们将web应用按照功能拆分为独立的组件，并将上述HTML、CSS、JavaScript三个文件分割为小的片段组织进了这些组件的实现代码中，这种方式将HTML、CSS资源定义与JavaScript业务逻辑代码中与该组件本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种基于对象技术构建web前端应用的装置，其特征在于，包括：主应用基类，用于创建前端应用的主应用类对象、管理所述前端应用的全局数据和主页面视图；页面视图基类，用于派生视图类和所述主页面视图，管理页面的HTML、CSS资源和页面所包含定义的DOM事件响应以及页面相关的数据和自定义事件；存储基类，用于派生存储类、派生所述全局数据、组织和管理私有和公有数据；事件基类，用于派生事件类、管理事件的注册、触发及所述事件的处理函数；加载和打包工具基类，用于派生加载和打包工具类以及所述前端应用文件的最终编译和发布；通过所述主应用基类创建前端应用的所述主应用类对象并以所述主应用类对象为根节点建立起层次嵌套的包括了各个页面对象的对象树，所述各个页面对象由继承自所述页面视图基类的各页面视图类创建，所述各个页面视图类将页面所需的HTML、CSS资源和DOM以及相关数据、页面相关事件管理起来，所述相关数据的操作通过继承自所述存储基类的本页面派生存储类来完成，同时所述页面相关事件处理通过继承所述事件基类的本页面派生事件类来完成，前端应用的各种文件通过所述加载和打包工具基类来完成最终的编译和发布。2.根据权利要求1所述的一种基于对象技术构建web前端应用的装置，其特征在于，主应用基类在前端应用中的操作包括：创建前端应用的主应用对象并将其作为页面对象树的根节点，触发创建各下级页面对象，创建和管理包含所有页面、组件对象的嵌套对象树，管理前端应用的全局数据，创建和管理应用级别的事件及所述应用级别的事件的响应函数。3.根据权利要求2所述的一种基于对象技术构建web前端应用的装置，其特征在于，所述主应用基类还包括内部成员函数，用于遍历、筛选、使能所述对象树各个对象节点。4.根据权利要求1所述的一种基于对象技术构建web前端应用的装置，其特征在于，所述页面视图基类在前端应用中的操作包括：提供HTML、CSS资源的按顺序加载以及DOM事件响应函数的注册；加载和管理页面的DOM，注册和管理DOM相关的回调函数；管理页面所属的下级页面、下级组件的定义和加载顺序；管理所述页面相关的事件注册和触发响应已注册的事件。5.根据权利要求1所述的一种基于对象技术构建web前端应用的装置，其特征在于，所述页面视图基类使用存储类来处理页面相关的业务数据。6.根据权利要求1所述的一种基于对象技术构建w...

【专利技术属性】
技术研发人员：杨宇彤，
申请(专利权)人：成都索骥科技有限公司，
类型：发明
国别省市：