[发明专利]一种无代码Web开发系统

说明书

本申请涉及计算机技术领域，尤其涉及一种无代码Web开发系统。所述系统包括用户界面、文件处理模块、页面处理模块；所述用户界面用于处理用户终端的输入输出，用户通过对用户界面的操作调用系统的功能；所述文件处理模块用于将设计稿文件中的图层信息数据转换为页面处理模块所需的JSON格式页面元素数据；所述页面处理模块用于将所述JSON格式页面元素数据转换生成浏览器可显示的文件格式的页面。本申请可以通过设计稿自动生成页面，做到成品页面和原设计稿一致；本申请可以添加交互效果，添加动态数据，将页面部署到服务器，全程无需专业开发人员编码，提高了开发效率，降低了开发难度。

技术领域

本申请涉及计算机技术领域，尤其涉及一种无代码Web开发系统。

背景技术

Web页面是万维网上的一个按照HTML格式组织起来的文件，在通过万维网进行信息查询时，以信息页面的形式出现，它可包括图形、文字、声音和视像等信息。Web页面是用户访问万维网的入口，因此Web页面的构建好坏直接影响用户对网站的第一印象。

用于开发网络应用程序的web系统目前得到广泛应用。网络应用程序(简称webapp)是一种使用网页浏览器在互联网或企业内部网上操作的应用软件，其是一种以网页语言(例如HTML、JavaScript、Java等编程语言)撰写的应用程序，需要通过浏览器来运行。web系统是客户机——服务器模式。web客户机是客户端的浏览器。web服务器是资源存放的主机。

目前，Web开发通常需要由开发人员将图像编辑软件(如Photoshop等)设计的设计稿按页面需要进行切片，使用集成开发环境(如：Visual Studio Code、Eclipse等)编码，将打包后的产出物部署到服务器上运行，供访问者使用浏览器访问。需要开发人员熟悉HTML、CSS、JavaScript、Java、PHP等前、后端开发语言及掌握Linux操作系统常用命令。

目前Web开发普遍存在如下问题：需要专业的前、后端开发人员进行编码，技术难度较大。现有可视化页面搭建系统通过拖拽系统提供的固有组件实现搭建页面，无法将设计稿所表达的视觉效果转化成页面。现有可视化页面搭建系统不能解决较复杂的页面交互和后端开发、部署问题，复杂功能组件仍然需要专业开发人员介入。

发明内容

本申请的目的在于，针对上述所提出的问题，提供了一种无代码Web开发系统，使用户可以不具备专业开发知识，无需编写程序代码，将PSD等格式的设计稿文件制作成具有交互操作和动态数据的显示、提交等较复杂功能的页面供访问者使用。

本申请的技术方案如下：

一种无代码Web开发系统，所述系统包括用户界面、文件处理模块、页面处理模块；

所述用户界面用于处理用户终端的输入输出，用户通过对用户界面的操作调用系统的功能；

所述文件处理模块用于将设计稿文件中的图层信息数据转换为页面处理模块所需的JSON格式页面元素数据；

所述页面处理模块用于将所述JSON格式页面元素数据转换生成浏览器可显示的文件格式的页面。

进一步的改进在于，所述系统还包括项目管理模块，所述项目管理模块用于管理项目数据的读取和存储。

进一步的改进在于，所述系统还包括页面托管服务，所述页面托管服务用于存放页面处理模块生成的页面和资源文件，提供URL给访问者访问。

进一步的改进在于，所述系统还包括业务中台，所述业务中台用于向所述页面处理模块提供动态数据的数据源接口定义，以及用于业务数据的新增、修改、查询、删除服务。

进一步的改进在于，所述页面处理模块还用于处理页面元素的事件绑定和动态数据的获取。