CN116991408B - 一种基于生成式ai的动态建站方法及系统 - Google Patents

Abstract

本发明提出了一种基于生成式AI的动态建站方法及系统。包括需求采集模块用于采集对Web网页的搭建需求并生成页面初始框架；页面搭建模块用于调整页面初始框架，在页面初始框架的基础上进行调整和搭建的过程；页面管理模块用于快速搜索、查看、管理已经保存和发布的Web页面；统计报表模块用于查看、统计和分析已发布web网站的线上访问情况。本发明用户可以根据自身需求自定义搭建网站，无需编写网页代码，从而大幅降低网页开发的难度，显著提高工作效率。其次，本发明引入了统计报表模块，通过全面的网站访问统计和深入的用户行为分析，网站所有者可以更好地了解他们的受众群体，从而制定更有效的市场策略和改进网站体验。

Description

一种基于生成式AI的动态建站方法及系统

技术领域

本发明涉及web开发研究技术领域，具体涉及一种基于生成式AI的动态建站方法及系统。

背景技术

电子商务网站的兴起加速了电子商务行业的发展，为传统零售业带来了巨大的变革和机遇。随着越来越多的消费者习惯在互联网上获取信息，电子商务市场不断扩大，为企业提供了全球范围内的销售渠道和更广阔的客户基础。然而，电子商务行业的快速发展也带来了一些挑战，例如如何快速且安全地迭代电子商务网站。目前，根据企业的性质，可以将企业分为两类：一类是非IT企业，大部分非IT企业可能没有自己的WEB研发团队，因此缺乏技术专业知识和经验。由于缺乏技术团队，非IT企业往往需要依赖第三方公司或开发团队来搭建和维护电商网站。这可能增加成本和沟通复杂性，并可能导致迭代过程中的延误。另一类是IT企业，这类企业通常拥有WEB开发团队，但在电商网站快速迭代的背景下，要满足市场需求可能需要大量的开发和测试人员。人才招聘和保留可能是一项挑战，尤其是在高竞争的行业中，招聘优秀的开发人员可能变得更加困难。在快速发展的电商行业，企业需要敏捷地做出决策，并灵活地管理项目和资源。缺乏经验和流程可能导致项目执行不畅，影响迭代的速度和质量。

现有的电子商务网站搭建方法虽然已经非常成熟和普遍应用，但仍存在一些弊端。传统的电子商务网站搭建通常涉及多个步骤，包括前端和后端开发、服务器部署、域名绑定等，整个过程较为复杂。同时，需要雇用专业开发团队和运维人员，增加了成本和维护开销。由于传统网站搭建需要经过多个步骤和团队的合作，项目的实施周期较长。在电商行业，时间至关重要，慢速的网站搭建过程可能导致商机的丧失。为了监测和分析用户行为，网站可能需要集成第三方埋点系统。这涉及到额外的集成和配置工作，也可能增加数据处理和解读的复杂性。

综上所述，传统的电子商务网站搭建方法虽然已经广泛应用，但仍存在一些弊端，包括复杂性、成本较高、时间消耗长、灵活性受限、依赖技术团队等。为了解决这些问题，可能需要考虑采用更先进、高效且用户友好的网站搭建技术

为了解决上述问题，现有申请号为202210476726 .7的中国专利文献，提出了一种低代码平台，该方法允许终端用户使用易于理解的可视化工具开发自己的应用程序，而不是传统的编写代码方式。构建业务流程、逻辑和数据模型等所需的功能，必要时还可以添加自己的代码。然而，根据描述，虽然这个方法提高了网页开发搭建的效率，但依旧需要编写部分代码，并且无法生成初始化页面框架。如果需要查看页面访问情况，需要手动继承第三方的埋点系统。

现有申请号为CN202110359234.5的中国专利文献，提出了一种无代码Web开发系统，该专利系统的构建包括用户界面、文件处理模块和页面处理模块。文件处理模块的主要功能是将设计稿文件中的图层信息数据转换为页面处理模块所需的JSON格式页面元素数据，而无需专业开发人员进行手动编码。这一创新的设计大幅提高了开发效率并降低了开发难度，使得非技术背景的用户也能轻松参与网页搭建，从而实现更快速的网站开发。然而，尽管该系统能够根据设计稿自动生成页面，但对于页面的修改需要再次提供修改后的设计稿。这可能降低了操作的实时性。这意味着，如果用户要频繁地修改页面，首先必须重新输出对应的设计稿，增加了中间环节，从而降低了网站的产出速度。这种依赖于设计稿的修改方式可能不够灵活，特别是在迭代过程中，频繁的输出和修改设计稿可能导致开发过程变得繁琐。

综上所述，现有技术仍然存在一些问题，因此，本申请提出一种基于生成式AI的动态建站方法和实现。

发明内容

为克服现有技术的不足，本发明提出一种基于生成式AI的动态建站方法及系统，通过采集用户需求，快速创建初始页面框架，再通过配置属性的方式精细化调整Web页面。系统中包含数据报表模块，通过埋点系统采集网页用户的行为进行汇总分析，并根据数据分析结果生成报表，报表页面以饼图、柱状图、折线图以及表格等直观的方式展现出来，用户结合图、表的直观的方式查看网站的表现情况，能够快速地查看网站经营情况，以便用户对网站做出及时的调整。

为实现上述目的，本发明提供一种基于生成式AI的动态建站系统，包括需求采集模块、页面搭建模块、页面管理模块和统计报表模块；

其中需求采集模块用于采集用户对web网站的搭建需求，并生成初始页面框架；

其中页面搭建模块用于用户搭建Web页面，在初始页面框架基础上进行物料拖动和配置，进行更精细化的页面调整；

其中页面管理模块用于管理所述Web页面，该管理包括搜索、查看和操作Web页面，所属操作Web页面包含点击查看页面详情、删除页面、发布已保存页面等；

其中统计报表模块用于统计和查看已发布web网站的线上访问情况，包括网页的访问量、页面滚动百分比和页面的点击量。

进一步地，所述页面搭建模块包括人机交互区，该人机交互区用于识别所述搭建需求或操作指令并生成初始页面框架或修改厨师页面框架。

进一步地，所述设置区还配备有AI搜图功能和AI绘图功能，提升页面创建效率。

进一步地，所述页面搭建模块还包括物料区和设置区，所述物料区包括物料，所述设置区用于为物料区中的物料配置属性，所述页面自定义搭建的过程包括拖拽物料和配置物料属性。

进一步地，所述统计报表模块包括埋点系统，该埋点系统用于采集网页的线上访问情况，并对该线上访问情况进行数据分析。

进一步地，所述数据分析结果使用图和表的形式进行展示。

一种基于生成式AI的动态建站方法，适用于上述所述的一种基于生成式AI的动态建站系统，包括以下步骤：

步骤S1：网站管理员在配置端通过需求采集模块以文本形式输入对web网站的搭建需求；

步骤S2：自然语言分析搭建需求并产出初始页面框架；

步骤S3：网站管理员通过配置端以初始页面框架为基础进行Web页面的搭建并保存；

步骤S4：网站管理员通过页面管理模块对步骤S3中的Web页面进行管理，管理包括搜索、查看、发布、删除指定的Web页面；

步骤S5：网站管理员通过统计报表模块统计和查看已发布Web页面的线上访问指标情况。

进一步地，步骤S3中Web页面搭建步骤如下：

步骤S31：当前选中web页面对应的数据均以数组的形式存储在浏览器内存中，且每一个物料都对应着数组中的一条数据；

步骤S32：网站管理员在配置端将物料区中的物料拖入，每个拖入的物料对应数组中的一条数据，且一一对应；

步骤S33：网站管理员在配置端拖动物料改变物料的顺序，则内存中对应物料的数据顺序也随之改变，即页面的变化驱动数据的变化；

步骤S34：页面渲染器监听到数组变化后根据新的缓存数组重新渲染页面，将实时的页面情况渲染到画布当中，即数据的变化体现在页面的变化中；

步骤S35：检查页面的展示内容并保存，web页面搭建完毕。

进一步地，统计报表模块基于一套埋点系统，埋点系统采集用户在网站的操作各种行为，并对该操作行为进行数据分析，具体步骤如下：

步骤S91：网站用户访问页面，则发生访问事件被作为上报信息上传至埋点系统，该上报信息为view事件；

步骤S92：网站用户进入页面，并在页面内浏览信息时，埋点系统会捕获滚动事件，并将这些滚动事件上报至埋点系统，该上报信息为scroll事件；

步骤S93：网站用户在页面内浏览信息时，若在页面中进行点击操作，则这一点击事件将被捕获并上报至埋点系统，该上报信息为click事件；

步骤S94：埋点系统获步骤S91-步骤S93的上报信息，并根据获取到的上报信息进行数据分析；

步骤S95：埋点系统根据上报数据进行数据整理和分析，生成网站访问情况报表。

进一步地，报表包括图和表。

与现有技术相比，本发明的优势和特点如下：

1.本发明提供了一种基于生成式AI的动态建站方法及系统，在创建页面之初，用户可以使用需求采集模块，以文本的形式输入网页需求，无需编写代码的情况快速创建页面初始框架，从而降低了开发难度，提高了工作效率。

2.本发明提供了一种基于生成式AI的动态建站方法及系统，用户通过页面搭建模块进行搭建的过程，可以使用该模块在页面初始框架基础上配置物料和元组建属性精细化调整页面，或者根据用户自定义需求在空白页面中拖入物料并配置属性，创建用户个性化页面，该过程全程没有代码编写工作量，只需要简单的拖拽、配置等操作即可完成工作。

3.本发明提供了一种基于生成式AI的动态建站方法及系统，用户通过页面搭建模块进行搭建的过程，通过人机交互区、物料区、设置区、画布区和操作区以及页面列表区的相互配合使用，无需用户修改代码即可实现，操作更加快速便捷。

4.本发明提供了一种基于生成式AI的动态建站方法及系统，在页面搭建模块的设置区中引入了AI绘图和AI搜图功能，实现了快速搜索和创建符合要求的图片素材，大大地提高了页面创建效率。

5.本发明提供了一种基于生成式AI的动态建站方法及系统，用户通过页面管理模块可以快速地搜索、查看和操作已保存和发布的Web页面。其中操作页面包括查看页面详情、删除页面、发布页面和设置页面属性。

6.本发明提供了一种基于生成式AI的动态建站方法及系统，用户在页面搭建模块中完成Web页面的自定义搭建后，可以通过统计报表模块，快速查看Web网站页面的线上访问情况。该报表数据为用户Web网站的优化提供了准确的数据。

附图说明

为了更清楚地说明本发明具体实施方式，下面将对具体实施方式或现有技术描述中所需要使用的附图作简单的介绍，值得注意的是，附图所示的具体实施方式仅为示例，可能不涵盖本发明的所有变种和具体实现。技术人员可以根据自己的专业知识和技术背景，基于附图和本发明的描述，进一步探索和开发其他可能的实施方式。

图1是Web网站搭建系统图；

图2是Web页面自定义搭建流程图；

图3是统计报表生成流程图。

具体实施方式

下面将结合附图、通过对本发明的优选实施方式的描述，更加清楚、完整地阐述本发明的技术方案。

实施例1

本发明提供的一种基于生成式AI的动态建站方法及系统，参照图1，包括需求采集模块、页面搭建模块、页面管理模块和统计报表模块；

其中需求采集模块用于网站管理员输入对web网站的搭建需求，根据需求自动生成网站的初始框架，该搭建需求为文本形式；

其中页面搭建模块用于网站管理员搭建Web页面，该Web页面搭建包括在自动生成的网站初始框架基础上精细化调整页面和用户在根据自定义需求向页面中拖入物料，创建用户的个性化页面的过程；

其中页面管理模块用于展示和操作已经保存和发布的Web页面，该操作搜索页面、查看页面、删除页面、发布已保存页面等；

其中统计报表模块用于统计和查看已发布web网站的线上访问情况，包括每个时间段，每个页面的访问量、每个页面的滚动率和每个页面的点击量；

该系统工作时，首先用户通过需求采集模块输入对web网站的搭建需求，并根据搭建需求生成初始页面框架，用户在初始页面框架中进行Web页面的物料顺序调整和物料属性的调整，接着用户通过页面管理模块对Web页面进行管理，最后用户通过统计报表模块统计查看已发布web网站的网页线上访问情况。

本实施例中用户通过需求采集模块输入文本形式的搭建需求，并通过自然语言分析将需求文本转化为页面初始框架对应的缓存数据，页面搭建模块包括人机交互区，该人机交互区将文本形式的搭建需求转化为机器指令，并根据该机器指令调整页面细节，用户也可在该初始页面框架中进行页面的自定义搭建，该自定义搭建的过程包括拖拽调整物料顺序和配置物料属性来修改初始页面，自定义搭建过程不需要用户编写代码，接着用户通过页面管理模块对页面进行管理，通过配置各页面之间的跳转关系生成完整的网站并发布，用户可以通过统计报表模块查看已发布网站的各页面在线上访问情况。

实施例2

本发明提供的一种基于生成式AI的动态建站方法及系统，基于实施例1，用户通过需求采集模块将网站的搭建需求输入系统后，会通过自然语言分析算法将需求文本转化为机器指令，系统再根据该机器指令生成初始页面框架，其中用户在初始页面框架中进行页面自定义搭建的过程包括用户在初始页面框架中通过修改物料属性精细化调整初始页面以及用户手动向画布区中拖入物料生成初始化页面框架。

页面搭建模块包括人机交互区、物料区、设置区、画布区和操作区以及页面列表区，具体如下：

其中人机交互区用于识别用户输入的文本指令，通过自然语言分析技术将文本形式的指令转化为机器指令，该机器指令对应系统页面的相应操作，系统执行操作后可以快速修改页面数据，修改的页面数据最终反映在画布区中；

其中，物料区是Web页面中需要展示的内容。它包含了所有可拖动的组件，用于配置页面。这些可拖动组件即为Web页面中所需的物料，包括文本、图片、图文、轮播、按钮、跑马灯、导航栏、搜索、视频和分割线。为了更精细地控制物料的展示形态，对物料中的展示模块进行了抽取，并按照最小展示单位命名为元组件。元组件包括文本元组件、按钮元组件和图片元组件。这些元组件是Web页面上展示的最小单位，所有的物料组件都由多个不同的元组件组成。上述物料被预置到物料区中，供用户进行操作。用户可以将物料从物料区拖拽到初始页面框架中，同时也可以在初始页面框架中拖动已添加的物料，以改变其位置。

其中，设置区用于为物料区中的物料配置属性。这些属性包括通用属性和特定属性。通用属性面向全部物料，包括物料布局、背景图、背景色、下边距、上边距、左边距、右边距等配置。特定属性针对特定物料，如轮播、跑马灯、视频组件等。跑马灯和轮播物料会配有自动滚动开关、滚动速度和滚动按钮配置；视频物料配备了视频速度和开始时间等相关配置。每个物料在物料区都配置了初始化效果，而属性配置是在初始化效果的基础上设置各种定制效果。此外，设置区还允许对物料区的每个元组件添加精细化配置。每个元组件都有默认的初始效果，但如果初始效果无法达到预期，用户可以根据具体需求对物料中的元组件属性进行精细化配置。这些精细化配置包括背景色、字体、字体色、字体大小、边框颜色、边框宽度、鼠标悬浮效果和动画等。另外，设置区为元组件中的图片配置区域配备了AI搜图功能和AI绘图功能。通过AI搜图和AI绘图，用户可以快速找到与其需求匹配的图片素材，从而提升图像配置的灵活性和效率。

其中画布区用于实时展示用户的配置出的web页面，用户向网页中拖入的物料、用户对物料的拖拽操作，以及对物料属性做出的配置和修改等操作都会实时体现在画布区中。用户在自定义配置页面的过程中，用户正在操作的物料、选中的物料以及物料中的元组件会被高亮展示，使用户更加直观和清晰地看到自己的操作。这种操作方式使得用户能够快速、便捷地进行编辑，实时地看到操作的结果，从而提升了用户体验。

其中操作区用于用户操作画布区中的Web页面，其中包括一系列操作按钮，如设备切换按钮、前进后退按钮、保存按钮、预览按钮和发布按钮。用户可以通过这些按钮来对Web页面进行不同操作。设备切换按钮允许用户在移动端和网页端之间切换预览页面，以便查看页面在不同设备上的显示效果。前进后退按钮让用户在搭建过程中可以轻松回退或前进到之前的操作状态，提供更好的页面编辑和调整体验。保存按钮允许用户将当前页面搭建进度保存，确保已完成的操作不会丢失，为用户提供更灵活的操作时间。预览按钮则提供了实时预览页面外观和交互效果的功能，用户随时可点击预览按钮查看页面在实际浏览器中的效果。最后，通过发布按钮，用户可以将已搭建完成并满足要求的Web页面正式发布到互联网，供用户访问和使用。这些操作按钮为用户提供了便捷和直观的方式，使用户可以轻松地管理和优化Web页面的搭建过程；

其中页面列表区用于展示用户全部已保存的页面，该页面列表包括各页面的名称和页面操作按钮，该页面操作按钮包括快速查看、修改、拷贝和删除，用户可以通过页面列表区查看所有已经保存的页面，并可以根据页面名称快速搜索对应页面，之后可以通过上述页面按钮对页面进行相应操作，例如点击删除可以删除当前所选页面。

本实施例中，用户在页面搭建模块中完成Web页面的自定义搭建后，可以通过页面管理模块对搭建的Web页面进行全面管理。通过这个模块，用户可以快速生成多个页面，并灵活配置页面之间的跳转关系，实现零代码快速生成活动页面、公司官网以及中小型系统。这种高度自定义的功能使得用户能够根据具体需求，快速构建适应不同场景的网站。随后，用户可以通过统计报表模块查看已发布Web网站的在线访问情况。该模块可以结合埋点系统的分析功能，为用户提供丰富的数据报表，解决了系统中的数据报表问题。用户可以从统计报表中获得关键数据和洞察，了解网站的访问量、用户行为、跳出率等指标，从而全面评估网站的运营状况和效果。这种集成了统计报表模块和埋点系统的设计，大大提升了用户对网站运营情况的洞察力和决策依据。用户不再需要额外接入第三方统计和分析工具，而是在系统内部就能够得到全面的数据支持。这一创新性的解决方案为用户提供了更便捷、高效的管理和优化手段，使得网站运营更加智能和精准。

实施例3

本发明提供的一种基于生成式AI的动态建站方法及系统，该方法基于人机交互的web网站搭建系统，上述方法步骤如下：

步骤S1：网站管理员在配置端通过需求采集模块以文本形式输入对web网站的搭建需求；

步骤S2：自然语言分析搭建需求并产出初始页面框架；

步骤S3：网站管理员通过配置端以初始页面框架为基础进行Web页面的搭建并保存；

步骤S4：网站管理员通过页面管理模块对步骤S3中的Web页面进行管理，管理包括搜索、查看、发布、删除指定的Web页面；

步骤S5：用户端通过统计报表模块统计查看已发布Web页面的线上访问情况。

在本实施例中，用户通过需求采集模块输入web网站的搭建需求，该搭建需求以文本形式表达，无法直接被计算机识别。为了识别文本形式的搭建需求，系统中引入了自然语言分析，它通过人机交互区将文本形式的搭建需求转化为机器指令，并根据该机器指令生成初始页面框架。用户可以在该初始页面框架中进行页面的自定义搭建，这个自定义搭建的过程包括拖拽和配置，从而生成新页面或修改初始页面。值得注意的是，自定义搭建过程无需用户修改代码，极大地降低了技术门槛，让用户能够更轻松地进行网站页面的定制。通过配置各页面之间的跳转关系，使得存在跳转关系的页面共同组成一个完整的网站。用户可以自由设定页面之间的链接和导航，实现网站的流程和逻辑控制。最后，用户可以发布满足要求的网站页面。发布后的网站将完整展示用户的定制内容，并可以在互联网上正常访问。

同时，用户还可以通过统计报表模块来统计和查看已发布网站中各页面的线上访问情况。这个模块可以追踪用户在网站上的行为，记录页面访问量、跳出率等关键指标，为用户提供直观的数据分析和网站表现情况。这有助于用户了解网站的运营状况，找到改进的空间，并做出相应的调整和优化

本实施例通过人工交互转化用户的搭建需求为机器指令，自动生成与用户需求一致的初始页面框架，无需专业研发人员编写和调试代码，操作简单高效。这一技术方案极大地提高了页面搭建效率，降低了搭建门槛，为更多的用户带来了便利和创新的机会。

实施例4

本发明提供的一种基于生成式AI的动态建站方法及系统，基于实施例3，基于人机交互初始化页面框架和自定义调整页面框架通过页面搭建模块实现，页面搭建模块包括人机交互区、物料区、设置区、画布区、操作区以及页面列表区，人机交互区通过自然语言分析技术将文本形式的需求转化为机器指令，并根据该机器指令生成初始页面框架后，用户再根据需求以初始化页面框架为基础在设置区中调整物料和元组建属性进行Web页面调整，参照图2，该搭建方法包括以下步骤：

首先，在人机交互区输入页面需求描述，自动生成初始页面框架；

然后，用户对初始页面框架进行判断，如果该初始页面框架符合要求，用户在该初始页面框架中基础上进行自定义调整；如果该初始页面框架不符合要求，则调整需求文案，重新生成初始化框架，或者手动拖入物料建立初始化框架；

接着，用户根据需求从物料区中选择符合需求的物料，将其拖入画布区并调整展示顺序；用户也可以通过人机交互的方式，即将新的修改需求输入到需求采集模块，通过人机交互区修改页面；

紧接着，用户根据需求对每个物料进行属性配置，例如适当的布局和背景色等；用户也可以通过人机交互的方式，将新的需求输入到需求采集模块，通过人机交互区修改页面；

紧接着，对物料区的每个元组件添加精细化配置，物料区的每个元组件都默认配置了初始的效果，如果初始效果无法达到预期，可再根据具体的需求精细化配置物料中的元组件属性，精细化配置包括元组件的背景、上下左右边距、链接属性等；用户也可以通过人机交互的方式，将新的需求输入到需求采集模块，通过人机交互区修改页面；

最后，用户的自定义Web页面搭建完成，用户可以点击切换终端按钮，查看不同终端下画布中的展示效果，如果不满足要求，则继续调整物料属性和元组建11属性，直到满足建站需求位置。如果满足要求，则保存或发布页面，之后可以通过页面管理模块快速搜索和管理已保存页面。

经过上述步骤，用户已经创建出多个Web网站页面，接下来通过元组件的链接属性配置各Web页面之间的跳转关系，具有跳转关系的Web网站生成完成，用户通过点击发布按钮对Web网站进行发布上线。当Web页面上线后，用户可以通过数据报表模块获取有关用户行为的重要指标和数据。这些指标可能包括网页访问量、用户停留时间、点击率、转化率以及其他关键的交互数据。数据报表模块将这些信息以直观的图表和表格形式呈现，使用户可以清晰地了解页面的表现和用户行为。

实施例5

本发明提供的一种基于生成式AI的动态建站方法及系统，基于实施例4，通过 AI绘图可以快速生成匹配用户需求的图片素材。

首先，人机交互区和图片元组件的设置区设有AI绘图的快速入口，点击入口按钮会从页面右侧划出AI绘图功能页面

然后，用户可以在功能页面左侧的选择绘制条件（包括生成图片类型，生成数量，宽高比，生成数量，图像风格等），同时用户可以在功能页面底部输入生成图片描述，并生成图片。

接着，页面中间的图片展示区域会展示本次AI绘制的所有图片，如果生成的图片不满足需求可以对单独的图片重新生成或者重新生成本次的所有结果

最后，如果找到满足需求的AI绘制图片，可以点击图片上的保存按钮，将图片保存到系统中以备后续使用或者勾选符合要求的图片之后点击确认按钮，直接使用该图片。

在所有配置图片的模块中引入了AI绘图和AI搜图功能，实现了快速搜索和创建符合要求的图片素材，大大的提高了页面创建效率。

实施例6

本发明提供的一种基于生成式AI的动态建站方法及系统，基于实施例5，用户在页面搭建模块中完成Web页面的自定义搭建后，用户可以通过统计报表模块统计和查看已发布web网站中页面的线上访问情况，参考图3，报表模块用于统计和展示网页的线上访问情况，并对线上访问情况进行数据分析，当页面上发生访问事件、滚动事件和点击事件时，会将相关信息上传至埋点系统，埋点系统根据采集到的相关信息进行数据分析，并将数据分析结果以图和表的形式在报表页面展现，具体方法如下：

首先，当用户访问web页面时，页面中会向埋点系统上报访问事件，该上报信息为view事件；

然后，用户进入页面后在页面内浏览信息，在浏览过程中做出滚动页面的操作会被上报至埋点系统，该上报信息为scroll事件；

接着，使用者在页面内浏览信息时点击页面跳转其他页面，则会向埋点系统上报点击事件，该上报信息为click事件；

紧接着，埋点系统根据获取到的view事件、scroll事件、click事件数据，分析生成数据报表信息展示在统计报表模块；参考表1，上述埋点系统获取的上报信息为埋点数据，该埋点数据均为纵表数据，纵表数据中的各项指标描述复杂不清晰；参考表2，统计报表模块基于表1一的数据，根据日期、页面等指标进行汇总生成横表数据并以图和表的形式进行展示；

表1

上述表1中各数据描述复杂不清晰，容易使得数据量杂乱，其中n为常数；

表2

上述表2中各数据根据事件汇总后清晰明了，其中n为常数；

最后，埋点系统根据数据分析结果生成报表。报表以图表的形式在报表页面展现，使得信息更加简洁易懂。用户访问报表页面即可获得访问者对页面的线上访问情况。

在本实施例中，访问者在Web页面中的每一个操作都会被上报给埋点系统，可细化到每个页面、每个时间段、每个物料区和每个元组件的表现情况。具体而言，每个页面被访问时的view事件、每个页面滚动时的scroll事件、每次点击信息以及每个新页面跳出时的click事件都会上报给埋点系统。上报的view事件包括页面标识，上报的scroll事件包括滚动百分比，上报的click事件包括页面标识、物料标识以及元组件标识。埋点系统根据获取到的各事件中的信息进行数据分析，将纵表数据根据事件汇总并整理成横表数据，以提高分析效率和数据清晰度。然后，根据数据分析结果生成报表，报表页面以饼图、柱状图、折线图以及表格等直观的方式展现。用户可以结合这些图表的直观方式查看网站的表现情况，从而快速了解网站经营情况，并及时作出必要的调整。通过这种细致的数据采集和可视化报表展示，企业可以更深入地了解用户在网站上的行为，掌握用户喜好和行为习惯。这种精确的数据分析有助于企业快速优化网站，提升用户体验，从而增加用户满意度和转化率。同时，通过及时的调整和改进，企业能更好地满足用户需求，保持竞争优势，并在竞争激烈的电商市场中脱颖而出。

上述具体实施方式仅仅对本发明的优选实施方式进行描述，而并非对本发明的保护范围进行限定。在不脱离本发明设计构思和精神范畴的前提下，本领域的普通技术人员根据本发明所提供的文字描述、附图对本发明的技术方案所作出的各种变形、替代和改进，均应属于本发明的保护范畴。本发明的保护范围由权利要求确定。

Claims (7)

1.一种基于生成式AI的动态建站方法，其特征在于，包括以下步骤：

步骤S1：网站管理员在配置端通过需求采集模块以文本形式输入对web网站的搭建需求；

步骤S2：自然语言分析搭建需求并产出初始页面框架；

步骤S3：网站管理员通过配置端以初始页面框架为基础进行Web页面的搭建并保存；Web页面搭建步骤如下：

步骤S31：当前选中web页面对应的数据均以数组的形式存储在浏览器内存中，且物料对应着数组中的数据；

步骤S32：网站管理员在配置端将物料区中的物料拖入，拖入的物料对应数组中的数据，且一一对应；

步骤S33：网站管理员在配置端拖动物料改变物料的顺序，则内存中对应物料的数据顺序也随之改变；

步骤S34：页面渲染器监听到数组变化后根据新的缓存数组重新渲染页面，将实时的页面情况渲染到画布当中；

步骤S35：检查页面的展示内容并保存，web页面搭建完成；

步骤S4：网站管理员通过页面管理模块对步骤S3中的Web页面进行管理，管理包括搜索、查看、发布、删除指定的Web页面；

步骤S5：网站管理员通过统计报表模块统计和查看已发布Web页面的线上访问指标情况；

埋点系统采集网页的线上访问情况，并对线上访问情况进行数据分析，具体步骤如下：

步骤S91：网站用户访问页面，则发生访问事件被作为上报信息上传至埋点系统，上报事件定义为view事件；

步骤S92：网站用户进入页面，并在页面内浏览信息时，埋点系统会捕获滚动事件，并将这些滚动事件上报至埋点系统，上报事件定义为scroll事件；

步骤S93：网站用户在页面内浏览信息时，若在页面中进行点击操作，则这一点击事件将被捕获并上报至埋点系统，上报事件定义为click事件；

步骤S94：埋点系统获步骤S91-步骤S93的上报信息，并根据获取到的上报信息进行数据分析；

步骤S95：埋点系统根据上报数据进行数据整理和分析，生成网站访问情况报表。

2.一种基于生成式AI的动态建站方法的系统，适用于权利要求1所述的一种基于生成式AI的动态建站方法，其特征在于，包括需求采集模块、页面搭建模块、页面管理模块和统计报表模块；

其中需求采集模块用于采集用户对web网站的搭建需求并生成页面初始框架；

其中页面搭建模块用于搭建Web页面，所述搭建Web页面包括根据用户需求手动搭建页面初始框架的过程和用户在初始页面框架中进行调整的过程；

其中页面管理模块用于管理Web页面，所述管理Web页面包括页面的搜索、查看、删除、发布操作；

其中统计报表模块用于统计和分析已发布web网站的线上访问情况，涵盖了页面的访问量、网页平均滚率数以及页面点击量。

3.根据权利要求2所述的一种基于生成式AI的动态建站方法的系统，其特征在于，需求采集模块包括对话采集框和AI智能回复框，用于人机交互生成页面初始框架。

4.根据权利要求2所述的一种基于生成式AI的动态建站方法的系统，其特征在于，页面搭建模块包括人机交互区、物料区、设置区、画布区和操作区。

5.根据权利要求4所述的一种基于生成式AI的动态建站方法的系统，其特征在于，所述人机交互区用于采集用户自然语言指令，所述物料区包括物料，所述设置区用于为当前选中的物料配置属性，所述画布区用于实时展示用户设计的页面，所述设置区配备有AI搜图功能和AI绘图功能。

6.根据权利要求2所述的一种基于生成式AI的动态建站方法的系统，其特征在于，统计报表模块包括埋点系统，用于自动追踪和记录用户在应用或网站中的各种行为和交互，并进行数据分析。

7.根据权利要求6所述的一种基于生成式AI的动态建站方法的系统，其特征在于，统计报表模块的展示页面以图和表形式进行展示。