[发明专利]一种前端快速架构方法及其系统

权利要求书

1.一种前端快速架构方法，其特征在于，包括：

按照数据维度对数据进行维度属性的分类；

根据所述数据的分类结果自定义若干组件；所述组件之间具有对应的映射，形成与数据维度属性相关的联动展示；

针对所述不同组件之间的独立性设置对应的模板布局。

2.根据权利要求1所述的方法，其特征在于，所述根据所述数据的分类结果，自定义若干个组件，具体包括：

通过HTML语法，制作静态HTML页面；所述HTML页面为各个组件的代码块形成的HTML页面；

根据目标动态展示效果，使用JavaScript编写对应的动态语法；所述动态展示效果为当触发某个组件的事件发生时，与所述事件相关的组件对应的动态变化；

在所述组件之间维护映射；所述组件具有至少两个字段，所述字段在各个组件之间存在关联；

当存在改变组件的事件时，通过所述各个组件之间存在的关联，确定与所述事件相关的组件的联动。

3.根据权利要求1所述的方法，其特征在于，所述针对所述不同组件之间的独立性设置对应的模板布局，具体包括：

根据目标模板的基本架构，拖动所述组件到所述目标模板的可视化区域，生成对应的DIV区域；

使用父级元素控制所述组件的尺寸，生成相应的HTML代码；

将所述HTML代码添加到父对象中，在所述父对象中构建一个均匀展现的模板布局。

4.根据权利要求3所述的方法，其特征在于，在将所述HTML代码添加到父对象中，在所述父对象中构建一个均匀展现的模板布局的步骤之后，所述方法还包括：

将当前布局作为父对象；

构造相应的组件HTML代码并添加到所述模板布局中，以实现布局之间的任意嵌套。

5.根据权利要求3所述的方法，其特征在于，在将所述HTML代码添加到父对象中，在所述父对象中构建一个均匀展现的模板布局的步骤之后，所述方法还包括：

获取至少一个布局的代码区域对象；

将所述代码区域对象从所述布局中的父对象中移除，以删除所述布局。

6.一种前端快速架构系统，其特征在于，包括：

数据分类模块，用于按照数据维度对数据进行维度属性的分类；

组件设置模块，用于根据所述数据的分类结果自定义若干组件；所述组件之间具有对应的映射，形成与数据维度属性相关的联动展示；

布局设置模块，用于针对所述不同组件之间的独立性设置对应的模板布局。

7.根据权利要求6所述的系统，其特征在于，所述组件设置模块具体用于：

通过HTML语法，制作静态HTML页面；所述HTML页面为各个组件的代码块形成的HTML页面；

根据目标动态展示效果，使用JavaScript编写对应的动态语法；所述动态展示效果为当触发某个组件的事件发生时，与所述事件相关的组件对应的动态变化；

在所述组件之间维护映射；所述组件具有至少两个字段，所述字段在各个组件之间存在关联；当存在改变组件的事件时，通过所述各个组件之间存在的关联，确定与所述事件相关的组件的联动。

8.根据权利要求6所述的系统，其特征在于，所述布局设置模块具体用于：根据目标模板的基本架构，拖动所述组件到所述目标模板的可视化区域，生成对应的DIV区域；

使用父级元素控制所述组件的尺寸，生成相应的HTML代码；

将所述HTML代码添加到父对象中，在所述父对象中构建一个均匀展现的模板布局。

9.根据权利要求8所述的系统，其特征在于，所述布局设置模块还用于：

将当前布局作为父对象；

构造相应的组件HTML代码并添加到所述模板布局中，以实现布局之间的任意嵌套。

10.根据权利要求8所述的系统，其特征在于，所述布局设置模块还用于：

获取至少一个布局的代码区域对象；

将所述代码区域对象从所述布局中的父对象中移除，以删除所述布局。