[发明专利]一种基于元素的组件化拖拽式建模平台、工具及方法

说明书

本发明公开了一种基于元素的组件化拖拽式平台、工具及方法，包括管理平台，管理平台包含项目管理模块，页面管理模块，元素管理模块，组件管理模块，拖拽式操作管理模块，数据源管理模块，代码生成模块，移动应用生成模块，移动应用运行模块。本发明所需的项目管理模块，页面管理模块的页面库，元素管理模块的各元素，组件管理模块的各类组件全部集成在管理平台，用户在管理平台中就可完成项目创建、元素组件组件、组件组件页面、事件绑定、数据源配置、代码生成业务，无需掌握页面设计，组件开发等技术，大大降低了应用开发成本，提高了应用开发效率。

技术领域

本发明涉及互联网系统技术领域，具体为一种基于元素的组件化拖拽式建模平台、工具及方法。

背景技术

随着互联网技术的发展，硬件平台也越快来越多样化，为了满足人们的日常所需，各类应用软件也层出不穷。但是，面对众多不同的操作系统、不同的开发平台以及开发语言，都需要开发者去重新开发，在这个过程中，存在严重的资源浪费，人力和开发成本不断增加，导致一款软件在不同平台的生产及利用也耗时耗力。而且不同的操作系统系统、不同的硬件平台，需要考虑其兼容性，也严重影响了开发者的生产效率。针对以上问题，市面上已经提出过解决方案，根据用户的请求，提取请求中的配置信息，获得资源目录，构建应用生成脚本，然后调用相应操作系统底层编译指令生成应用程序安装包。该方法在一定程度上是提高了开发效率，但是应用程序仍然需要开发者按照传统开发模式开发，当有界面修改或需求变动时，需要重新编译生成安装包，用户需要更新安装包。

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

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

第二，采用H5方式构建移动应用。该开发方法是采用了网页技术实现响应式的页面，然后在移动应用中内嵌了webview去加载这些页面。这种开发方法实现了跨平台的需求，即编写一次，可以在不同的移动终端上去运行，也不需要繁琐的适配和兼容过程。但是这种开发方式构建出来的应用，性能和体验上慢慢满足不了大众所需，会经常出现加载、响应时间过长，页面卡顿。而且，该开发方式生成的页面无法很好的和硬件做交互，所能实现的功能特别有限。

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

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