CN111708516A

CN111708516A - 一种网上web应用定制开发系统

Info

Publication number: CN111708516A
Application number: CN202010432330.3A
Authority: CN
Inventors: 王全
Original assignee: Shanghai Xundayun Technology Co ltd
Current assignee: Shanghai Xundayun Technology Co ltd
Priority date: 2020-05-20
Filing date: 2020-05-20
Publication date: 2020-09-25
Anticipated expiration: 2040-05-20
Also published as: CN111708516B

Abstract

本发明涉及web应用开发领域，公开了一种网上web应用定制开发系统，包括相互连接的工作台单元、数据源管理单元、设计器单元、模板管理单元、分级权限管理单元和项目管理单元；工作台单元用于进行定制开发软件的登记；数据源管理单元用于进行软件的数据存储管理和定义；设计器单元用于进行定制功能的页面设计；模板管理单元用于保存通用功能页面；分级权限管理单元用于进行项目的分员权限分配管理；项目管理单元用于实现对外部开发人员的管理。本发明能实现可拖拽组件选择、用户定义和自动渲染加载组件，实现所见即所得的效果方式，大大节省与需求方功能确认时间，提高程序开发效率，能去除低效和重复的工作内容。

Description

一种网上web应用定制开发系统

技术领域

本发明涉及web应用开发领域，特别涉及一种网上web应用定制开发系统。

背景技术

软件应用越来越广泛，随着信息化深入企业，软件在各个领域中发挥着提速和增效的作用，大大减轻了工作量，方便经营管理。由于每家企业的业务不同，带来的就是不停的开发软件系统，让每家企业都付出较多的时间和成本来完成定制软件。开发者按照需求方来进行开发系统，传统方式是需求方给开发者描述下功能，开发者就开始按照理解的内容来工作，开发的系统大部分是低效或重复的工作。开发者完成定制功能后跟需求方进行确认功能，在这过程中会经常反复确认功能并修改程序，最终完成需求方要求。

发明内容

本发明要解决的技术问题在于，针对现有技术的上述现有开发模式中与需求方进行确认页面功能，定制开发功能过程中低效或重复功能可复用性差的缺陷，提供一种能可拖拽组件选择、用户定义和自动渲染加载组件，实现所见即所得的效果方式，大大节省与需求方功能确认时间，提高程序开发效率，能去除低效和重复的工作内容的网上web应用定制开发系统。

本发明解决其技术问题所采用的技术方案是：构造一种网上web应用定制开发系统，包括：

工作台单元：用于进行定制开发软件的登记；所述定制开发软件的登记至少包括软件的数据库设计、界面功能设计、菜单设计、功能接口设计、生成前端代码和生成后端应用代码；

数据源管理单元：用于进行软件的数据存储管理和定义；所述定义至少包括定义数据源、数据库信息、数据表信息和数据表的字段信息服务；

设计器单元：用于进行定制功能的页面设计；

模板管理单元：用于保存通用功能页面；

分级权限管理单元：用于进行项目的分员权限分配管理；所述分员权限分配管理至少包括划分开发组人员权限管理、划分测试组人员权限管理和划分需求方人员权限管理；

项目管理单元：用于实现对外部开发人员的管理；

所述工作台单元、数据源管理单元、设计器单元、模板管理单元、分级权限管理单元和项目管理单元相互连接。

在本发明所述的网上web应用定制开发系统中，所述数据源管理单元进一步包括：

工程管理模块：用于进行定制开发软件工程信息的管理，全库采集工程下的数据表信息逆向到设计器的数据库里，全库生成前台代码，全库生成后端代码，生产发布工程；

数据表管理模块：用于进行定制开发软件的数据表管理，支持单表采集和视图采集，支持查询分析结果的扩展接口导入、单表生成前台代码以及单表生成后端代码；

表格字段管理模块：用于进行定制开发软件的表字段信息管理、页面字段的效验规则定义和控件类型定义；

所述工程管理模块、数据表管理模块和表格字段管理模块相互连接。

在本发明所述的网上web应用定制开发系统中，所述设计器单元进一步包括：

PC设计器工作台模块：用于提供菜单区和工作区；

可拖拽布局组件库模块：用于进行定制开发软件的页面布局定义；

可拖拽基础组件库模块：用于进行定制开发软件的页面填充元素；

可拖拽表单组件库模块：用于进行定制开发软件的页面提交表单信息定义；

可拖拽表格组件库模块：用于进行定制开发软件的页面列表数据的处理，提供表格组件和条件查询组件；

可拖拽布基础图表组件库模块：用于进行定制开发软件的数据通过图表的方式直观展示数据的定义；所述图表至少包括柱状图、饼图和拆线图；

页面样式管理模块：用于进行定制开发软件的功能组件的样式定义；

页面属性管理模块：用于进行定制开发软件的功能组件的属性定义；

页面接口管理模块：用于进行定制开发软件的功能组件的接口定义；

所述PC设计器工作台模块、可拖拽布局组件库模块、可拖拽基础组件库模块、可拖拽表单组件库模块、可拖拽表格组件库模块、可拖拽布基础图表组件库模块、页面样式管理模块、页面属性管理模块和页面接口管理模块相互连接。

在本发明所述的网上web应用定制开发系统中，所述菜单区提供菜单功能维护和菜单的树型结构维护，所述工作区提供页面展示和操作功能。

在本发明所述的网上web应用定制开发系统中，所述页面布局定义至少包括页面需要划分出导航菜单区域部分和业务功能操作区域部分，还可以划分出广告宣传区域部分。

在本发明所述的网上web应用定制开发系统中，所述页面提交表单信息定义至少包括表单容器、表单按钮、输入框、下拉选项、日期组件、单选组、复选组、开关、省市级联、评分、上传和富文本。

在本发明所述的网上web应用定制开发系统中，所述页面填充元素至少包括操作按钮、导航菜单、标题、下拉菜单、步骤条、标签、单元格、图标和时间轴。

在本发明所述的网上web应用定制开发系统中，所述功能组件的样式定义至少包括背景色、边框大小，边距、是否禁用和加图标。

在本发明所述的网上web应用定制开发系统中，所述功能组件的属性定义至少包括字段的较验规则、页面跳转地址、按钮添加、分页配置、行按钮配置、行事件配置和批量操作配置。

在本发明所述的网上web应用定制开发系统中，所述接口定义至少包括获取表格列表字段信息、获取列表数据、导出数据、导入数据、上传、下载和预览。

在本发明所述的网上web应用定制开发系统中，所述设计器单元为PC机或移动端。

实施本发明的网上web应用定制开发系统，具有以下有益效果：由于设有工作台单元、数据源管理单元、设计器单元、模板管理单元、分级权限管理单元和项目管理单元；工作台单元用于进行定制开发软件的登记；数据源管理单元用于进行软件的数据存储管理和定义；设计器单元用于进行定制功能的页面设计；模板管理单元用于保存通用功能页面；分级权限管理单元用于进行项目的分员权限分配管理；项目管理单元用于实现对外部开发人员的管理；开发者和项目管理者可以通过网上开发定制系统进行快速沟通和开发软件工作，这样就可以通过平台提供的开发组件及用户的自定义参数和样式，快速实现功能从需求到设计，再到功能代码的生成，大大提高了开发工作的效率，因此本发明能可拖拽组件选择、用户定义和自动渲染加载组件，实现所见即所得的效果方式，大大节省与需求方功能确认时间，提高程序开发效率，能去除低效和重复的工作内容。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1为本发明网上web应用定制开发系统一个实施例中的结构示意图；

图2为所述实施例中数据源管理单元的结构示意图；

图3为所述实施例中设计器单元的结构示意图；

图4为所述实施例中需要创建的web页面用户登录界面图；

图5为所述实施例中web页面表单界面图。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

在本发明网上web应用定制开发系统实施例中，该网上web应用定制开发系统的结构示意图如图1所示。图1中，该网上web应用定制开发系统包括相互连接的工作台单元1、数据源管理单元2、设计器单元3、模板管理单元4、分级权限管理单元5和项目管理单元6。

其中，工作台单元1用于进行定制开发软件的登记。例如：定制开发软件的登记至少包括软件的数据库设计、界面功能设计、菜单设计、功能接口设计、生成前端代码和生成后端应用代码等功能。

数据源管理单元2用于进行软件的数据存储管理和定义；例如：定义至少包括定义数据源、数据库信息、数据表信息和数据表的字段信息服务等功能。

设计器单元3用于进行定制功能的页面设计；例：用于实现用户通过可拖拽操作方式选择功能组件，按用户的想法进行组合出用户的所需要的功能，用户可以修改参数信息及自定义风格等功能。值得一提的是，本实施例中，设计器单元3可以是PC机或移动端，分别称为PC设计器和移动端设计器。

模板管理单元4用于保存通用功能页面(主要是用于用户保存通用功能页面)，提高重复页面设计功能的目的。

分级权限管理单元5用于进行项目的分员权限分配管理；例如：分员权限分配管理至少包括划分开发组人员权限管理、划分测试组人员权限管理和划分需求方人员权限管理等功能。

项目管理单元6提供了对外缓的人员管理等功能，用于实现对外部开发人员的管理；用于进行借助外部开发人员能力，解决用户团队开发能力不足的情况。

开发者和项目管理者可以通过网上开发定制系统进行快速沟通和开发软件工作，这样就可以通过平台提供的开发组件及用户的自定义参数和样式，快速实现功能从需求到设计，再到功能代码的生成，大大提高了开发工作的效率，因此本发明能可拖拽组件选择、用户定义和自动渲染加载组件，实现所见即所得的效果方式，大大节省与需求方功能确认时间，提高程序开发效率，能去除低效和重复的工作内容。

图2为本实施例中数据源管理单元的结构示意图，图2中，该数据源管理单元2进一步包括相互连接的工程管理模块21、数据表管理模块22和表格字段管理模块23。工程管理模块21用于进行定制开发软件工程信息的管理，全库采集工程下的数据表信息逆向到设计器的数据库里，全库生成前台代码，全库生成后端代码，生产发布工程；数据表管理模块22用于进行定制开发软件的数据表管理，支持单表采集和视图采集，支持查询分析结果的扩展接口导入、单表生成前台代码以及单表生成后端代码，如：表的名称、表索引类型等信息；表格字段管理模块23用于进行定制开发软件的表字段信息管理、页面字段的效验规则定义和控件类型定义，如：字段的名称，字段的数据类型，字段长度大小等信息。对于用户定制开发软件前的数据源准备，对定制开发的软件需要有工程地址和数据库信息，如库名、登录数据库的用户和密码信息，有哪些功能表及功能表的相应的字段信息。用户准备好了数据库信息后，系统可通过自动采集功能将数据库信息收集到网上web应用定制开发系统(迅搭云的开发平台)上来，方便后续开发时快速对应字段信息。

图3为本实施例中设计器单元的结构示意图，图3中，该设计器单元3进一步包括相互连接的PC设计器工作台模块31、可拖拽布局组件库模块32、可拖拽基础组件库模块33、可拖拽表单组件库模块34、可拖拽表格组件库模块35、可拖拽布基础图表组件库模块36、页面样式管理模块37、页面属性管理模块38和页面接口管理模块39。

PC设计器工作台模块31用于提供菜单区和工作区；菜单区提供菜单功能维护和菜单的树型结构维护，菜单的树型结构维护；工作区提供页面展示和操作功能，如：自定义人员管理信息列表页，人员管理信息新增页等。

可拖拽布局组件库模块32用于进行定制开发软件的页面布局定义，如：页面需要划分出导航菜单区域部分、广告宣传区域部分和业务功能操作区域部分。

可拖拽基础组件库模块33用于进行定制开发软件的页面填充元素，如：操作按钮、导航菜单、标题、下拉菜单、步骤条、标签、单元格、图标和时间轴。

可拖拽表单组件库模块34用于进行定制开发软件的页面提交表单信息定义，如：表单容器、表单按钮、输入框、下拉选项、日期组件、单选组、复选组、开关、省市级联、评分、上传、富文本等功能组件。

可拖拽表格组件库模块35用于进行定制开发软件的页面列表数据的处理，提供表格组件和条件查询组件，如：通用的列表数据使用表格组件来加载用户指定的数据源数据。

可拖拽布基础图表组件库模块36用于进行定制开发软件的数据通过图表的方式直观展示数据的定义；图表至少包括柱状图、饼图和拆线图等。当然，在实际应用中，图表还可以是其他形式的图表。

页面样式管理模块37用于进行定制开发软件的功能组件的样式定义；如背景色、边框大小，边距、是否禁用、加图标等。页面属性管理模块38用于进行定制开发软件的功能组件的属性定义，如：字段的较验规则、页面跳转地址、按钮添加、分页配置、行按钮配置、行事件配置、批量操作配置等。页面接口管理模块39用于进行定制开发软件的功能组件的接口定义，如：获取表格列表字段信息，获取列表数据，导出数据，导入数据，上传、下载、预览等接口的配置。

图4为本实施例中需要创建的web页面用户登录界面图，创建该web页面用户登录界面的流程如下：

第一步：在设计器单元3的PC设计器工作台模块31创建一个页面，进入到页面的设计里。

第二步：通过可拖拽基础组件库模块33提供的标签功能，拖到工作区，定义当前页面上的mall名称；

第三步：通过页面属性管理模块38提供的按钮添加功能，配置页面上的“联系我们”按钮。

第四步：通过可拖拽布局组件库模块32提供的基础布局功能，进行页面的布局，划3等份操作，设置比例宽度。

第五步：对在划分好的3等份布局容器中的第2等份进行页面样式管理模块37的配置，设置文本内容为login，设置字段颜色橙色。

第六步：把可拖拽表单组件库模块34中的表单容器组件拖入到login文字的下方。

第七步：把可拖拽表单组件库模块34中的输入框组件拖入，页面样式管理模块37的配置，类型为文本，占位字符设置用户名；进行页面属性管理模块38的配置，设置校验规则为必填。

第八步：把可拖拽表单组件库模块34中的输入框组件拖入，页面样式管理模块37的配置，类型为密码，占位字符设置密码；进行页面属性管理模块38的配置，设置校验规则为必填。

第九步：把可拖拽表单组件库模块34中的表单按钮组件拖入，进入页面接口管理模块39，进行接口配置，设置提交接口地址。

图5为本实施例中web页面表单界面图，实现以下web页面表单界面的流程如下：

第一步：在在PC设计器单元3的PC设计器工作台模块31创建一个页面，进入到页面的设计中。

第二步：通过可拖拽表格组件库模块35提供的表格组件，拖到工作区。

第三步：通过页面接口管理模块39提供的接口设置，进行绑定数据接口地址，配置表格的显示列。

至此，一个用户登录页面的功能就完成了。

总之，由于本发明设有工作台单元1、数据源管理单元2、设计器单元3、模板管理单元4、分级权限管理单元5和项目管理单元6，开发者和项目管理者可以通过该网上web应用定制开发系统进行快速沟通和开发软件工作，这样就可以通过该网上web应用定制开发系统提供的开发组件及用户的自定义参数和样式，快速进行功能从需求到设计，再到功能代码的生成，大大提高开发工作的效率。本发明能可拖拽组件选择、用户定义和自动渲染加载组件，实现所见即所得的效果方式，大大节省与需求方功能确认时间，提高程序开发效率，能去除低效和重复的工作内容。

以上所述仅为本发明的较佳实施例而已，并不用以限制本发明，凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims

1.一种网上web应用定制开发系统，其特征在于，包括：

设计器单元：用于进行定制功能的页面设计；

模板管理单元：用于保存通用功能页面；

项目管理单元：用于实现对外部开发人员的管理；

2.根据权利要求1所述的网上web应用定制开发系统，其特征在于，所述数据源管理单元进一步包括：

3.根据权利要求2所述的网上web应用定制开发系统，其特征在于，所述设计器单元进一步包括：

PC设计器工作台模块：用于提供菜单区和工作区；

4.根据权利要求3所述的网上web应用定制开发系统，其特征在于，所述菜单区提供菜单功能维护和菜单的树型结构维护，所述工作区提供页面展示和操作功能。

5.根据权利要求3所述的网上web应用定制开发系统，其特征在于，所述页面布局定义至少包括页面需要划分出导航菜单区域部分和业务功能操作区域部分。

6.根据权利要求3所述的网上web应用定制开发系统，其特征在于，所述页面提交表单信息定义至少包括表单容器、表单按钮、输入框、下拉选项、日期组件、单选组、复选组、开关、省市级联、评分、上传和富文本。

7.根据权利要求3所述的网上web应用定制开发系统，其特征在于，所述功能组件的样式定义至少包括背景色、边框大小，边距、是否禁用和加图标。

8.根据权利要求3所述的网上web应用定制开发系统，其特征在于，所述功能组件的属性定义至少包括字段的较验规则、页面跳转地址、按钮添加、分页配置、行按钮配置、行事件配置和批量操作配置。

9.根据权利要求3所述的网上web应用定制开发系统，其特征在于，所述接口定义至少包括获取表格列表字段信息、获取列表数据、导出数据、导入数据、上传、下载和预览。

10.根据权利要求1至9任意一项所述的网上web应用定制开发系统，其特征在于，所述设计器单元为PC机或移动端。