[发明专利]面向电商的无代码网页构建方法和装置

权利要求书

1.面向电商的无代码网页构建方法，其特征在于，包括如下步骤：

步骤1、获取所有网页组件；

步骤2、网页组件对编辑器输出数据结构，构建者根据需求选用网页组件组合，其中，构建者在选用网页组件时会产生一份深度拷贝的数据结构；

步骤3、通过可视化交互对步骤2获取的数据进行编辑和保存，构建者通过选用的网页组件组合产生具有交互反馈功能的页面数据，完成网页页面配置；

步骤4、通过对数据的解析和渲染，产生可触达用户的首页、功能页和落地页；

步骤5、通过社交平台、广告投放，将页面地址投放出去。

2.根据权利要求1所述的面向电商的无代码网页构建方法，其特征在于，步骤3中，还通过商品组件获取第三方电商平台的商品信息，进行商品展示和链接跳转的页面配置。

3.根据权利要求1所述的面向电商的无代码网页构建方法，其特征在于，步骤1中，网页组件包括系统自有组件和组件市场提供的组件。

4.根据权利要求2所述的面向电商的无代码网页构建方法，其特征在于，步骤2具体包括如下步骤：

步骤201、从数据库中获取所有的网页组件信息，每个网页组件都有标准数据结构，用于描述该网页组件信息，包括该网页组件的唯一标识id、类型type、样式style、配置信息setting；

步骤202、当构建者选取网页组件后，会对该网页组件的数据结构进行深度拷贝，同时产生一个新的id，用于表示当前位置的组件，并将拷贝数据插入用于展示网页组件顺序的数组中。

5.根据权利要求4所述的面向电商的无代码网页构建方法，其特征在于，步骤3中，通过商品组件获取第三方电商平台的商品信息，进行商品展示和链接跳转的页面配置具体包括如下步骤：

步骤A、输入商品源地址；

步骤B、商品组件根据源地址域名进行来源分析：若第三方电商平台支持api接口获取商品信息，则调用api获取；否则，模拟浏览器访问该商品源地址，从页面的html中分析出商品信息；

步骤C、将不同来源的商品信息统一成标准的数据结构，存储在setting中用于展示和链接跳转。

6.根据权利要求5所述的面向电商的无代码网页构建方法，其特征在于，步骤3中，通过可视化交互对步骤2获取的数据进行编辑时，修改会同步到步骤2中所述的数据结构中；通过拖拽可以调整组件与组件之间的关系，同时这种顺序关系会被同步到步骤2中的数组中。

7.面向电商的无代码网页构建装置，其特征在于，包括：

网页组件获取单元：用于获取所有网页组件；

组件编辑器：网页组件对编辑器输出数据结构，构建者根据需求选用网页组件组合，其中，构建者在选用网页组件时会产生一份深度拷贝的数据结构；

可视化编辑单元：通过可视化交互对组件编辑器获取的数据进行编辑和保存，构建者通过选用的网页组件组合产生具有交互反馈功能的页面数据，完成网页页面配置；

数据解析和渲染单元：通过对数据的解析和渲染，产生可触达用户的首页、功能页和落地页；

发布单元：通过社交平台、广告投放，将页面地址投放出去。

8.根据权利要求7所述的面向电商的无代码网页构建装置，其特征在于，还包括聚合多平台商品单元：通过商品组件获取第三方电商平台的商品信息，进行商品展示和链接跳转的页面配置。

9.根据权利要求8所述的面向电商的无代码网页构建装置，其特征在于，聚合多平台商品单元根据输入的商品源地址域名进行来源分析：若第三方电商平台支持api接口获取商品信息，则调用api获取；否则，模拟浏览器访问该商品源地址，从页面的html中分析出商品信息；最后，将不同来源的商品信息统一成标准的数据结构，存储在setting中用于展示和链接跳转。

10.根据权利要求7所述的面向电商的无代码网页构建装置，其特征在于，组件编辑器从数据库中获取所有的网页组件信息，每个网页组件都有标准数据结构，用于描述该网页组件信息，包括该网页组件的唯一标识id、类型type、样式style、配置信息setting；当构建者选取网页组件后，会对该网页组件的数据结构进行深度拷贝，同时产生一个新的id，用于表示当前位置的组件，并将拷贝数据插入用于展示网页组件顺序的数组中。