一种基于零代码的软件可视化快速开发系统技术方案

本发明专利技术涉及软件开发技术领域，具体涉及一种基于零代码的软件可视化快速开发系统，包括背景编辑器，所述背景编辑器首先获取用户确定的背景要素，所述背景要素包括图层数量、图层关系、图层位置和背景图片，然后所述背景编辑器将所述背景要素进行组合以生成背景样式；菜单编辑器，所述菜单编辑器获取用户确定的菜单要素，所述菜单要素包括布局方式，子菜单层数、子菜单数量、菜单图标和触发方式。本发明专利技术通过使用背景编辑器和菜单编辑器能够便捷地对网页或软件的页面进行样式设计，不用局限于默认提供的固定版式，提高了开发时的灵活性，使页面更加美观和独特，更易形成企业的个性和特色，在保留了零代码开发平台优势的前提下更加灵活丰富。灵活丰富。灵活丰富。

【技术实现步骤摘要】
一种基于零代码的软件可视化快速开发系统


[0001]本专利技术涉及软件开发
，具体涉及一种基于零代码的软件可视化快速开发系统。

技术介绍

[0002]零代码（No
‑
Code），业内人也叫无代码，它主要是通过流程的规范化和可视化“拖拉拽”搭建简单的应用场景，比如说企业内部HR体系进行员工关系管理、制定流程性ORK考核体系，业务部门搭建客户管理体系等简单流程化的管理。零代码主要面向的是：业务人员、产品经理、运营小白等非技术岗位的人员，他们无需懂代码，即可以通过零代码平台快速实现需求。
[0003]经检索，公告号为CN113590102B的中国专利技术提供了一种零代码快速软件开发方法，其包括：获取用户设置的与目标功能相关联的多个标准字段；其中，每个所述标准字段包括：字段名称、字段描述和字段数据类型；对所述多个标准字段进行组合以创建数据模型；其中，所述数据模型是由所述多个标准字段组成的集合；从数据库中获取预先保存的与目标功能对应的代码模板；其中，所述代码模板包括：通用代码和多个占位符，所述多个占位符与所述数据模型中的多个标准字段相对应；根据所述数据模型中的多个标准字段、所述代码模板中的通用代码和所述代码模板中的多个占位符，生成所述目标功能对应的软件代码。
[0004]目前，由于零代码开发平台全部都是采用封装的模块进行搭建，所有控件都是被固化的，所以用零代码平台搭建的系统想要进行扩展比较困难，由零代码平台搭建出的网页和软件大多比较简陋，布局和背景样式较少，整体给终端的浏览者呈现出的观感比较粗糙，难以展现出不同用户的特点和个性，不利于开发者用户的思想传达。

技术实现思路

[0005]针对现有技术所存在的上述缺点，本专利技术提供了一种基于零代码的软件可视化快速开发系统，能够有效地解决现有技术零代码平台开发出的网站和软件比较粗糙简陋的问题。
[0006]为实现以上目的，本专利技术通过以下技术方案予以实现：本专利技术提供一种基于零代码的软件可视化快速开发系统，包括：背景编辑器，所述背景编辑器首先获取用户确定的背景要素，所述背景要素包括图层数量、图层关系、图层位置和背景图片，然后所述背景编辑器将所述背景要素进行组合以生成背景样式；菜单编辑器，所述菜单编辑器获取用户确定的菜单要素，所述菜单要素包括布局方式，子菜单层数、子菜单数量、菜单图标和触发方式，所述菜单编辑器将所述菜单要素进行处理以生成菜单框架；组件配置器，用户从所述组件配置器中选择预先存储的默认组件实现所需功能；
执行引擎，用于响应各所述菜单和组件的命令。
[0007]进一步地，所述背景编辑器还包括图片自定义模块，所述图片自定义模块包括上传插件和自编插件。
[0008]进一步地，所述自编插件首先获取用户确定的图片要素，所述图片要素包括图片尺寸、图片基色、填充图案，所述自编插件将所述图片要素进行组合以生成所需背景图片，所述自编插件具有预先存储的填充图案的花纹库，在选择填充图案时同时调整其透明度。
[0009]进一步地，所述布局方式包括且不限于：使用默认布局、自由拖拽、圆形布局和多边形布局，所述菜单编辑器还包括对齐插件，所述对齐插件用于在确认布局方式后调整菜单位置。
[0010]进一步地，选择圆形布局时输入对应圆形的直径尺寸，选择多边形布局时选择对应多边形的边数和内切圆的直径尺寸，所述多边形为正多边形。
[0011]进一步地，所述触发方式包括悬停展开和跳转网页，所述悬停展开的项目为当前菜单的子菜单。
[0012]进一步地，所述菜单编辑器还包括图标库和缩放插件，所述菜单图标从图标库中选取，所述缩放插件用于调整所选取的菜单图标的尺寸。
[0013]进一步地，所述默认组件包括搜索类组件、数据导出类组件、数据分析类组件，在选择需要放置的默认组件后采用自由拖拽的方式放置到页面上。
[0014]与现有技术相比，本专利技术通过使用背景编辑器和菜单编辑器能够便捷地对网页或软件的页面进行样式设计，不用局限于默认提供的固定版式，提高了开发时的灵活性，使页面更加美观和独特，更易形成企业的个性和特色，有助于提高企业形象，在保留了零代码开发平台优势的前提下更加灵活丰富。
附图说明
[0015]为了更清楚地说明本专利技术实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍。显而易见地，下面描述中的附图仅仅是本专利技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
[0016]图1为本专利技术的整体示意图；图2为本专利技术的背景编辑器的示意图；图3为本专利技术的菜单编辑器的示意图；图4为本专利技术的圆形布局的示意图；图5为本专利技术的多边形布局的示意图。
具体实施方式
[0017]为使本专利技术实施例的目的、技术方案和优点更加清楚，下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述。显然，所描述的实施例是本专利技术一部分实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本专利技术保护的范围。
[0018]下面结合实施例对本专利技术作进一步的描述。
[0019]实施例
[0020]参照图1
‑
5，一种基于零代码的软件可视化快速开发系统，包括背景编辑器、菜单编辑器、组件配置器和执行引擎等。其中背景编辑器用于对网页或软件的页面背景进行编辑或设计，使最终展现出的网页或软件具有更加丰富的背景，提升其美观度。菜单编辑器用于对构成网页或软件的基本框架进行设定，通过独特的菜单布局和内容规划使得页面更加独特，不再是以往的千篇一律，不用局限于默认的版式，具有更加丰富的选择。
[0021]所述背景编辑器首先获取用户确定的背景要素，所述背景要素包括图层数量、图层关系、图层位置和背景图片，然后所述背景编辑器将所述背景要素进行组合以生成背景样式。用户在编辑背景时根据平台提供的设定选项选择好需要使用的涂层数量，并确定各图层之间的层叠关系，规划好各图层的位置，最后给每个图层选定所需的背景图片，完成对页面背景的编辑，如此使得最终呈现的网页具有更加丰富且美观的背景，能够提高网页整体的观感，使终端用户更易接受和浏览网页的内容。
[0022]所述菜单编辑器获取用户确定的菜单要素，所述菜单要素包括布局方式，子菜单层数、子菜单数量、菜单图标和触发方式，所述菜单编辑器将所述菜单要素进行处理以生成菜单框架。用户通过菜单编辑器依次选好各层菜单的数量和布局方式，并确定子菜单层数，随后将各子菜单与其上一级菜单对应，最后给各菜单选择使用的图标和触发的方式。本平台提供多种布局方式供选用，能够显著提高页面布局的丰富性，更加独特和个性化，提高了终端页面的浏览体验。
[0023]组件配置器，用户从所述组件配置器中选择预先存储的默认组件实现所需功能；执行引擎，用于响应各所述菜单和组件的命令。
[0024]参照图2，所述背景编辑器还包括图片本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种基于零代码的软件可视化快速开发系统，其特征在于，包括：背景编辑器，所述背景编辑器首先获取用户确定的背景要素，所述背景要素包括图层数量、图层关系、图层位置和背景图片，然后所述背景编辑器将所述背景要素进行组合以生成背景样式；菜单编辑器，所述菜单编辑器获取用户确定的菜单要素，所述菜单要素包括布局方式，子菜单层数、子菜单数量、菜单图标和触发方式，所述菜单编辑器将所述菜单要素进行处理以生成菜单框架；组件配置器，用户从所述组件配置器中选择预先存储的默认组件实现所需功能；执行引擎，用于响应各所述菜单和组件的命令。2.根据权利要求1所述的一种基于零代码的软件可视化快速开发系统，其特征在于，所述背景编辑器还包括图片自定义模块，所述图片自定义模块包括上传插件和自编插件。3.根据权利要求2所述的一种基于零代码的软件可视化快速开发系统，其特征在于，所述自编插件首先获取用户确定的图片要素，所述图片要素包括图片尺寸、图片基色、填充图案，所述自编插件将所述图片要素进行组合以生成所需背景图片，所述自编插件具有预先存储的填充图案的花纹库，在选择填充图案时同时调整其透明度。...

【专利技术属性】
技术研发人员：梅新华，
申请(专利权)人：广州市华势信息科技有限公司，
类型：发明
国别省市：