一种快速搭建软件系统的自动构造方法

技术领域

本发明涉及了一种通过简单点击托拽操作就可快速搭建一套用于监控、展示的软件系统的方法，具体涉及一种快速搭建软件系统的自动构造方法，属于互联网领域。

背景技术

近年来，随着互联网及其相关技术的迅猛发展和逐步普及，企业使用智能化管理生产软件的需求逐渐迫切。越来越多的企业选择使用软件来替代人工进行生产、监控以及数据展示。企业使用可极大的提高管理效率，将一些可以节省人力和财力的活动交由管理软件进行管理，可使企业达到内部优化和外部发展的需求。软件可以整合企业的资源，将企业资源利用达到最优化，实现企业内部自身的资源管理优化；提高管理效率，使企业的业务流程化，规范化，固定化，整个企业的业务流程就可以使用管理软件做一个流程化的操作，出错和效率低的情况会大大减少，使企业的员工的工作更有效率，更有意义(摆脱烦琐的低级劳动)，更专业，减少出错率，提升企业的运营效率和效果。

随着市面上的企业越来越多，对于个性化软件的需求量也越来越大。但是传统的软件生产厂家响应企业的各种通用及个性化需求的软件耗时较久使得企业使用上系统的非常久。而且软件开发技术随着发展也层出不穷，很多已经被更新迭代了。

对于企业来说他们有对软件的通用性和个性化的矛盾。对企业管理最了解、最能正确决定企业管理模式的，应该是企业经营者，而非软件公司，这是最基本的商业运作规律。现有的大部分软件无法适应管理千变万化的个性和持续变革的需求。为了取得市场生存和竞争的优势，适应瞬息万变的市场环境，需要快速响应市场的需求，不断调整自己的组织模式和再造自己的业务流程，业务流程的设计、优化和管理成为企业竞争的重要手段，企业迫切需要支持其业务流程再造的信息系统的支持。市场上有很多管理软件，不是功能太少，就是浪费太多，找一款称心如意的管理软件比较困难。对软件开发商来说，为每一个用户定做系统成本太高；对用户来说，对软件最根本的需求就是适用，只有适用，才会真正有人去用。企业迫切需要解决这种通用性和个性化的矛盾。

对于软件公司来说如何跟得上新技术的步伐也是一个难题。软件开发技术层出不穷，作为软件公司，面对多变的客户，真有点穷于应对了。如果不改变自己的软件，在市场上就失去了竞争力；如果改变，开发周期和成本又是一个大问题。要解决这一问题，要找一款架构灵活的开发平台，而且这款平台可以在未来新技术出现时，可无缝接入新技术，软件开发商只需升级平台，其软件统就拥有了新技术功能。

发明内容

本发明主要解决的问题是如何让企业快速生成免代码开发系统。使用者只需通过简单的鼠标操作就可快速生成个性化软件系统。同时降低了使用人员的技术门槛，搭建方式采用所见即所得的形式使得整个配置过程更加流畅。通过一个免代码开发平台来满足用户的各种定制化的需求需求。

本发明的技术方案如下：

一种快速搭建软件系统的自动构造方法，包括以下步骤：

获取项目名称插入项目列表中；

根据项目列表通过可视化方式建立项目路由；

利用元素填充项目路由中对应的页面；

对所述页面的元素进行样式和数据的配置。

所述项目列表包括项目名称，项目属性，多级子菜单结构，每个子菜单内置元素数据。

所述通过可视化方式建立项目路由，包括以下步骤：

建立多个节点构成节点树；

根据项目列表中的项目名称生成项目主体节点；

建立用于对用户的输入信息进行校验的登陆节点，当校验通过时，则跳转至项目主体节点；

根据用户输入的多级子菜单结构信息按照树形结构存入对应项目主体节点，并生成子菜单节点。

所述利用元素填充项目路由中对应的页面，包括以下步骤：

项目路由建立完成后，将项目主体节点中的多级子菜单结构传入用于配置项目的可视编辑器；在可视编辑器插入预设的元素。

所述元素为图表类元素及其组合，所述图表类元素设有配置项，包括样式和数据。

所述对所述页面的元素进行样式和数据的配置，包括以下步骤：

通过可配置项配置所选元素的样式；

元素的数据源包括数据库和自定义两种：

当数据库为数据源时，选择数据库中的数据表，可视编辑器从数据表中获取全部字段，用于用户选择；当用户选择字段拖入元素对应的配置项中，编辑器从数据表中获取对应字段内所有数据并填入元素的配置项中，并实时更新；

当自定义为数据源时，在配置项中输入元素对应的配置项数据；可视编辑器对数据进行解析得到元素需要的格式，再并存入元素的配置项中，在元素中显示。

所述对所述页面的元素进行样式和数据的配置完成后，将编辑器中所有元素配置项数据存入到项目列表的相应子菜单内置元素数据字段中。

本发明的有益效果及优点：

1.本发明只需使用鼠标操作就可以按照用户意愿生成系统，对使用者所要求的技术门槛很低，配置操作简单易用。

2.生成系统内容为数据，如有变动可直接进入继续编辑即可，无需重新开发。

3.集成了很多通用模块可快速搭建系统，节约了时间成本。

附图说明

图1是本发明软件系统的整体架构。

图2是本发明操作使用的流程图。

具体实施方式

为了使本发明的目的、技术方案以及优点等更加清楚明确，在这里举出实际例子并参考附图进行进一步的说明。

一种快速搭建软件系统的自动构造方法，包括以下步骤：

首先需要梳理一下快速搭建软件系统的整个流程，主要分为创建并填写软件系统详细信息，创建软件系统内部的层级菜单，配置软件系统样式，给每一页菜单配置元素，给每一个元素配置样式，给每一个元素配置数据这六个步骤。总结一下就是用数据来填充元素，若干元素又可组成界面，最终若干个界面在一起便形成了一套完整的软件系统。

用户根据需求填写创建的项目的详细信息，如系统名称(必填项)、系统详情、系统类别、上传系统专属logo。填写完毕后，点击创建便立即以当前时间的时间戳作为项目唯一id插入管理已创建系统的列表中，保证了每个项目id的唯一性。将用户填写的系统名称提取放入到提前准备好的JSON格式中转化为项目的主体节点，将其多级子菜单结构数据置空用于用户进一步丰富。

我们可以基于这段JSON利用canvas技术将JSON的组织结构画成菜单结构。用户基于提供的项目的基本菜单结构根据自身需求继续丰富项目内部的菜单。用户在需要操作的节点上可选择在此节点上添加子节点，也就是下一级的菜单。填写完毕后我们会根据用户添加的节点位置丰富对应的JSON。完善完菜单后点击配置系统可跳转至配置器页面进行下一步配置。

配置系统样式，进入编辑器页面后，在工作区的右侧有布局和详情两个配置tab页。布局里可对软件系统的结构、主题、显示内容以及显示样式进行个性化配置。系统详情里可对系统的详细信息进行调整、可对系统的层级菜单进行二次修改。此步完成后项目的整体框架就搭建完毕了。

在编辑器内给每一页菜单配置元素，编辑器用于解析项目的数据为可编辑模式。在编辑器画布中的项目上会解析出之前配置好的多级子菜单结构，通过导航菜单点击便可切换到对应的页面。在编辑器的左侧我们提前准备好了五种类别的元素库，分别是图表类元素、通用元素、流程类元素、组态类元素和整页面元素。图表类元素包括柱状图、饼状图、折线图、散点图、甘特图、树等；通用类元素包括文本、3D、表格、图片、时间、地图、Iframe等；流程类元素为基本元素的任意组合所形成的两种元素之间数据交互显示的元素，例如表单查询、按钮、表格和分页的组合，表单提供查询条件、通过按钮触发查询，将查询结果显示到表格中，通过分页可以更加高效的查看数据；组态类元素用户画流程图；页面元素将常用的登录、用户管理等常用模块集成好，拖入直接使用即可。在页面内按需放入需要展示的元素，可以随意变换位置、调整大小。

给每一个元素配置样式，选中你要配置的元素，在编辑器的右边选中样式的tab标签页，里面是关于该元素的所有关于样式的配置项，只需通过点选的方式即可完成对该元素的样式编辑。

给每一个元素配置数据，选中你要配置的元素，在编辑器的右边选中数据的tab标签页，数据源支持数据库和自定义。以柱状图为例，选择数据库则从数据库中选择的数据源，用户在数据选择器上可以根据需求选择对应的数据表，此时前端根据用户选择的表向后台发送请求，请求回该表内的所有字段以及该字段内对应的所有数据。将字段放入备选区内供用户选择，用户拖动需要的字段放入x轴和y对应的数据内，根据存入位置将字段内的数据放到柱状图的option的xAxis和series中，将最新的数据传入setOption方法就可重新渲染图表完成数据配置。选择自定义数据源时，我们会将用户需要填写的数据的位置准备好，用户将填写的数据用‘，’号间隔开，我们收集到用户的数据后使用split方法，通过‘，’号拆分成数组，将数据放到柱状图option的xAxis和series中将最新的数据传入setOption方法就可重新渲染图表完成数据配置。

将系统内所有的菜单都参照以上方式配置完毕则完成了整个项目的搭建。

项目内置了websocket，后端会一直扫描数据库，当发现数据有变化时会给前端推送被变化的数据表。前端扫描当前页面的所有数据，当有涉及到的元素时会调用该元素的updateWebsocket方法，重新去数据库内取回最新的数据重新渲染图表。

一种快速搭建软件系统的自动构造方法，包括以下步骤：

1.创建系统；

所述创建系统执行以下步骤：

填写上传创建系统所需的详细信息，例如项目名称、项目描述、项目分类等、上传logo图片等；

向数据库中项目信息表内插入此条新建的项目详情数据，以时间戳作为创建项目的唯一id保证了创建的系统数据在数据库中的唯一性；

2.通过可视化的点选操作创建项目的层级菜单；

所述可视化操作如下：

准备一个画布，用于搭建系统的层级关系；

从登录开始，登录后跳转进入系统，系统内渲染了多级子菜单结构，每一个菜单都代表着一个页面；

系统菜单的层级结构可以同时代表整个系统的路由跳转结构，因此可根据菜单生成整个系统的路由；

3.配置项目详情页面信息

配置项目详情的步骤如下：

创建项目菜单后即可进入项目级配置器配置器，可以点击切换系统的显示样式主题、主题结构、控制系统内常用元素的增删等；

项目的名称一级菜单会直接展示进配置器画布上；

4.为每个页面配置元素

配置页面元素的步骤如下：

可在左侧提供好的元素库内选择需要的元素加入当前页面内；

拖动元素外框可挪动位置、调整大小；

5.给每个元素配置数据

配置元素数据的步骤如下：

单击选中要配置的元素，在编辑器右侧可选择数据配置模块，通过数据库、数据表定位到所需数据的位置；

以柱状图为例，选中数据表后，该表内所有的字段会展示出来，挑选出需要显示的数据，放入柱状图内，即可生成带显示意义的图表。

6.生成系统

完成若有页面的配置后整个系统的配置也就完成可正常使用了。

参见图1，这是软件系统的整体架构图。

当用户进入配置平台后，主要给用户提供4个模块的服务，软件系统列表、元素库、接口库、和数据。在平台首页点击创建系统按钮即可开始创建系统，按要求填写好系统名称、系统详情、系统类别并上传logo后点击创建即可完成项目的基础创建插入到项目列表中去。

项目列表内存储的用户创建的所有项目，可根据查询条件快速找到需要的软件系统，同时可以对项目信息进行编辑、预览和删除。

元素库内可查看平台上支持的所有元素的内容以及使用方法。按类别共分为图表类元素、通用类元素、流程类元素、组态类元素和页面元素。图表类元素包括柱状图、饼状图、折线图、散点图、甘特图、树等；通用类元素包括文本、3D、表格、图片、时间、地图、Iframe等；流程类元素为基本元素的任意组合所形成的两种元素之间数据交互显示的元素，例如表单查询、按钮、表格和分页的组合，表单提供查询条件、通过按钮触发查询，将查询结果显示到表格中，通过分页可以更加高效的查看数据；组态类元素用户画流程图；页面元素将常用的登录、用户管理等常用模块集成好，直接就可以拿来使用。

流程元素相较于普通元素的优点：

(1)灵活，流程元素由若干普通元素组成，因此可以有若干种排列组合；

(2)表达内容更加有深度，不同元素组合在一起产生效果也是不一样的；

(3)和接口结合后几乎可以完成任意操作；

数据模块用来给元素提供数据，用户可以在数据库内导入或者直接创建数据表及数据，在配置元素时数据源选择数据库时，就可把预先准备好的数据直接填入。

接口管理模块用于存储配置平台内及子元素所需的所有接口，用户也可以自定义添加。流程元素通常需要接口的支持，因此接口和元素是紧密相关的。

使用接口处理数据的优势：

(1)可以进行个性化操作，普通数据库提供的数据做数据过滤比较复杂，而接口形式就可满足各种需要的场景；

(2)较好的可扩展性，不受数据格式的约束；

(3)与平台低耦合，降低了逻辑上的强管理以及相互影响；

因此，使用接口的方式配置元素是较方便和快捷的。

参见图2，是本发明的操作流程图。

步骤S1：登录进入平台系统。

步骤S2：创建子系统。

步骤S3：创建路由菜单。

步骤S4：用元素填充菜单页面。

步骤S5：给元素配置样式。

步骤S6：给元素配置数据，有数据库数据源和自定义数据两种模式供选择。

步骤S7：生成项目。

综上所述，本发明的方法，只需鼠标操作就可完成整个软件系统的搭建。结合元素库中提供的元素，可高效高质量的完成整个软件系统的搭建。从而缩短软件开发周期、降低了开发难度、减少开发成本、降低了维护成本扩展性高、支持任意修改，适合推广使用。