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

权利要求书

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

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

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

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

2.根据权利要求1所述的一种无代码Web开发系统，其特征在于，所述系统还包括项目管理模块，所述项目管理模块用于管理项目数据的读取和存储。

3.根据权利要求1所述的一种无代码Web开发系统，其特征在于，所述系统还包括页面托管服务，所述页面托管服务用于存放页面处理模块生成的页面和资源文件，提供URL给访问者访问。

4.根据权利要求1所述的一种无代码Web开发系统，其特征在于，所述系统还包括业务中台，所述业务中台用于向所述页面处理模块提供动态数据的数据源接口定义，以及用于业务数据的新增、修改、查询、删除服务。

5.根据权利要求1所述的一种无代码Web开发系统，其特征在于，所述页面处理模块还用于处理页面元素的事件绑定和动态数据的获取。

6.根据权利要求1所述的一种无代码Web开发系统，其特征在于，所述页面元素包括页面、布局、区块；所述页面包含至少一个布局；所述布局包含至少一个区块或者包含至少另外一个布局；所述区块为最小的可配置单元。

7.根据权利要求6所述的一种无代码Web开发系统，其特征在于，所述页面、布局和区块具有样式配置和交互配置；所述布局具有布局方式配置；所述区块具有数据配置和内容配置。

8.根据权利要求7所述的一种无代码Web开发系统，其特征在于，配置包含至少一个字段，字段由系统预先设计，字段的值由系统自动设置或用户通过选择或输入设置。

9.根据权利要求1所述的一种无代码Web开发系统，其特征在于，所述文件处理模块将设计稿文件中的图层信息数据转换为页面处理模块所需的JSON格式页面元素数据的具体过程为：

遍历设计稿文件的图层信息数据；

每个节点对应一个页面元素，获取每个节点的宽度、高度、X轴偏移量、Y轴偏移量、Z轴偏移量、图像、富文本数据，将其转化为对应页面元素的宽度、高度、X轴偏移量、Y轴偏移量、Z轴偏移量、图像、富文本数据；

每个节点写入预设字段，所述预设字段的值由用户通过用户界面预设置；保持原结构不变，得到一个存储页面元素信息的JSON格式页面元素数据。

10.根据权利要求1或9所述的一种无代码Web开发系统，其特征在于所述页面处理模块将所述JSON格式页面元素数据转换生成浏览器可显示的文件格式的页面具体过程为：

遍历所述JSON格式页面元素数据，将节点按预设规则逐个转化为HTML代码和CSS代码；

在HTML代码尾部追加SCRIPT标签用于注入脚本代码；

将注入脚本代码后的HTML代码注入一个标准HTML模板文件中，转换过程完成。