一种WEB页面创建方法及可视化的软件设计器技术

本发明专利技术公开了一种WEB页面创建方法及可视化的软件设计器。所述WEB页面创建方法包括：步骤一，创建WEB页面，确定WEB页面的组件；其中，显示元素、表单元素作为组件；步骤二，设置所述组件的属性信息,得到创建的WEB页面；步骤三，保存及发布所述WEB页面。通过在可视化的对组件的属性进行设置，在软件开发或WEB页面更新的开发中，替代了专业代码开发过程的纯代码的开发形式，降低软件开发的复杂度，提高软件开发的效率。发的效率。发的效率。

【技术实现步骤摘要】
一种WEB页面创建方法及可视化的软件设计器


[0001]本专利技术涉及软件开发技术，特别涉及一种WEB页面创建方法及可视化的软件设计器。

技术介绍

[0002]随着互联网、大数据、人工智能、物联网、云计算等一系列新兴技术发展，以及“数字中国”国家战略的政策指引，越来越多的企业开始积极探寻数字化转型道路，进行数字化转型。
[0003]政务、企业对计算机软件的需求快速增长，传统的WEB软件开发方式需要对大量的代码进行操作，页面设计的复杂度高，降低了软件开发的效率，对技术人员要求高。

技术实现思路

[0004]本专利技术提供一种WEB页面创建方法及可视化的软件设计器，以表单元素作为组件的开发方式，可视化的设置组件的属性，解决了软件开发中以纯代码的开发方式中的出错率高，复杂度高，开发效率低的问题。
[0005]为实现上述目的，本专利技术提供如下技术方案：一种WEB页面创建方法，所述方法包括：步骤一，创建WEB页面，确定WEB页面的组件；其中，显示元素、表单元素作为组件；步骤二，设置所述组件的属性信息,得到创建的WEB页面；步骤三，保存及发布所述WEB页面。
[0006]在一种可能的实现方式中，所述表单元素、显示元素是以JSON模式国际标准为架构基础，增加自定义的WEB展示效果及动作定义得到的。
[0007]在一种可能的实现方式中，所述设置所述组件的属性信息,得到创建的WEB页面，包括：设置所述组件的通用配置及所述组件的专属配置，得到创建的WEB页面。
[0008]在一种可能的实现方式中，所述表单元素的集合设置为模型，不同的表单元素集合对应不同的模型。
[0009]在一种可能的实现方式中，表单作为软件开发中的业务基础模型，结合组件中子表单、关联表单，组合成新的模型。
[0010]在一种可能的实现方式中，其特征在于：所述通用配置，包括：组件名称、组件数据源、组件颜色风格、组件检验规则。
[0011]在一种可能的实现方式中，所述组件包括文本、数值、日期、开关、单选、多选、手机、金额、邮箱、百分数、附件、图片、地址、富文本、选部门、选人员、创建人、创建时间、更新人、更新时间、流水号、关联记录、关联属性、子表、树形关联、公式、布局辅助、标题备注、分隔线。
[0012]在一种可能的实现方式中，所述可视化的软件设计器用于执行所述WEB页面创建
方法，所述软件设计器包括：组件模块，用于显示待配置的组件；设计模块，用于设计WEB网页；组件属性设置模块，用于对选中的组件进行属性设置。
[0013]与现有技术相比，本专利技术的有益效果是：本专利技术的一种WEB页面创建方法，以JSONchema国际标准为基础，增加自定义的WEB展示效果及动作定义作为扩展的组件，来定义WEB页面表单、显示元素，将表单元素、布局、企业级应用选择器（选择人员、组织等）作为组件，针对各类组件设置有属性、样式等通用配置，及组件专属配置，全面替代了专业代码开发过程的纯代码的开发形式，降低软件开发的复杂度，提高软件开发的效率。以表单元素的集合作为模型，以可视化方式开发WEB功能页，做到了设计即研发，需求即交付，降低了技术人员的要求，非专业技术人员也可设计复杂系统。
附图说明
[0014]图1示出本公开一实施例的一种WEB页面创建方法流程图。
[0015]图2示出本公开一实施例的可视化的软件设计器的框图。
具体实施方式
[0016]以下将参考附图详细说明本公开的各种示例性实施例、特征和方面。附图中相同的附图标记表示功能相同或相似的元件。尽管在附图中示出了实施例的各种方面，但是除非特别指出，不必按比例绘制附图。
[0017]在这里专用的词“示例性”意为“用作例子、实施例或说明性”。这里作为“示例性”所说明的任何实施例不必解释为优于或好于其它实施例。
[0018]另外，为了更好的说明本公开，在下文的具体实施方式中给出了众多的具体细节。本领域技术人员应当理解，没有某些具体细节，本公开同样可以实施。在一些实例中，对于本领域技术人员熟知的方法、手段、元件和电路未作详细描述，以便于凸显本公开的主旨。
[0019]图1示出本公开一实施例的一种WEB页面创建方法流程图。如图1所示，所述方法包括：步骤S01，创建WEB页面，确定WEB页面的组件；其中，显示元素、表单元素作为组件；步骤S02，设置所述组件的属性信息,得到创建的WEB页面；步骤S03，保存及发布所述WEB页面。
[0020]通过创建WEB页面，确定WEB页面的组件；其中，显示元素、表单元素作为组件；设置所述组件的属性信息,得到创建的WEB页面；保存及发布所述WEB页面。本公开的WEB页面创建方法通过对自定义组件的属性设置，生成表单、数据表格、数据详情页面，解决了软件开发中以纯代码的开发方式中的出错率高，复杂度高，软件开发不够规范统一的技术问题。相比于传统的开发方式，使用规范的组件进行软件设计，有利于软件开发的规范性的统一，更加便捷和高效。
[0021]表单是用户采集数据信息的核心场景，同时又通过表单向用户展示数据信息，简而言之，表单是用户与数据库之间的桥梁，它可以确保用户按要求填写信息并提交给后台
或引导用户进行各种设置，好的表单可以帮助用户提升效率增加用户满意度。原始的系统或软件是没有用户信息的，用户通过表单来进行数据信息的录入，录入的信息越多，数据库管理的信息就会越多，才能凸显出该系统或软件的数据管理优势，才能实现其价值。
[0022]浏览器端产品的本质是对数据信息的“增删改查”，在表单的应用场景例对应了“增”和“改”，针对不同的用户数据要进行不同的表单设计，以适应各个场景功能。
[0023]在一种可能的实现方式中，所述组件可以包括显示元素、表单元素，其中，所述表单元素、显示元素是以JSON模式国际标准为架构基础，增加自定义的WEB展示效果及动作定义得到的。表单通常由标签、输入域、填写提示、操作按钮几部分构成。例如，以现有的JSON模式国际标准为架构，增加表单元素的输入域中输入的格式的定义、或者表单元素的标签名称的定义、或者填写提示的定义、或者操作按钮的动作定义。
[0024]通过对点选的组件的显示元素、表单元素进行自定义，在软件设计过程中，替代了专业代码开发过程的纯代码的开发形式，形成新的软件开发模式，提高了软件开发的效率，降低软件开发的复杂度。
[0025]在一种可能的实现方式中，所述设置所述组件的属性信息,得到创建的WEB页面，包括：设置所述组件的通用配置及所述组件的专属配置，得到创建的WEB页面。例如，所述通用配置，包括：组件名称、组件数据源、组件颜色风格、组件检验规则。例如，组件名称“电话会议”，组件数据源“数据库A路径B”，组件颜色风格“蓝色”，组件检验规则“校验填入信息是否格式正确，如电话号码，邮箱格式，用户名格式”，“校验用户名或密码是否正确”等。还可以设置组件的专属配置，例如组件的“反馈信息”“提示信息”的设置。
[0026]通过对组件本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种WEB页面创建方法，所述方法包括：步骤一，创建WEB页面，确定WEB页面的组件；其中，显示元素、表单元素作为组件；步骤二，设置所述组件的属性信息,得到创建的WEB页面；步骤三，保存及发布所述WEB页面。2.根据权利要求1所述的WEB页面创建方法，其特征在于，所述表单元素、显示元素是以JSON模式国际标准为架构基础，增加自定义的WEB展示效果及动作定义得到的。3.根据权利要求1所述的WEB页面创建方法，其特征在于，所述设置所述组件的属性信息,得到创建的WEB页面，包括：设置所述组件的通用配置及所述组件的专属配置，得到创建的WEB页面。4.根据权利要求1所述的WEB页面创建方法，其特征在于，所述表单元素的集合设置为模型，不同的表单元素集合对应不同的模型。5.根据权利要求1所述的WEB页面创建方法，其特征在于，表单作为软件开发中的业务基础...

【专利技术属性】
技术研发人员：袁圆，田振，曹晓，
申请(专利权)人：合肥青谷信息科技有限公司，
类型：发明
国别省市：