[发明专利]一种生命周期、功能可控的前端框架系统和方法

说明书

本发明涉及前端开发框架技术领域，具体是一种生命周期、功能可控的前端框架系统，包括前端框架总系统，所述前端框架总系统包括有验证输入框、画面布局接口、画面迁移接口、组件库、异步通信接口、共通函数库和响应式显示，所述验证输入框用于对控件自动进行指定种类的输入值验证，并且把指定的出错信息显示到指定的位置，本发明学习成本非常低，轻量化，提供简单地设置属性就可以让开发人员可以把精力集中到业务逻辑的开发中去，支持组件开发，把常用的业务配上控件以及应用接口做成组件并形成组件库，可以重复利用，可以根据需求进行扩展，使功能变得更加丰富。

技术领域

本发明涉及前端开发框架技术领域，具体是一种生命周期、功能可控的前端框架系统和方法。

背景技术

互联网发展日新月异，新型的前端框架也平均每隔半个月就会出现一个，前端框架更新很快，也许有的框架在几年时间内就走完了从诞生到流行，再到最后销声匿迹的生命周期，市场上有各种各样的框架，有偏重UI的，有偏重减少代码量的，或者是囊括构建编译的，但没有哪一个框架能够一直追随市场，满足所有人的需求。

所以对于企业来说，很难找到完全适用于自身业务需求的框架，疲于追随流行框架，只会导致成本的上，考虑到公司业务的持续和以后的学习成本，还有使用流行框架时遇到的问题，我们需要提供一种生命周期、功能可控的前端框架系统和方法来解决该问题。

发明内容

本发明的目的在于提供一种生命周期、功能可控的前端框架系统和方法，以解决上述背景技术中提出的问题。

本发明的技术方案是：一种生命周期、功能可控的前端框架系统，包括前端框架总系统，所述前端框架总系统包括有验证输入框、画面布局接口、画面迁移接口、组件库、异步通信接口、共通函数库和响应式显示，所述验证输入框用于对控件自动进行指定种类的输入值验证，并且把指定的出错信息显示到指定的位置，所述画面布局接口用于通过引入头部，导航，底部等模板页面资源来实现画面各部分的通用布局，所述画面迁移接口用于通过设置表单动作属性与后台动作名一致即可实现相应的画面迁移处理，所述异步通信接口用于通过指定的属性设置来触发绑定的前端处理函数来给后台传递参数，并在接收到后台信息后调用开放的定制接口来渲染画面。

优选的，所述组件库包括有下拉框组件和表格组件，所述下拉框组件用于通过设置内容属性值来显示下拉选项，并且可以通过绑定的更新事件从后台异步获取数据更新下拉选项。

优选的，所述表格组件用于通过设置内容属性值来显示表格内容，并且可以通过绑定的更新事件从后台异步获取数据更新表格内容。

优选的，所述响应式显示包括有版式响应和高度响应，所述版式响应用于通过设置弹性盒子的标志可以控制是否根据屏幕尺寸自动调整其下所有层级子元素的排版。

优选的，所述高度响应用于通过设置自动响应高度变化的元素名称，即可以使相应元素的高度自动适配屏幕尺寸。

优选的，所述共通函数库通过对已开放的回调函数进行重写可以使开发人员在流程的关键阶段插入自己编写的代码逻辑，从而执行一些处理。

一种前端框架生命周期、功能可控的方法，具体操作步骤为：

步骤一：自定义组件对HTML基础标签的功能扩充；

步骤二：分层响应式显示；

步骤三：继承重载式画面布局；

步骤四：属性驱动Dom对象。

优选的，所述步骤一中的自定义组件对HTML基础标签的功能扩充主要为首先将自定义标签和相应的组件函数以字典形式进行绑定，其次在画面加载完成后搜索所有自定义标签的Dom对象传递给组件函数，然后组件函数通过Dom对象的outerHTML属性将自定义标签修改为适当的HTML基础标签，并且向Dom对象添加定制的功能函数，以实现自定义组件对HTML基础标签的功能扩充。