本发明涉及计算机领域，尤其涉及一种需求原型可复用方法。
背景技术：
目前，基于正常的页面开发流程，一般都是经过需求、设计以及开发这一过程。在需求阶段，通常会画出页面的草图，说明页面的主要内容，页面与页面间的逻辑关系等，设计阶段通常会让美工设计出适合开发的界面样图，然后开发人员通过页面的草图或界面样图去开发页面。如果对需求的界面原型变更较大，很容易导致开发人员去重新开发一次这个页面，不能快速的相应，最终导致开发效率低下，不利于后期维护和扩展性。
技术实现要素：
本发明的目的在于提出一种需求原型可复用方法，通过可视化构件拖拽方式开发原型，降低了开发难度；同时可以一键导出到设计或开发中，保障原型界面的可复用性，复用性强，降低了开发成本，保障开发的页面与原型界面始终保持一致。
一种需求原型可复用方法，包括如下步骤：
s1：封装可视化构件，加载构件到需求可视化编辑器中；
s2：配置构件信息，生成需求原型；
s3：加载需求原型到设计可视化编辑器中；
s4：绑定需求原型的界面元素，生成设计原型；
s5：加载设计原型到开发可视化编辑器中，进行设计与编辑得到开发原型；
所述需求原型生成于需求可视化编辑器中，用于用户开发使用；
所述设计原型生成于设计可视化编辑器中，用于设计人员开发使用；
所述开发原型生成于开发可视化编辑器中，用于开发人员使用。
进一步地，所述构件包括基本的页面构件。
所述s1包括如下步骤：
设计需求原型，并建立需求原型界面文件；
查询构件资源库，并优化选择合适的构件；
封装可视化构件，加载构件到需求可视化编辑器中。
进一步地，所述s2包括：
配置需求原型的构件展示属性、事件处理属性和数据属性；
利用编辑器编译原型界面，生成需求原型；
预览需求模型，判断需求原型是否满足设计工程需求。
进一步地，所述判断需求模型是否满足设计工程需求包括如下步骤：
若需求模型满足设计工程需求，则导出需求模型到设计工程中得到设计原型；
若需求模型不满足设计工程需求，则返回到步骤s1。
进一步地，所述步骤s4包括：
优化设计原型的逻辑操作，包括绑定设计原型的事件和数据；
若设计原型满足开发工程需求，则导出设计原型到开发工程中得到开发原型；
若设计原型不满足开发工程需求，则返回步骤s3。
本发明的有益效果是：通过可视化构件绘制方式，降低了需求原型的绘画，通过需求原型导出设计原型、设计原型导出开发页面，中间流程均通过自动生成的方式完成，使得最后开发的页面直接满足需求，减轻了项目中需求人员、设计人员和开发人员间的交流成本，同事提高了开发人员效率。即使在需求原型变更较大的情况下，设计和开发过程也可以很快的完成，无需重新开发页面。
附图说明
图1是需求原型可复用方法流程示意图；
图2是需求原型可复用方法的具体步骤图；
图3是需求原型可复用方法的系统示意图；
图4是需求原型可复用方法的层次结构示意图。
具体实施方式
下面结合附图进一步详细描述本发明的技术方案，但本发明的保护范围不局限于以下所述。
具体实施例如图1所示一种需求原型可复用方法，包括如下步骤：
s1：封装可视化构件，加载构件到需求可视化编辑器中；
s2：配置构件信息，生成需求原型；
s3：加载需求原型到设计可视化编辑器中；
s4：绑定需求原型的界面元素，生成设计原型；
s5：加载设计原型到开发可视化编辑器中，进行设计与编辑得到开发原型；
所述需求原型生成于需求可视化编辑器中，用于用户开发使用；
所述设计原型生成于设计可视化编辑器中，用于设计人员开发使用；
所述开发原型生成于开发可视化编辑器中，用于开发人员使用。
优选的，s1中所述的构件包含基本的页面构件，能够满足日常开发需要的构件，如：按钮、表格等。所述拖拽构件到原型的可视化编辑器中关键步骤包括将s1封装的构件通过拖拽的方式到原型编辑器中绘制原型界面。
优选的，s2和进行以下配置：
1）进行构件展示相关属性配置，如高度、宽度等；
2）进行构件事件处理属性配置，如点击事件、值改变事件；
3）进行构件数据属性配置，如表格需要展示数据后台请求地址；
优选的，1）中所述配置主要影响网页展示大小、颜色、与位置等。
优选的，2）中所述配置主要影响网页的动态交互能力。
优选的，3）中所述配置主要影响网页动态数据来源。
优选的，s3一键导出需求原型到设计工程关键步骤包括：需求工程中原型绘制完成后，可以选择导出到设计工程中，需求原型可以直接导出到设计工程对应位置，得到设计原型，完成需求原型的复用过程。
优选的，s4一键导出可视化原型界面到开发工程关键步骤包括：经过设计工程设计过后的设计原型，可以选择导出设计为开发工程，设计原型可以直接转换成为可供开发人员使用的开发页面，无需开发人员手动创建。
如图2所示，开发使用方式具体流程包含以下步骤：
1）新建需求原型，建立一个需求原型界面文件；
2）选取构件，根据用户需求，在构件资源库中选择合适的构件；
3）拖拽构件到编辑器中绘制原型；
4）配置构件属性；
5）编辑器编译原型界面；
6）浏览器中预览原型；
7）如果原型不满足需求，返回2）步骤，满足需求则通过导出生成设计工程中的原型供设计人员使用；
8）设计原型中配置构件的事件、逻辑操作等；
9）如果原型不满足设计，返回8）步骤，满足设计则通过导出生成开发工程的开发页面供开发人员使用；
10）开发人员实现页面功能；
11）编译、部署，实现最终网页代码的生成；
12）浏览访问，进行网页界面展示。
如图3、图4所示，需求原型可复用方法的层次结构与方法如下:
构件层：包括满足日常开发需要的构件，如：表格、输入框、按钮等。
编辑器层：包括需求可视化编辑器、设计可视化编辑器和开发可视化编辑器，为构件层提供载体，用户层可对其进行操作。
用户层：主要是需求人员、设计人员和开发人员层，用来对可视化编辑器层操作。
以上显示和描述了本发明的基本原理和主要特征和本发明的优点。本行业的技术人员应该了解，本发明不受上述实施例的限制，上述实施例和说明书中描述的只是说明本发明的原理，在不脱离本发明精神和范围的前提下，本发明还会有各种变化和改进，这些变化和改进都落入要求保护的本发明范围内。本发明要求保护范围由所附的权利要求书及其等效物界定。