[发明专利]一种基于组件化的拖拽式跨平台应用开发系统及方法

说明书

本发明公开了一种基于组件化的拖拽式跨平台应用开发系统，其包括有：组件管理模块，包括有多个供用户选择且用于组装成页面的组件；组件拖拽式操作模块，用于执行用户的选择命令和拖拽命令，对已选组件进行页面布局和事件绑定，并生成网页应用配置参数；网页应用生成模块，用于根据所述网页应用配置参数生成网页应用；规则引擎，用于将网页应用配置参数转换为可运行于移动设备上的移动应用配置参数；移动应用生成模块，根据所述移动应用配置参数生成移动应用资源包；移动应用运行模块，用于获取所述移动应用资源包并运行于移动设备。本发明操作简便、可提高开发效率、无需单独对移动应用做生成操作，简化了跨平台应用的生成过程。

技术领域

本发明涉及应用开发系统，尤其涉及一种基于组件化的拖拽式跨平台应用开发系统及方法。

背景技术

随着科技的发展，硬件水平逐渐提高，多种多样的应用软件已然深入了人们的生活。然而，面对众多不同的操作系统，所涉及的开发语言和环境都不相同，所以每种操作系统都需要相应的开发者重新去开发应用，这就导致了人力成本的增加和资源的浪费。而且不同的设备，需要不同的适配方案，大大降低了开发者的开发效率。针对上述问题，专利CN104615462A提出一种跨平台的移动应用生成服务端，能够根据用户的请求，提取请求中的配置信息，获得资源目录，构建应用生成脚本，然后调用相应操作系统底层编译指令生成应用程序安装包。该方法是提高了开发效率，但是应用程序仍然需要开发者按照传统开发模式开发，跟不上需求的变动，而且每当界面或需求有变动，需要重新编译生成安装包，用户需要更新安装包。

现有技术中构建移动应用的解决方案大致有如下几种：

第一种，采用原生编写和构建移动应用。这种方法无疑性能是最好的，但是这种方法所需的成本和所需的时间也是最多的。市面上存在多种终端系统，每一种操作系统所需要的开发环境和开发语言都不相同，这就需要针对每种操作系统都要有熟悉该系统的开发人员去开发和构建应用，成本大大增加。而且移动设备的种类繁多，适配这些设备也是一个重复繁琐的过程。

第二种，采用H5方式构建移动应用。该方法是采用html+css实现响应式的 web页面，然后在移动应用中内嵌了webview去加载这些页面。这种方法实现了跨平台，即编写一次，可以在不同的移动设备上运行，而且也不需要繁琐的适配过程。但是这种方法构建出来的应用，性能和体验确差强人意，响应时间过长，可以感到明显的卡顿。再者，该方法实现的页面不便于调用移动设备的硬件，例如摄像头等，所能实现的功能有限。

第三种，采用跨平台应用开发的平台和框架。该方法较第二种方法性能有所提高，而且有较完善的方式和原生模块通信，调用移动设备硬件，实现更加丰富的功能。开发者只需掌握一种开发语言即可开发出不同操作系统的应用软件，极大的提高了开发效率，减少了人力成本。但是使用这些平台和框架，开发者仍需按照传统的开发模式，根据设计图每个页面逐步的进行开发，这种方式仍然阻碍了效率，而且，一旦产品需求和设计变动，开发就需要按照之前的模式重新来一遍，不利于跟随产品需求的快速变动。其次，如果在一个项目或多个项目中有相同的设计或页面，需要开发者手动把相同的代码复制到相应位置，也增加了重复的工作。最后，开发完成后，仍然需要开发者针对不同的操作系统编译和生成相应的安装包。

第四种，采用拖拽式的跨平台应用开发框架。该方法提供web页面，可以使用拖拽页面的方式组建应用，然后绑定页面所需展示的数据和指定页面之间的跳转关系，最后调用后台编译服务生成移动应用。与以上几种方法比较，该方法操作更加简便，界面之间的跳转不再固定化，由用户来指定，可以创建出更加个性化的应用。该方法生成移动应用有两种方式，第一种方式，开发两套页面，一套网页页面，一套移动应用页面，网页应用和移动应用之间有映射关系，在拖拽网页页面后，会根据映射关系找到对应的移动应用页面。第二种方式，使用H5开发页面，在web页面进行拖拽组装页面，然后移动端只是内嵌了 webview去加载组装好的web页面。这两种方式构建的应用，只能做数据的展示，页面布局较简单，而且并没有事件的响应，缺乏交互性。