买专利卖专利找龙图腾，真高效！ 查专利查商标用IPTOP,全免费！专利年费监控用IP管家,真方便！

申请/专利权人：红有软件股份有限公司

摘要：本发明提供一种动态生成前端页面的方法，包括：定制前端标准组件开发规范；开发设计布局标准组件、子布局区域标准组件和功能标准组件；采用标准数据源，根据页面实际需求，对布局标准组件、子布局区域标准组件和功能标准组件分别进行配置，动态渲染生成前端页面。具有以下优点：1将以页面为单位的开发方式，转化为以组件为单位的开发方式，组件具有复用性，因此，提高代码复用性和拓展性，提高页面开发效率；2采用标准数据源，可将各种类型的标准组件动态生成各种满足实际页面需求的前端组件，能够根据不同的标准数据源动态地渲染和管理组件，从而构建更加交互和复用的前端页面应用，具有前端组件生成效率高以及灵活性高的优点。

主权项：1.一种动态生成前端页面的方法，其特征在于，包括以下步骤：步骤1，定制前端标准组件开发规范；所述前端标准组件开发规范，包括：定义前端标准组件目录结构、前端标准组件名称规范、前端标准组件样式规范、前端标准组件交互规范和前端标准组件启动入口规范；其中：所述前端标准组件目录结构，用于约束前端标准组件开发阶段必须包括的前端标准组件基本描述文件，前端标准组件源码和前端标准组件定义描述文件；其中，前端标准组件基本描述文件，包括前端标准组件名称、版本、开发者、依赖、代码仓库地址；前端标准组件定义描述文件，用于描述前端标准组件的属性规范、事件规范、交互规范和数据来源规范；所述前端标准组件名称规范，用于定义前端标准组件的名称规范，保证每个前端标准组件名称的唯一性；所述前端标准组件样式规范，用于定义前端标准组件整体样式规范以及与内部各元素交互动画效果规范；同时，对前端标准组件之间的嵌套和覆盖规则进行约束；所述前端标准组件交互规范，用于对父子组件间单向数据流的控制机制以及兄弟组件间的数据总线机制进行基本约束；所述前端标准组件启动入口规范，用于定义前端标准组件启动的入口处的规范；步骤2，根据所述前端标准组件开发规范，开发设计布局标准组件、子布局区域标准组件和功能标准组件；步骤3，采用标准数据源，根据页面实际需求，对布局标准组件、子布局区域标准组件和功能标准组件分别进行配置，得到配置完成的具有层次结构关系的布局组件、子布局区域组件和功能组件；具体方法为：通过配置布局标准组件的属性，得到布局组件，所述布局组件关联整个页面，用于将整个页面划分为不同的功能区域；通过配置子布局区域标准组件的属性，得到子布局区域组件，所述子布局区域组件为所述布局组件的子节点，每个所述子布局区域组件唯一对应一个所述布局组件划分的功能区域，所述子布局区域组件用于对该功能区域进行页面设计；通过配置功能标准组件的属性，得到功能组件，所述功能组件为所述子布局区域组件的子节点，所述功能组件用于在所述功能区域内定制完成相关页面功能；步骤4，根据配置完成的布局组件、子布局区域组件和功能组件，动态渲染生成前端页面；步骤4具体为：步骤4.1，将配置完成的布局组件生成布局组件实例；将配置完成的子布局区域组件生成子布局区域组件实例；将配置完成的功能组件生成功能组件实例；步骤4.2，根据布局组件实例、子布局区域组件实例和功能组件实例的层次结构关系，生成虚拟dom树；所述虚拟dom树包括多个虚拟节点；将布局组件实例、子布局区域组件实例和功能组件实例，分别挂载到虚拟dom树的对应的虚拟节点，得到真实dom树；步骤4.3，从上向下遍历真实dom树，当遍历到布局组件实例时，执行所述布局组件实例，将整个页面划分为多个不同的功能区域；步骤4.4，对于每个功能区域，从真实dom树中读取到对应的子布局区域组件实例，执行所述子布局区域组件实例，在页面的该功能区域中，渲染出子布局区域页面内容；再从真实dom树中读取该子布局区域组件实例下面的每个功能组件实例，执行所述功能组件实例，在渲染出的子布局区域页面内容内，渲染出对应的功能组件。

全文数据：

权利要求：

百度查询： 红有软件股份有限公司 一种动态生成前端页面的方法