[发明专利]一种基于构件化的页面装配及运行方法

说明书

本发明公开了一种基于构件化的页面装配及运行方法，装配方法包括以下步骤：将构件的代码封装成对应的构件；将所述构件映射成XML格式的标签；选择所需的标签进行装配，形成页面。页面运行方法，包括以下步骤：载入页面对应的XML配置文件；从所述配置文件的Root结点进行入栈；遍历子结点，将子结点入栈；遍历完成；将入栈的全部构件出栈，同时将构件转化成前台的HTML、JavaScript、CSS代码，输出到浏览器；页面显示完成。本发明大大缩小页面代码的行数，有利于开发成果的重复利用，同时提高了代码编写的自动化程度，提高软件开发效率。

技术领域

本发明涉及软件开发领域，尤其涉及一种基于构件化的页面装配及运行方法。

背景技术

在基于B/S的企业级开发过程中，界面开发因为直接与客户关联，因而倍受关注，是企业级开发过程中非常重要和耗时的环节，而目前基于B/S的界面开发技术主要是围绕着前端技术进行开展，如HTML、JavaScript、CSS等，并且这些代码的编写往往由于企业的业务目标、方向和诉求不同，开发面临着代码多样、关系复杂、代码量大、开发效率低等问题。目前业界针对上述问题也做了一些工作，比如提供前台框架简化前端开发，也有些框架提供后台封装对数据进行保障。但是这些框架往往分散和独立，并不能很好的进行融合，造成前后端的代码混合情况比较严重，增加了开发和维护阶段的工作强度。

为了解决上述问题，本发明提出一种基于构件化的页面装配及运行方法，为企业级的项目提供一种方便的开发方法，可将代码进行提取并封装成构件，放到构件库形成软件资产，下次使用时可方便地进行获取并使用。并能够将构件进行继承和装配，形成新的构件。

发明内容

为了解决上述问题，本发明提出一种基于构件化的页面装配及运行方法。本方法将网页开发进行模板化和构件化，使得代码可以重用，随着构件资产的积累，新的界面将更容易开发，也可大大降低代码量。

具体的，一种基于构件化的页面装配及运行方法，包括以下步骤:

S1，将构件的代码封装成对应的构件；

S2，将所述构件映射成XML格式的标签；

S3，选择所需的标签进行装配，形成页面；

S4，运行所述页面。

作为优选的，S1包含以下子步骤：

S11，定义并创建整个构件体系的抽象类；

S12，将每个页面构件构建为一个对应的构件。

作为优选的，S12中所述的构建，其具体方法为对纵向继承或横向构建。

作为优选的，所述纵向继承的对象既能是S11中的抽象类，也能是S12中已经构建好的构件；在纵向继承中可以定义构件生命周期的事件，包括：构件加载前事件、构件加载事件、构件加载中事件、构件加载后事件；并可在继承时覆盖或扩展父类的该事件的实现方法。

作为优选的，所述的横向构建是使用两个或两个以上的构件构建成另一个新的构件；其主要通过容器及布局进行组装。

作为优选的，S2与S3之间还包括：将S2中所述构件进行分类，并装进构件库中进行管理和维护。

作为优选的，S3中所述装配包括并列装配与嵌套装配，所述并列装配是指同一层级构件的组合；所述嵌套装配是指父子层级构件的组合。

作为优选的实施方案，S4包括以下步骤：

1），载入页面对应的XML配置文件；

2），从所述配置文件的Root结点进行入栈；

3），遍历子结点，将子结点入栈；

4），遍历完成；