CN112783495B - 页面事件的管理方法、装置、介质以及电子设备 - Google Patents
页面事件的管理方法、装置、介质以及电子设备 Download PDFInfo
- Publication number
- CN112783495B CN112783495B CN202110182824.5A CN202110182824A CN112783495B CN 112783495 B CN112783495 B CN 112783495B CN 202110182824 A CN202110182824 A CN 202110182824A CN 112783495 B CN112783495 B CN 112783495B
- Authority
- CN
- China
- Prior art keywords
- page
- file
- editable
- area
- editing
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
- 238000007726 management method Methods 0.000 title description 16
- 238000012545 processing Methods 0.000 claims abstract description 138
- 238000000034 method Methods 0.000 claims abstract description 90
- 238000010606 normalization Methods 0.000 claims abstract description 58
- 238000007906 compression Methods 0.000 claims abstract description 57
- 230000006835 compression Effects 0.000 claims abstract description 57
- 230000010354 integration Effects 0.000 claims abstract description 34
- 238000010276 construction Methods 0.000 claims abstract description 23
- 230000006837 decompression Effects 0.000 claims abstract description 16
- 230000008569 process Effects 0.000 claims description 30
- 238000004590 computer program Methods 0.000 claims description 9
- 238000007689 inspection Methods 0.000 abstract description 17
- 230000006870 function Effects 0.000 description 38
- 230000004048 modification Effects 0.000 description 35
- 238000012986 modification Methods 0.000 description 35
- 238000010586 diagram Methods 0.000 description 20
- 238000004891 communication Methods 0.000 description 13
- 238000003860 storage Methods 0.000 description 12
- 230000000694 effects Effects 0.000 description 11
- 230000000007 visual effect Effects 0.000 description 9
- 238000000605 extraction Methods 0.000 description 5
- 230000008520 organization Effects 0.000 description 5
- 238000012360 testing method Methods 0.000 description 5
- 230000009471 action Effects 0.000 description 4
- 230000003287 optical effect Effects 0.000 description 4
- 238000012795 verification Methods 0.000 description 4
- 238000011161 development Methods 0.000 description 3
- 229910052737 gold Inorganic materials 0.000 description 3
- 238000002372 labelling Methods 0.000 description 3
- 230000004044 response Effects 0.000 description 3
- VYZAMTAEIAYCRO-UHFFFAOYSA-N Chromium Chemical compound [Cr] VYZAMTAEIAYCRO-UHFFFAOYSA-N 0.000 description 2
- 241000252233 Cyprinus carpio Species 0.000 description 2
- 230000006978 adaptation Effects 0.000 description 2
- 238000013144 data compression Methods 0.000 description 2
- 238000013461 design Methods 0.000 description 2
- 238000001514 detection method Methods 0.000 description 2
- 239000004973 liquid crystal related substance Substances 0.000 description 2
- 230000000644 propagated effect Effects 0.000 description 2
- 239000004065 semiconductor Substances 0.000 description 2
- 238000013473 artificial intelligence Methods 0.000 description 1
- 239000005441 aurora Substances 0.000 description 1
- 238000004364 calculation method Methods 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 229910003460 diamond Inorganic materials 0.000 description 1
- 239000010432 diamond Substances 0.000 description 1
- 230000002708 enhancing effect Effects 0.000 description 1
- 239000000835 fiber Substances 0.000 description 1
- PCHJSUWPFVWCPO-UHFFFAOYSA-N gold Chemical compound [Au] PCHJSUWPFVWCPO-UHFFFAOYSA-N 0.000 description 1
- 239000010931 gold Substances 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 239000013307 optical fiber Substances 0.000 description 1
- 238000003825 pressing Methods 0.000 description 1
- 230000001960 triggered effect Effects 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Human Computer Interaction (AREA)
- Data Mining & Analysis (AREA)
- Document Processing Apparatus (AREA)
Abstract
本公开涉及互联网技术领域，提供了一种页面事件的管理方法、装置、介质以及电子设备。该方法包括：接收页面文件压缩包，并对页面文件压缩包进行文件目录规范性检查和源码路径规范性检查；对通过文件目录规范性检查和源码路径规范性检查的页面文件压缩包进行页面文件解压处理得到页面编辑文件；对页面编辑文件进行页面还原处理得到可编辑页面，并对页面编辑文件进行绑定区域识别处理和图文区域识别处理得到可编辑页面中的可编辑区域；响应作用于可编辑区域的页面编辑事件，对可编辑区域进行事件整合处理得到页面构建文件。本公开为非技术人员提供了整合页面事件和执行逻辑的入口，无需开发人员介入，提升了页面构建的准确度、效率和自动化程度。
Description
技术领域
本公开涉及互联网技术领域，具体而言，涉及一种页面事件的管理方法、页面事件的管理装置、计算机可读介质以及电子设备。
背景技术
随着互联网业务的飞速发展，网页功能越来越强大，按照网页功能所需构建的页面也越来越多。
通常开发人员会通过配置执行逻辑，并编写页面代码整合页面事件和执行逻辑以构建页面。但是这种方式并不适用于无代码能力的产品人员等非技术人员，而且整合关系复杂，错误率较高，且较为耗时。
鉴于此，本领域亟需开发一种新的页面事件的管理方法及装置。
需要说明的是，在上述背景技术部分公开的信息仅用于加强对本申请的技术背景的理解，因此可以包括不构成对本领域普通技术人员已知的现有技术的信息。
发明内容
本公开的目的在于提供一种页面事件的管理方法、页面事件的管理装置、计算机可读介质以及电子设备，进而至少在一定程度上克服页面事件错误率高和耗时的技术问题。
本公开的其他特性和优点将通过下面的详细描述变得显然，或部分地通过本公开的实践而习得。
根据本公开实施例的一个方面，提供一种页面事件的管理方法，该方法包括：
接收页面文件压缩包，并对所述页面文件压缩包进行文件目录规范性检查和源码路径规范性检查；
对通过所述文件目录规范性检查和所述源码路径规范性检查的所述页面文件压缩包进行页面文件解压处理得到页面编辑文件；
对所述页面编辑文件进行页面还原处理得到可编辑页面，并对所述页面编辑文件进行绑定区域识别处理和图文区域识别处理得到所述可编辑页面中的可编辑区域；
响应作用于所述可编辑区域的页面编辑事件，对所述可编辑区域进行事件整合处理得到页面构建文件。
根据本公开实施例的一个方面，提供一种页面事件的管理装置，该装置包括：
文件检查模块，被配置为接收页面文件压缩包，并对所述页面文件压缩包进行文件目录规范性检查和源码路径规范性检查；
文件解压处理，被配置为对通过所述文件目录规范性检查和所述源码路径规范性检查的所述页面文件压缩包进行页面文件解压处理得到页面编辑文件；
区域识别模块，被配置为对所述页面编辑文件进行页面还原处理得到可编辑页面，并对所述页面编辑文件进行绑定区域识别处理和图文区域识别处理得到所述可编辑页面中的可编辑区域；
事件整合模块，被配置为响应作用于所述可编辑区域的页面编辑事件，对所述可编辑区域进行事件整合处理得到页面构建文件。
在本公开的一些实施例中，基于以上技术方案，所述区域识别模块包括：绑定区域子模块，被配置为对所述页面编辑文件进行绑定区域识别处理得到所述可编辑页面中的绑定区域；
图文区域子模块，被配置为对所述页面编辑文件进行图文区域识别处理得到所述可编辑页面中的图文区域。
在本公开的一些实施例中，基于以上技术方案，所述绑定区域子模块包括：匹配处理单元，被配置为对所述页面编辑文件进行对象元素遍历处理确定所述可编辑页面的窗口对象元素，并对所述窗口对象元素以及与所述窗口对象元素对应的区域参数进行元素参数匹配处理得到参数匹配结果；
匹配结果单元，被配置为若所述参数匹配结果为所述窗口对象元素中包括所述区域参数，从所述可编辑页面中确定出与所述窗口对象元素对应的绑定区域。
在本公开的一些实施例中，基于以上技术方案，所述图文区域子模块，包括：查询处理单元，被配置为对所述页面编辑文件进行图文查询处理得到所述可编辑页面中的待标记区域，并对所述待标记区域进行图文标签创建处理得到标记标签；
标记处理单元，被配置为利用所述标记标签对所述待标记区域进行标签标记处理确定所述可编辑页面的图文区域。
在本公开的一些实施例中，基于以上技术方案，所述区域识别模块，包括：语言标签子模块，被配置为利用语言标签对所述页面编辑文件进行绑定区域识别处理和图文区域识别处理得到所述可编辑页面中的绑定区域和图文区域。
在本公开的一些实施例中，基于以上技术方案，所述事件整合模块，包括：整合处理子模块，被配置为对所述可编辑区域进行事件整合处理得到待构建文件；
提取处理子模块，被配置为按照所述待构建文件的属性信息对所述待构建文件进行文件属性提取处理得到页面构建文件。
在本公开的一些实施例中，基于以上技术方案，所述整合处理子模块，包括：关联处理单元，被配置为获取所述页面编辑事件的编辑内容信息，并对所述绑定区域与所述编辑内容信息进行事件关联处理得到待构建文件；
区域更新单元，被配置为获取与所述页面编辑事件对应的图文编辑信息，并利用所述图文编辑信息更新所述图文区域得到待构建文件。
根据本公开实施例的一个方面，提供一种计算机可读介质，其上存储有计算机程序，该计算机程序被处理器执行时实现如以上技术方案中的页面事件的管理方法。
根据本公开实施例的一个方面，提供一种电子设备，该电子设备包括：处理器；以及存储器，用于存储所述处理器的可执行指令；其中，所述处理器被配置为经由执行所述可执行指令来执行如以上技术方案中的页面事件的管理方法。
在本公开实施例提供的技术方案中，一方面，识别可编辑页面中的可编辑区域，为产品人员等非技术人员提供了整合页面事件和执行逻辑的操作入口，无需开发人员介入，降低了沟通成本和耗时；另一方面，通过事件整合处理得到页面构建文件，满足了产品人员等非技术人员的自主修改和配置的需求，降低了页面构建的成本，提升了页面构建的准确度、效率和自动化程度，也优化了非技术人员的操作体验。
应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本公开。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并与说明书一起用于解释本公开的原理。显而易见地，下面描述中的附图仅仅是本公开的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。在附图中：
图1示意性地示出了应用本公开技术方案的示例性系统的架构示意图；
图2示意性地示出了本公开的一些实施例中一种页面事件的管理方法的步骤流程图；
图3示意性地示出了在本公开的一些实施例中得到绑定区域和图文区域的方法的步骤流程图；
图4示意性地示出了在本公开的一些实施例中绑定区域识别处理的方法的步骤流程图；
图5示意性地示出了在本公开的一些实施例中图文区域识别处理的方法的步骤流程图；
图6示意性地示出了在本公开的一些实施例中得到页面构建文件的方法的步骤流程图；
图7示意性地示出了在本公开的一些实施例中事件整合处理的方法的步骤流程图；
图8示意性地示出了在本公开的一些实施例中页面事件的管理方法的的整体步骤流程图；
图9示意性地示出了在本公开些实施例在应用场景下的页面事件的管理方法的步骤流程图；
图10示意性地示出了在本公开的一些实施例中在应用场景下修改控件编辑区域的界面示意图；
图11示意性地示出了在本公开的一些实施例中在应用场景下识别转盘功能区域的界面示意图；
图12示意性地示出了在本公开的一些实施例中在应用场景下修改转盘功能区域的界面示意图；
图13示意性地示出了在本公开的一些实施例中在应用场景下修改文本区域的界面示意图；
图14示意性地示出了在本公开一些实施例中的一种页面事件的管理装置的结构框图；
图15示意性地示出了适于用来实现本公开实施例的电子设备的计算机系统的结构示意图。
具体实施方式
现在将参考附图更全面地描述示例实施方式。然而，示例实施方式能够以多种形式实施，且不应被理解为限于在此阐述的范例；相反，提供这些实施方式使得本公开将更加全面和完整，并将示例实施方式的构思全面地传达给本领域的技术人员。
此外，所描述的特征、结构或特性可以以任何合适的方式结合在一个或更多实施例中。在下面的描述中，提供许多具体细节从而给出对本公开的实施例的充分理解。然而，本领域技术人员将意识到，可以实践本公开的技术方案而没有特定细节中的一个或更多，或者可以采用其它的方法、组元、装置、步骤等。在其它情况下，不详细示出或描述公知方法、装置、实现或者操作以避免模糊本公开的各方面。
附图中所示的方框图仅仅是功能实体，不一定必须与物理上独立的实体相对应。即，可以采用软件形式来实现这些功能实体，或在一个或多个硬件模块或集成电路中实现这些功能实体，或在不同网络和/或处理器装置和/或微控制器装置中实现这些功能实体。
附图中所示的流程图仅是示例性说明，不是必须包括所有的内容和操作/步骤，也不是必须按所描述的顺序执行。例如，有的操作/步骤还可以分解，而有的操作/步骤可以合并或部分合并，因此实际执行的顺序有可能根据实际情况改变。
在本领域的相关技术中，目前页面的构建方式是通过开发人员根据需求文档配置执行逻辑，并生成该页面的白模板，然后通过编写代码的方式手动整合页面事件和执行逻辑。
其中，页面事件为点击页面上的功能按钮所触发的动作，例如领奖、抽奖、签到和兑换奖品等动作；执行逻辑为页面按钮被点击之后，发起网络请求，以执行一系列与用户数据相关的处理，亦即与页面事件对应的数据读写与逻辑计算等。
但是，这种手工整合代码的方式使得页面事件与执行逻辑的关系不直观，十分容易出错。并且，手工整合出的代码必须进行代码调试，极大地占用了开发人员的操作时间，同时会增加测试人员与开发人员之间的沟通耗时。
不仅如此，手工整合的门槛太高，不能满足无代码能力的产品人员的修改和整合需求，也无法实现产品自动化。
基于以上方案存在的问题，本公开提供了页面事件的管理方法、页面事件的管理装置、计算机可读介质以及电子设备。
图1示出了应用本公开技术方案的示例性系统架构示意图。
如图1所示，系统架构100可以包括终端110、网络120、服务器端130。其中，终端110和服务器端130通过网络120连接。
终端110可以是智能手机、平板电脑、笔记本电脑、台式计算机、智能音箱、智能手表等，但并不局限于此。网络120可以是能够在终端110和服务器端130之间提供通信链路的各种连接类型的通信介质，例如可以是有线通信链路、无线通信链路或者光纤电缆等等，本申请在此不做限制。服务器130可以是独立的物理服务器，也可以是多个物理服务器构成的服务器集群或者分布式系统，还可以是提供云服务、云数据库、云计算、云函数、云存储、网络服务、云通信、中间件服务、域名服务、安全服务、CDN、以及大数据和人工智能平台等基础云计算服务的云服务器。
具体地，终端110可以接收页面文件压缩包，并对页面文件压缩包进行文件目录规范性检查和源码路径规范性检查。然后，对通过文件目录规范性检查和源码路径规范性检查的页面文件压缩包进行页面文件解压处理得到页面编辑文件。进一步的，对页面编辑文件进行页面还原处理得到可编辑页面，并对页面编辑文件进行绑定区域识别处理和图文区域识别处理得到可编辑页面中的可编辑区域。最后，响应作用于可编辑区域的页面编辑事件，对可编辑区域进行事件整合处理得到页面构建文件。
另外，本公开实施例中的页面事件的管理方法可以应用于终端，也可以应用于服务器端，本公开对此不做特殊限定。本公开实施例主要以页面事件的管理方法应用于终端110来举例说明。
下面结合具体实施方式对本公开提供的页面事件的管理方法、页面事件的管理装置、计算机可读介质以及电子设备做出详细说明。
图2示意性地示出了本公开的一些实施例中页面事件的管理方法的步骤流程图，如图2所示，页面事件的管理方法主要可以包括以下步骤：
步骤S210.接收页面文件压缩包，并对页面文件压缩包进行文件目录规范性检查和源码路径规范性检查。
步骤S220.对通过文件目录规范性检查和源码路径规范性检查的页面文件压缩包进行页面文件解压处理得到页面编辑文件。
步骤S230.对页面编辑文件进行页面还原处理得到可编辑页面，并对页面编辑文件进行绑定区域识别处理和图文区域识别处理得到可编辑页面中的可编辑区域。
步骤S240.响应作用于可编辑区域的页面编辑事件，对可编辑区域进行事件整合处理得到页面构建文件。
在本公开的示例性实施例中，一方面，识别可编辑页面中的可编辑区域，为产品人员等非技术人员提供了整合页面事件和执行逻辑的操作入口，无需开发人员介入，降低了沟通成本和耗时；另一方面，通过事件整合处理得到页面构建文件，满足了产品人员等非技术人员的自主修改和配置的需求，降低了页面构建的成本，提升了页面构建的准确度、效率和自动化程度，也优化了非技术人员的操作体验。
下面对页面事件的管理方法的各个步骤进行详细说明。
在步骤S210中，接收页面文件压缩包，并对页面文件压缩包进行文件目录规范性检查和源码路径规范性检查。
在本公开的示例性实施例中，该页面文件压缩包可以是通过上传得到的Zip(数据压缩文件)格式的压缩包，也可以是其他格式的压缩包，本示例性实施例对此不做特殊限定。该Zip格式的压缩包可以是网页重构人员按照设计图构建完页面后产生的页面代码压缩成的，包含CSS(层叠样式表，Cascading Style Sheets)文件、JS(JavaScript)文件、HTML文件和图片等多媒体资源。
当接收到上传的Zip页面文件压缩包时，可以对该页面文件压缩包进行检验处理。该检验处理可以是合法性的检验处理，分别包括文件目录结构组织的文件目录规范性检查和源码文件引用路径的源码路径规范性检查。
具体的，由于该文件压缩包中存储有CSS文件、JS文件、HTML文件和图片等多媒体资源，因此，文件目录规范性检查是对各种文件的目录名称与标准目录的名称进行检查。
进一步的，源码路径规范性检查是对HTML的引用路径进行检查。例如，只有引用路径为绝对路径的才满足该检查要求，而相对路径的不能通过源码文件引用路径的检查。
除此之外，还可以包括对活动页面语法错误及脚本异常的检查，也可以通过Puppeteer对JS和CSS等文件进行语法等异常检查。其中，Puppeteer是Chrome开发团队在2017年发布的一个node.js包，用来模拟浏览器的运行。
在步骤S220中，对通过文件目录规范性检查和源码路径规范性检查的页面文件压缩包进行页面文件解压处理得到页面编辑文件。
在本公开的示例性实施例中，当页面文件压缩包可以通过文件目录结构组织的文件目录规范性检查和源码文件引用路径的源码路径规范性检查时，或者通过其他对活动页面语法错误及脚本异常的检查时，可以进一步获取到页面文件压缩包中的页面编辑文件。
具体的，对页面文件压缩包进行页面文件解压处理得到解压文件，并将解压文件分发到测试环境，同时将解压出来的解压文件中的HTML文件存储在redis(远程字典服务，Remote Dictionary Serve)中以得到页面编辑文件，也可以存储在其他部分，本示例性实施例对此不做特殊限定。
其中，页面编辑文件可以是文件压缩包中的超文本标记语言(Hyper Text MarkupLanguage，简称HTML)文件，也可以是其他类型的文件，本示例性实施例对此不做特殊限定。
从上传的页面文件压缩包中获取页面编辑文件，获取方式简单易操作，便于产品人员等非技术人员的使用，并且保证了页面编辑文件的准确性和标准性，对后续页面事件的管理提供了数据保证。
在步骤S230中，对页面编辑文件进行页面还原处理得到可编辑页面，并对页面编辑文件进行绑定区域识别处理和图文区域识别处理得到可编辑页面中的可编辑区域。
在本公开的示例性实施例中，在获取到页面编辑文件之后，可以对该页面编辑文件进行页面还原处理构建出可编辑页面。
具体的，将页面编辑文件载入iframe中，以还原出可编辑页面。其中，iframe是HTML的标签，作用是文档中的文档，或者是浮动的框架。iframe会创建一个文档的内联框架，以显示该可编辑页面。
利用iframe构建出可编辑页面规避了可编辑页面与终端的脚本及样式冲突问题，同时能够保证产品人员等非技术人员可视化的构建页面的操作体验和构建准确度。而可视化的操作可以为产品人员等非技术人员提供一种所见即所得的直观操作体验，优化了体验感受。
进一步的，对可编辑页面进行绑定区域识别处理和图文区域识别处理得到可编辑页面中的可编辑区域。其中，可编辑区域是可编辑页面中提供给产品人员等非技术人员能够可视化编辑的区域，分别包括绑定区域和图文区域。
在可选的实施例中，图3示出了得到绑定区域和图文区域的方法的步骤流程图，如图3所示，该方法至少包括以下步骤：在步骤S310中，对页面编辑文件进行绑定区域识别处理得到可编辑页面中的绑定区域。
在可选的实施例中，图4示出了绑定区域识别处理的方法的步骤流程图，如图4所示，该方法至少包括以下步骤：在步骤S410中，对页面编辑文件进行对象元素遍历处理确定可编辑页面的窗口对象元素，并对窗口对象元素以及与窗口对象元素对应的区域参数进行参数匹配处理得到参数匹配结果。
该窗口对象元素可以是Window(窗口)对象中的元素。其中，Window对象表示浏览器中打开的窗口。如果HTML文件包含框架(frame或iframe标签)，浏览器会为HTML文件创建一个Window对象，并为每个框架创建一个额外的Window对象。Window对象的属性frames.length存放数组frames[]中含有的元素个数。因此，Window对象中可以包括多个元素。
在多个元素中任选一个作为窗口对象元素。并且，还可以确定出转盘功能区域中对应的区域参数可以是contentid(转盘功能区域的ID(Identity document，唯一编码))、position(转盘功能区域的抽奖落点)、onClickRollEvent(转盘功能区域的抽奖开启方法)和onCompleteRollEvent(转盘功能区域的抽奖结束通知)等。在确定窗口对象元素和区域参数之后，可以对窗口对象元素和区域参数进行参数匹配处理以进一步确定可编辑页面中的绑定区域。
在步骤S420中，若参数匹配结果为窗口对象元素中包括区域参数，从可编辑页面中确定出与窗口对象元素对应的绑定区域。
在确定窗口元素以及转盘功能区域的区域参数之后，进一步判定已选择的窗口对象元素中是否包含contentid、position、onClickRollEvent和onCompleteRollEvent四个区域参数。
若该窗口元素中包含四个区域参数，确定该窗口元素对应的区域为可编辑页面中的绑定区域。举例而言，该绑定区域可以是转盘功能区域，亦即实现转盘功能的绑定区域。
值得说明的是，为确定该绑定区域，可以对Window对象中的元素进行遍历，直至确定出窗口对象元素中包含四个区域参数时，才确定出可编辑页面中的转盘功能区域等绑定区域。
在本示例性实施例中，通过区域参数和窗口对象元素确定出可编辑页面中的绑定区域区域，保证了绑定区域识别的准确性，也便于产品人员等非技术人员对绑定区域进行修改。
在步骤S320中，对页面编辑文件进行图文区域识别处理得到可编辑页面中的图文区域。
在可选的实施例中，图5示出了图文区域识别处理的方法的步骤流程图，如图5所示，该方法至少包括以下步骤：在步骤S510中，对页面编辑文件进行图文查询处理得到可编辑页面中的待标记区域，并对待标记区域进行图文标签创建处理得到标记标签。
由于HTML文档中所有内容都是节点，亦即整个文档是一个文档节点每个HTML元素是元素节点，HTML元素内的文本是文本节点，而每个HTML属性是属性节点，共同组成了一个文档树。
因此，可以遍历该文档树中的每一个节点，亦即页面编辑文件，确定出可编辑页面中的待标记区域。值得说明的是，该待标记区域的表现形式为对应的节点中没有HTML标签。
进一步，为将待标记区域标记起来，可以生成一自定义标记标签，例如tagPureText，也可以是其他标记标签，本示例性实施例对此不做特殊限定。
在步骤S520中，利用标记标签对待标记区域进行标签标记处理确定可编辑页面的图文区域。
通过标记标签可以将待标记区域标记起来得到图文区域。
举例而言，当待标记区域的页面编辑文件为<div><span>我是<strong>加粗</strong>标题</span></div>，在通过标记标签tagPureText标记该编辑文件之后，可以得到<div><span><tagPureText>我是</tagPureText><strong><tagPureText>加粗</tagPureText></strong><tagPureText>标题</tagPureText></span></div>样式的图文区域。
并且，图文区域的修改结果可以保存在标记标签tagPureText中，以在产品人员等非技术人员修改该图文标记区域时即可展现修改效果。
在本示例性实施例中，通过标记标签可以标记已识别出的待标记区域得到图文区域，以显示给产品人员等非技术人员可修改的图文区域，并且实时展示文本修改结果，便于产品人员等非技术人员实时查看修改效果。除此之外，还可以通过语言标签对页面编辑文件进行绑定区域识别处理和图文区域识别处理得到可编辑页面中的绑定区域和图文区域。
在可选的实施例中，利用语言标签对页面编辑文件进行绑定区域识别处理和图文区域识别处理得到可编辑页面中的绑定区域和图文区域。
其中，该语言标签可以包括链接语言标签和多媒体语言标签，也可以包括其他语言标签，本示例性实施例对此不做特殊限定。
链接语言标签是HTML文件中的语言标签，例如可以是A(或<a>或</a>)标签。A标签定义超链接，用于从一个页面链接到另一个页面。
因此，对于点击按钮等纯按钮的控件编辑区域可以通过A标签进行识别，以确定出可编辑页面中的控件编辑区域等绑定区域。除此之外，该绑定区域也可以是利用对应的链接语言标签进行识别，本示例性实施例对此不做特殊限定。
而多媒体语言标签也可以是HTML文件中的语言标签，例如img标签。img标签可以定义HTML页面中的图像。
因此，对于可以修改图片的多媒体编辑区域可以通过img标签进行识别。除此之外，其他图文区域也可以是其他语言标签进行识别，本示例性实施例对此不做特殊限定。
在本示例性实施例中，通过相应的语言标签可以识别出可编辑页面中的绑定区域和图文区域，识别方式简单准确，能够精准为产品人员等非技术人员提供准确的可编辑区域。
在步骤S240中，响应作用于可编辑区域的页面编辑事件，对可编辑区域进行事件整合处理得到页面构建文件。
在本公开的示例性实施例中，在识别出可编辑页面中的可编辑区域之后，产品人员等非技术人员可以可视化地进行可编辑页面的修改。
具体的，产品人员等非技术人员可以在可编辑区域作用一页面编辑事件，以实现对可编辑区域的事件整合处理得到页面构建文件。
其中，当可编辑区域为绑定区域时，页面编辑事件可以是触控事件，该触控事件可以是点击操作、滑动操作等操作事件；当可编辑区域为图文区域时，页面编辑事件可以是能够改变图文区域的上传事件、点击操作等事件，本示例性实施例对此不做特殊限定。
在可选的实施例中，图6示出了得到页面构建文件的方法的步骤流程图，如图6所示，该方法至少包括以下步骤：在步骤S610中，对可编辑区域进行事件整合处理得到待构建文件。
在可选的实施例中，可编辑区域包括绑定区域和图文区域，图7示出了事件整合处理的方法的步骤流程图，如图7所示，该方法至少包括以下步骤：在步骤S710中，获取页面编辑事件的编辑内容信息，并对绑定区域与编辑内容信息进行事件关联处理得到待构建文件。
该编辑内容信息为产品人员等非技术人员通过滑动操作等可视化操作方式关联给控件编辑区域等绑定区域的信息。
举例而言，该编辑内容信息包括今日登录游戏、今日进行一次排位等信息。
在产品人员等非技术人员进行可视化操作之后，可以将该可视化操作的编辑内容信息关联给对应的控件编辑区域，以实现对控件编辑区域的修改得到待构建文件。
该待构建文件中可以包含编辑内容信息以及编辑内容信息与控件编辑区域的关联关系等信息。除此之外，当绑定区域为转盘功能区域时，编辑内容信息还可以是与转盘功能区域对应的转盘奖励信息。
该转盘奖励信息可以是能够往转盘功能区域填入的奖励信息，例如虚拟金币、虚拟积分、虚拟挑战卡等信息。
产品人员等非技术人员将转盘奖励信息通过下拉表单的形式填入到对应的转盘功能区域中，以将转盘功能区域与转盘奖励信息关联起来得到待构建文件。
该待构建文件中可以包括转盘奖励信息以及转盘奖励信息与转盘功能区域的关联关系等信息。
在步骤S720中，获取与页面编辑事件对应的图文编辑信息，并利用图文编辑信息更新图文区域得到待构建文件。
该图文编辑信息可以是对图文区域进行更新的信息。其中，图文编辑信息可以包括目标多媒体和文本编辑信息，该目标多媒体可以是对多媒体编辑区域等图文区域进行更新的信息，而图文编辑信息可以是对文本区域等图文区域进行更新的信息。
具体的，该目标多媒体可以是对多媒体编辑区域原本的多媒体名称一样的多媒体资源，例如与原图片名称一样的目标图片。
进一步的，利用目标多媒体将多媒体编辑区域中的原多媒体进行替换得到更新后的与多媒体编辑区域对应的待构建文件。
该待构建文件中可以包含目标多媒体的路径信息、名称信息等内容。
而文本标记信息可以是产品人员等非技术人员在文本区域等图文区域填入的文本信息，也包括对填入的文本信息的颜色、文本大小等属性进行修改的信息。
进一步的，利用文本标记信息填入并显示在该文本区域等图文区域可以得到文本区域的待构建文件。该待构建文件中可以包括填入的文本内容以及文本内容的颜色和文本大小等属性信息。
在步骤S710和步骤S720中，可以通过节点属性的方式将事件整合处理中的编辑内容信息和图文编辑信息存储在页面编辑文件中得到待构建文件。
举例而言，对于A标签的节点属性的方式可以是通过A标签将例如控件编辑区域的绑定区域的对应数值连接起来，表征该数值对应的控件编辑区域的绑定区域。
因此，通过节点属性的方式可以将编辑内容信息和图文编辑信息等修改信息记录在页面编辑文件中得到待构建文件。
在本示例性实施例中，通过对控件编辑区域、多媒体编辑区域、文本区域和转盘功能区域等绑定区域和图文区域进行事件整合处理可以得到对应的待构建文件，为产品人员等非技术人员提供了可视化修改的技术支持，降低了页面修改的门槛且优化了非技术人员的操作体验。
在步骤S620中，按照待构建文件的属性信息对待构建文件进行文件属性提取处理得到页面构建文件。
在得到待构建文件之后，可以对待构建文件进行文件属性提取处理得到页面构建文件。
由于待构建文件是根据页面编辑文本和编辑内容信息和图文编辑信息等修改信息组成的，因此，待构建文件中包括JS文件、CSS文件和HTML文件三种。
因此，可以通过JS文本、CSS文件和HTML文件的属性信息确定出这三种文件作为页面构建文件。
值得说明的是，在生成页面构建文件时的HTML文件时，可以将标记标签剔除，以展示给产品人员等非技术人员较为简洁和无标记的页面。
在本示例性实施例中，按照属性信息生成与待构建文件对应的页面构建文件，对文件进行了自动化的整理，使得页面构建文件便于分发和同步，以及渲染页面。
为进一步说明各附图之间的关系，图8示出了漏洞数据的报送方法的整体步骤流程图，如图8所示，在步骤S801中，接收页面文件压缩包，并对页面文件压缩包进行文件目录规范性检查和源码路径规范性检查。
该页面文件压缩包可以是通过上传得到的Zip格式的压缩包，也可以是其他格式的压缩包，本示例性实施例对此不做特殊限定。该Zip格式的压缩包可以是网页重构人员按照设计图构建完页面后产生的页面代码压缩成的，包含CSS文件、JS文件、HTML文件和图片等多媒体资源。
当接收到上传的Zip页面文件压缩包时，可以对该页面文件压缩包进行检验处理。该检验处理可以是合法性的检验处理，分别包括文件目录结构组织的文件目录规范性检查和源码文件引用路径的源码路径规范性检查。
具体的，由于该文件压缩包中存储有CSS文件、JS文件、HTML文件和图片等多媒体资源，因此，文件目录规范性检查是对各种文件的目录名称与标准目录的名称进行检查。
进一步的，源码路径规范性检查是对HTML的引用路径进行检查。例如，只有引用路径为绝对路径的才满足该检查要求，而相对路径的不能通过源码文件引用路径的检查。
除此之外，还可以包括对活动页面语法错误及脚本异常的检查，也可以通过Puppeteer对JS和CSS等文件进行语法等异常检查。
在步骤S802中，对通过文件目录规范性检查和源码路径规范性检查的页面文件压缩包进行页面文件解压处理得到页面编辑文件。
具体的，对页面文件压缩包进行页面文件解压处理得到解压文件，并将解压文件分发到测试环境，同时将解压出来的解压文件中的HTML文件存储在redis(远程字典服务，Remote Dictionary Serve)中以得到页面编辑文件，也可以存储在其他部分，本示例性实施例对此不做特殊限定。
其中，页面编辑文件可以是文件压缩包中的超文本标记语言(Hyper Text MarkupLanguage，简称HTML)文件，也可以是其他类型的文件，本示例性实施例对此不做特殊限定。
在步骤S803中，对页面编辑文件进行页面还原处理得到可编辑页面。
具体的，将页面编辑文件载入iframe中，以还原出可编辑页面。其中，iframe是HTML的标签，作用是文档中的文档，或者是浮动的框架。iframe会创建一个文档的内联框架，以显示该可编辑页面。
在步骤S804中，对页面编辑文件进行图文查询处理得到可编辑页面中的待标记区域，并对待标记区域进行图文标签创建处理得到标记标签。
由于HTML文档中所有内容都是节点，亦即整个文档是一个文档节点每个HTML元素是元素节点，HTML元素内的文本是文本节点，而每个HTML属性是属性节点，共同组成了一个文档树。
因此，可以遍历该文档树中的每一个节点，亦即页面编辑文件，确定出可编辑页面中的待标记区域。值得说明的是，该待标记区域的表现形式为对应的节点中没有HTML标签。
进一步，为将待标记区域标记起来，可以生成一自定义标记标签，例如tagPureText，也可以是其他标记标签，本示例性实施例对此不做特殊限定。
在步骤S805中，利用标记标签对待标记区域进行标签标记处理确定可编辑页面的图文区域。
通过标记标签可以将待标记区域标记起来得到图文区域。
举例而言，当待标记区域的页面编辑文件为<div><span>我是<strong>加粗</strong>标题</span></div>，在通过标记标签tagPureText标记该编辑文件之后，可以得到<div><span><tagPureText>我是</tagPureText><strong><tagPureText>加粗</tagPureText></strong><tagPureText>标题</tagPureText></span></div>样式的图文区域。
并且，图文区域的修改结果可以保存在标记标签tagPureText中，以在产品人员等非技术人员修改该图文标记区域时即可展现修改效果。
在步骤S806中，获取与页面编辑事件对应的图文编辑信息，并利用图文编辑信息更新图文区域得到待构建文件。
该图文编辑信息可以是对图文区域进行更新的信息。其中，图文编辑信息可以包括目标多媒体和文本编辑信息，该目标多媒体可以是对多媒体编辑区域等图文区域进行更新的信息，而图文编辑信息可以是对文本区域等图文区域进行更新的信息。
具体的，该目标多媒体可以是对多媒体编辑区域原本的多媒体名称一样的多媒体资源，例如与原图片名称一样的目标图片。
进一步的，利用目标多媒体将多媒体编辑区域中的原多媒体进行替换得到更新后的与多媒体编辑区域对应的待构建文件。
在步骤S807中，对页面编辑文件进行对象元素遍历处理确定窗口对象元素，并进一步和区域参数进行元素参数匹配处理得到参数匹配结果。
该窗口对象元素可以是Window对象中的元素。其中，Window对象表示浏览器中打开的窗口。如果HTML文件包含框架，浏览器会为HTML文件创建一个Window对象，并为每个框架创建一个额外的Window对象。Window对象的属性frames.length存放数组frames[]中含有的元素个数。因此，Window对象中可以包括多个元素。
在多个元素中任选一个作为窗口对象元素。并且，还可以确定出转盘功能区域中对应的区域参数可以是contentid、position、onClickRollEvent和onCompleteRollEvent等。在确定窗口对象元素和区域参数之后，可以对窗口对象元素和区域参数进行参数匹配处理以进一步确定可编辑页面中的绑定区域。
在步骤S808中，若参数匹配结果为窗口对象元素中包括区域参数，从可编辑页面中确定出与窗口对象元素对应的绑定区域。
在确定窗口元素以及转盘功能区域的区域参数之后，进一步判定已选择的窗口对象元素中是否包含contentid、position、onClickRollEvent和onCompleteRollEvent四个区域参数。
若该窗口元素中包含四个区域参数，确定该窗口元素对应的区域为可编辑页面中的绑定区域。举例而言，该绑定区域可以是转盘功能区域，亦即实现转盘功能的绑定区域。
值得说明的是，为确定该绑定区域，可以对Window对象中的元素进行遍历，直至确定出窗口对象元素中包含四个区域参数时，才确定出可编辑页面中的转盘功能区域等绑定区域。
在步骤S809中，获取页面编辑事件的编辑内容信息，并对绑定区域与编辑内容信息进行事件关联处理得到待构建文件。
该编辑内容信息为产品人员等非技术人员通过滑动操作等可视化操作方式关联给控件编辑区域等绑定区域的信息。
举例而言，该编辑内容信息包括今日登录游戏、今日进行一次排位等信息。
在产品人员等非技术人员进行可视化操作之后，可以将该可视化操作的编辑内容信息关联给对应的控件编辑区域，以实现对控件编辑区域的修改得到待构建文件。
该待构建文件中可以包含编辑内容信息以及编辑内容信息与控件编辑区域的关联关系等信息。除此之外，当绑定区域为转盘功能区域时，编辑内容信息还可以是与转盘功能区域对应的转盘奖励信息。
该转盘奖励信息可以是能够往转盘功能区域填入的奖励信息，例如虚拟金币、虚拟积分、虚拟挑战卡等信息。
产品人员等非技术人员将转盘奖励信息通过下拉表单的形式填入到对应的转盘功能区域中，以将转盘功能区域与转盘奖励信息关联起来得到待构建文件。
该待构建文件中可以包括转盘奖励信息以及转盘奖励信息与转盘功能区域的关联关系等信息。
并且，步骤S804-步骤S806和步骤S807-步骤S809是两种不同的生成待构建文件的方式，可以并行执行。
在步骤S810中，按照待构建文件的属性信息对待构建文件进行文件属性提取处理得到页面构建文件。
由于待构建文件是根据页面编辑文本和编辑内容信息和图文编辑信息等修改信息组成的，因此，待构建文件中包括JS文件、CSS文件和HTML文件三种。
因此，可以通过JS文本、CSS文件和HTML文件的属性信息确定出这三种文件作为页面构建文件。
值得说明的是，在生成页面构建文件时的HTML文件时，可以将标记标签剔除，以展示给产品人员等非技术人员较为简洁和无标记的页面。
下面结合一具体应用场景对本公开实施例中提供的页面事件的管理方法做出详细说明。
图9示出了应用场景下的页面事件的管理方法的步骤流程图，如图9所示，在步骤S901中，重构包上传。
该重构包为页面文件压缩包，该页面文件压缩包可以是通过上传得到的Zip(数据压缩文件)格式的压缩包。
并且，该页面文件压缩包中存储有CSS文件、JS文件、HTML和图片等多媒体资源。
在步骤S902中，自动检测。
该自动检测可以是合法性的检验处理，分别包括文件目录结构组织的文件目录规范性检查和源码文件引用路径的源码路径规范性检查，以及对活动页面语法错误及脚本异常的检查。
由于该页面文件压缩包中存储有CSS文件、JS文件、HTML和图片等多媒体资源，因此，文件目录结构组织的文件目录规范性检查是对各种文件的目录名称与标准目录的名称进行检查。
进一步的，源码文件引用路径的源码路径规范性检查是对HTML的引用路径进行检查。
例如，只有引用路径为绝对路径的才满足该检查要求，而相对路径的不能通过源码文件引用路径的检查。
除此之外，还可以通过Puppeteer对JS和CSS等进行语法等异常检查。其中，Puppeteer是Chrome开发团队在2017年发布的一个node.js包，用来模拟浏览器的运行。
在步骤S903中，人工修改。
当文件压缩包未通过文件目录规范性检查和源码路径规范性检查等检验处理时，还可以人工对不合理之处进行修改，以进行进一步的上传和检测。
在步骤S904中，存入远程字典服务。
当页面文件压缩包通过文件目录规范性检查和源码路径规范性检查等检验处理时，对页面文件压缩包进行页面文件解压处理得到解压文件，并将解压文件分发到测试环境，同时将解压出来的解压文件中的HTML文件存储在redis，亦即远程字典服务中，以得到页面编辑文件。
在步骤S905中，载入视图区。
具体的，将页面编辑文件载入iframe中，对页面编辑文件进行页面还原处理以还原出可编辑页面。
其中，iframe是HTML的标签，作用是文档中的文档，或者是浮动的框架。
iframe会创建一个文档的内联框架，以显示该可编辑页面。
在步骤S906中，设置页面类型。
页面类型决定了利用页面构建文件构建出的页面的登录态处理。
由于预先定义登录区域的重构规范，并按照该重构规范重构页面的登录区域，使得页面能够自适应的处理多种登录方式的逻辑。
其中，多种登录方式包括至少两种应用程序的登录方式、以及内嵌登录方式和相关助手的登录方式等，也可以包括其他登录方式，本示例性实施例对此不做特殊限定。
并且，重构规范可以是将各种登录方式与标识信息之间的关联规范。当用户通过一种登录方式登录时，可以利用该标识信息显示对应的页面，以按照该页面的类型执行对应的登录逻辑和过程。
举例而言，应用程序的登录页面的类型为普通页面，内嵌登录方式的页面类型为内嵌页面，相关助手的登录页面的类型为原应用程序的页面类型，例如游戏助手的登录页面的类型为游戏页面类型。
因此，通过配置页面类型可以实现页面兼容多终端和多渠道的效果，并且可以支持各种登录方式的多种链接分享功能，也支持从原应用程序和对应的助手分享到其他应用程序的方式。
在步骤S907中，识别绑定区域。
该绑定区域包括控件编辑区域和转盘功能区域。
其中，控件编辑区域可以利用链接语言标签，例如A标签进行识别确定。
图10示出了应用场景下修改控件编辑区域的界面示意图，如图10所示，该修改控件编辑区域的界面为游戏抽奖活动的界面示意图。
在该游戏抽奖活动中，当产品人员等非技术人员点击控件时，可以在右侧显示与控件编辑区域对应的编辑内容信息，包括“今日登录游戏啊领奖”、“今日进行一次排位领奖”、“今日团竞5次爆头领奖”、“今日团竞霰弹枪10次…领奖”、“立即抽奖抽奖”、“抽锦鲤抽奖”、“抽钻石抽奖”和“抽巴雷特-极光抽奖”。
产品人员等非技术人员可以使用手指或者鼠标等触控介质将编辑内容信息通过滑动操作、点击操作或长按操作等方式将编辑内容信息设置到控件编辑区域，以将编辑内容信息与控件编辑区域进行关联实现对控件编辑区域的修改。
并且，还可以在添加编辑内容信息的控件编辑区域的右上角展示与编辑内容信息对应的活动逻辑名称，以展示给产品人员等非技术人员进行实时查看和修改。
而转盘功能区域可以通过窗口对象元素和转盘功能区域的区域参数确定。
图11示出了应用场景下识别转盘功能区域的方法的界面示意图，如图11所示，该界面是游戏活动页面中的抽奖转盘功能的界面。在确定转盘功能区域与对应的窗口对象的特征关系之后，可以按如下方式识别出转盘功能区域：
具体的，窗口对象所有元素为窗口对象元素，亦即Window对象中包括的多个元素。
该Window对象即为键值对(key-value)。因此，在多个元素中任选一个作为窗口对象元素，即可获取到该窗口对象元素的键(key)。并且，还可以确定出转盘功能区域中对应的区域参数可以是contentid、position、onClickRollEvent和onCompleteRollEvent。
在确定窗口元素以及转盘功能区域的区域参数之后，进一步判定已选择的窗口对象元素中是否包含contentid、position、onClickRollEvent和onCompleteRollEvent四个区域参数。
若该窗口元素中包含四个区域参数，确定该窗口元素对应的区域为可编辑页面中的转盘功能区域。
值得说明的是，为确定该转盘功能区域，可以对Window对象中的元素进行遍历，直至确定出窗口对象元素中包含四个区域参数时，才确定出可编辑页面中的转盘功能区域。
图12示出了应用场景下修改转盘功能区域的界面示意图，如图12所示，产品人员等非技术人员可以点击编辑转盘落点以在界面的右侧显示出多个转盘奖励信息，分别是“1号位万化币*50”、“2号位雷神之怒-觉醒(7天)”、“3号位幻影挑战卡*3”、“4号位巴雷特-极光抽永久”、“5号位抽锦鲤积分”、“6号位100点赏金令积分卡*1”、“7号位王者之骰惊喜礼盒*1”、“8号位抽88-1031钻”、“9号位手雷-万圣节(永久)”和“10号位M37-礼花(45天)”。
并且，在每个号位是下拉菜单的选择方式，因此可以通过该下拉菜单选择转盘功能区域中每个转盘落点与转盘奖励信息的对应关系，使得当玩家抽中对应奖励，亦即转盘光标落在对应转盘落点时显示对应的动画效果，并显示提示语。
进一步的，在添加了转盘奖励信息的转盘落点中以上边贴标的方式展示转盘奖励信息与转盘落点的对应关系，以便于产品人员等非技术人员实时查看和修改。
在步骤S908中，识别可改文图区。
可改文图区亦即图文区域，可以包括多媒体编辑区域和文本区域。
多媒体编辑区域可以利用利用多媒体语言标签进行区域识别处理确定得到。
多媒体语言标签也可以是HTML文件中的语言标签，例如img标签。
而文本区域可以是先利用页面编辑文件识别出来，并利用标记标签进行标记处理得到的。
具体的，由于HTML文档中所有内容都是节点，亦即整个文档是一个文档节点每个HTML元素是元素节点，HTML元素内的文本是文本节点，而每个HTML属性是属性节点，共同组成了一个文档树。
因此，可以遍历该文档树中的每一个节点，亦即页面编辑文件，确定出可编辑页面中的待标记区域。
值得说明的是，该待标记区域的表现形式为对应的节点中没有HTML标签。
进一步，为将待标记区域标记起来，可以生成一自定义标记标签，例如tagPureText。通过标记标签可以将待标记区域标记起来得到文本区域。
举例而言，当文本区域的页面编辑文件为<div><span>我是<strong>加粗</strong>标题</span></div>，在通过标记标签tagPureText标记该编辑文件之后，可以得到<div><span><tagPureText>我是</tagPureText><strong><tagPureText>加粗</tagPureText></strong><tagPureText>标题</tagPureText></span></div>。
并且，文本区域的修改结果可以保存在标记标签tagPureText中，以在产品人员等非技术人员修改该文本区域时即可展现修改效果。
值得说明的是，在生成页面构建文件时可以将该标记标签剔除。
在步骤S909中，拖拽绑定，并记录绑定关系，以及修改文图。
当产品人员等非技术人员对控件编辑区域和转盘功能区域使用鼠标这一触控介质进行拖拽等滑动操作或点击等其他操作进行修改时，可以通过mousedown事件、mouseup事件和mousemove事件的响应处理实现。
其中，mousedown事件是当鼠标指针移动到元素上方，并按下鼠标按键时发生的事件，mousedown事件仅需按键被按下，而不需要松开即可发生；mouseup事件是当在元素上松开鼠标按键时发生的；而当鼠标指针指定元素进行移动时，会发生mousemove事件。
对于产品人员等非技术人员对控件编辑区域、多媒体编辑区域、文本区域和转盘功能区域进行的修改得到待构建文件。
具体的，可以通过节点属性的方式将编辑内容信息和图文编辑信息修改信息存储在页面编辑文件中得到待构建文件。
举例而言，对于A标签的节点属性的方式可以是通过A标签将控件编辑区域对应的数值连接起来，表征该数值对应的控件编辑区域为控件编辑区域。因此，通过节点属性的方式可以将修改信息记录在页面编辑文件中得到待构建文件。
而对识别出的可改文图区进行修改可以是针对该多媒体编辑区域中的图片，例如CSS样式中的图片，可以通过批量上传的方式进行替换修改。
具体的，产品人员等非技术人员可以上传与想替换图片相同名称的目标多媒体，以完成图片替换。
图13示出了在应用场景下修改文本区域的界面示意图，如图13所示，当文本区域为“今日进行一次排位”时，可以点击该区域，以在界面右侧显示文案内容和文案颜色的选择区域。
进一步的，产品人员等非技术人员可以在文案内容处修改“今日进行一次排位”，也可以在文案颜色处修改文案内容的颜色。并且，该修改内容是可以实时展现的，当确定展示效果满足要求时，可以点击保存完成对文本区域的修改。
在步骤S910中，根据绑定关系生成功能脚本，并生成代码。
由于待构建文件是根据页面编辑文本和修改信息组成的，因此，待构建文件中包括JS文件、CSS文件和HTML文件三种。因此，可以通过JS文本、CSS文件和HTML文件的属性信息确定出这三种文件作为页面构建文件。
在步骤S911中，同步到测试环境中。
具体的，分发页面构建文件，以同步到测试环境及发布到正式环境中。
在步骤S912中，下载和人工修改。
当产品人员有额外的修改需求时，可以下载该存入redis的html文件或者是生成的页面构建文件进行修改。
基于以上应用场景可知，本公开实施例提供的页面事件的管理方法，一方面，识别可编辑页面中的可编辑区域，为产品人员等非技术人员提供了整合页面事件和执行逻辑的操作入口，无需开发人员介入，降低了沟通成本和耗时；另一方面，通过事件整合处理得到页面构建文件，满足了产品人员等非技术人员的自主修改和配置的需求，降低了页面构建的成本，提升了页面构建的准确度、效率和自动化程度，也优化了非技术人员的操作体验。
应当注意，尽管在附图中以特定顺序描述了本公开中方法的各个步骤，但是，这并非要求或者暗示必须按照该特定顺序来执行这些步骤，或是必须执行全部所示的步骤才能实现期望的结果。附加的或备选的，可以省略某些步骤，将多个步骤合并为一个步骤执行，以及/或者将一个步骤分解为多个步骤执行等。
以下介绍本公开的装置实施例，可以用于执行本公开上述实施例中的页面事件的管理方法。对于本公开装置实施例中未披露的细节，请参照本公开上述的页面事件的管理方法的实施例。
图14示意性地示出了在本公开一些实施例中的一种页面事件的管理装置的结构框图，如图14所示，页面事件的管理装置1400主要可以包括：文件检查模块1410、文件解压模块1420、区域识别模块1430和事件整合模块1440。
文件检查模块1410，被配置为接收页面文件压缩包，并对页面文件压缩包进行文件目录规范性检查和源码路径规范性检查；文件解压模块1420，被配置为对通过文件目录规范性检查和源码路径规范性检查的页面文件压缩包进行页面文件解压处理得到页面编辑文件；区域识别模块1430，被配置为对页面编辑文件进行页面还原处理得到可编辑页面，并对页面编辑文件进行绑定区域识别处理和图文区域识别处理得到可编辑页面中的可编辑区域；事件整合模块1440，被配置为响应作用于可编辑区域的页面编辑事件，对可编辑区域进行事件整合处理得到页面构建文件。
在本公开的一些实施例中，基于以上技术方案，所述区域识别模块包括：绑定区域子模块，被配置为对所述页面编辑文件进行绑定区域识别处理得到所述可编辑页面中的绑定区域；
图文区域子模块，被配置为对所述页面编辑文件进行图文区域识别处理得到所述可编辑页面中的图文区域。
在本公开的一些实施例中，绑定区域子模块包括：匹配处理单元，被配置为对页面编辑文件进行对象元素遍历处理确定可编辑页面的窗口对象元素，并对窗口对象元素以及与窗口对象元素对应的区域参数进行元素参数匹配处理得到参数匹配结果；
匹配结果单元，被配置为若参数匹配结果为窗口对象元素中包括区域参数，从可编辑页面中确定出与窗口对象元素对应的绑定区域。
在本公开的一些实施例中，图文区域子模块，包括：查询处理单元，被配置为对页面编辑文件进行图文查询处理得到可编辑页面中的待标记区域，并对待标记区域进行图文标签创建处理得到标记标签；
标记处理单元，被配置为利用标记标签对待标记区域进行标签标记处理确定可编辑页面的图文区域。
在本公开的一些实施例中，区域识别模块，包括：语言标签子模块，被配置为利用语言标签对页面编辑文件进行绑定区域识别处理和图文区域识别处理得到可编辑页面中的绑定区域和图文区域。
在本公开的一些实施例中，事件整合模块，包括：整合处理子模块，被配置为对可编辑区域进行事件整合处理得到待构建文件；
提取处理子模块，被配置为按照待构建文件的属性信息对待构建文件进行文件属性提取处理得到页面构建文件。
在本公开的一些实施例中，整合处理子模块，包括：关联处理单元，被配置为获取页面编辑事件的编辑内容信息，并对绑定区域与编辑内容信息进行事件关联处理得到待构建文件；
区域更新单元，被配置为获取与页面编辑事件对应的图文编辑信息，并利用图文编辑信息更新图文区域得到待构建文件。
本公开各实施例中提供的页面事件的管理装置的具体细节已经在对应的方法实施例中进行了详细的描述，因此此处不再赘述。
图15示出了适于用来实现本公开实施例的电子设备的计算机系统的结构示意图。
需要说明的是，图15示出的电子设备的计算机系统1500仅是一个示例，不应对本公开实施例的功能和使用范围带来任何限制。
如图15所示，计算机系统1500包括中央处理单元(Central Processing Unit，CPU)1501，其可以根据存储在只读存储器(Read-Only Memory，ROM)1502中的程序或者从储存部分1508加载到随机访问存储器(Random Access Memory，RAM)1503中的程序而执行各种适当的动作和处理。在RAM 1503中，还存储有系统操作所需的各种程序和数据。CPU1501、ROM 1502以及RAM 1503通过总线1504彼此相连。输入/输出(Input/Output，I/O)接口1505也连接至总线1504。
以下部件连接至I/O接口1505：包括键盘、鼠标等的输入部分1506；包括诸如阴极射线管(Cathode Ray Tube，CRT)、液晶显示器(Liquid Crystal Display，LCD)等以及扬声器等的输出部分1507；包括硬盘等的储存部分1508；以及包括诸如LAN(Local AreaNetwork，局域网)卡、调制解调器等的网络接口卡的通信部分1509。通信部分1509经由诸如因特网的网络执行通信处理。驱动器1510也根据需要连接至I/O接口1505。可拆卸介质1511，诸如磁盘、光盘、磁光盘、半导体存储器等等，根据需要安装在驱动器1510上，以便于从其上读出的计算机程序根据需要被安装入储存部分1508。
特别地，根据本公开的实施例，各个方法流程图中所描述的过程可以被实现为计算机软件程序。例如，本公开的实施例包括一种计算机程序产品，其包括承载在计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信部分1509从网络上被下载和安装，和/或从可拆卸介质1511被安装。在该计算机程序被中央处理单元(CPU)1501执行时，执行本申请的系统中限定的各种功能。
需要说明的是，本公开实施例所示的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(Erasable Programmable Read Only Memory，EPROM)、闪存、光纤、便携式紧凑磁盘只读存储器(Compact Disc Read-Only Memory，CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开中，计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：无线、有线等等，或者上述的任意合适的组合。
附图中的流程图和框图，图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，上述模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图或流程图中的每个方框、以及框图或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。
应当注意，尽管在上文详细描述中提及了用于动作执行的设备的若干模块或者单元，但是这种划分并非强制性的。实际上，根据本公开的实施方式，上文描述的两个或更多模块或者单元的特征和功能可以在一个模块或者单元中具体化。反之，上文描述的一个模块或者单元的特征和功能可以进一步划分为由多个模块或者单元来具体化。
通过以上的实施方式的描述，本领域的技术人员易于理解，这里描述的示例实施方式可以通过软件实现，也可以通过软件结合必要的硬件的方式来实现。因此，根据本公开实施方式的技术方案可以以软件产品的形式体现出来，该软件产品可以存储在一个非易失性存储介质(可以是CD-ROM，U盘，移动硬盘等)中或网络上，包括若干指令以使得一台计算设备(可以是个人计算机、服务器、触控终端、或者网络设备等)执行根据本公开实施方式的方法。
本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本公开的其它实施方案。本申请旨在涵盖本公开的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。
应当理解的是，本公开并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限制。
Claims (8)
1.一种页面事件的管理方法，其特征在于，所述方法包括：
接收页面文件压缩包，并对所述页面文件压缩包进行文件目录规范性检查和源码路径规范性检查；
对通过所述文件目录规范性检查和所述源码路径规范性检查的所述页面文件压缩包进行页面文件解压处理得到页面编辑文件；
对所述页面编辑文件进行页面还原处理得到可编辑页面，并对所述页面编辑文件进行绑定区域识别处理和图文区域识别处理得到所述可编辑页面中的可编辑区域；
响应作用于所述可编辑区域的页面编辑事件，对所述可编辑区域进行事件整合处理得到页面构建文件；
所述对所述页面编辑文件进行绑定区域识别处理和图文区域识别处理得到所述可编辑页面中的可编辑区域，包括：
对所述页面编辑文件进行对象元素遍历处理确定所述可编辑页面的窗口对象元素，并对所述窗口对象元素以及与所述窗口对象元素对应的区域参数进行元素参数匹配处理得到参数匹配结果；
若所述参数匹配结果为所述窗口对象元素中包括所述区域参数，从所述可编辑页面中确定出与所述窗口对象元素对应的绑定区域；
对所述页面编辑文件进行图文区域识别处理得到所述可编辑页面中的图文区域。
2.根据权利要求1所述的页面事件的管理方法，其特征在于，所述对所述页面编辑文件进行图文区域识别处理得到所述可编辑页面中的图文区域，包括：
对所述页面编辑文件进行图文查询处理得到所述可编辑页面中的待标记区域，并对所述待标记区域进行图文标签创建处理得到标记标签；
利用所述标记标签对所述待标记区域进行标签标记处理确定所述可编辑页面的图文区域。
3.根据权利要求1所述的页面事件的管理方法，其特征在于，所述对所述页面编辑文件进行绑定区域识别处理和图文区域识别处理得到所述可编辑页面中的可编辑区域，包括：
利用语言标签对所述页面编辑文件进行绑定区域识别处理和图文区域识别处理得到所述可编辑页面中的绑定区域和图文区域。
4.根据权利要求1所述的页面事件的管理方法，其特征在于，所述对所述可编辑区域进行事件整合处理得到页面构建文件，包括：
对所述可编辑区域进行事件整合处理得到待构建文件；
按照所述待构建文件的属性信息对所述待构建文件进行文件属性提取处理得到页面构建文件。
5.根据权利要求4所述的页面事件的管理方法，其特征在于，所述可编辑区域包括绑定区域和图文区域，
所述对所述可编辑区域进行事件整合处理得到待构建文件，包括：
获取所述页面编辑事件的编辑内容信息，并对所述绑定区域与所述编辑内容信息进行事件关联处理得到待构建文件；
获取与所述页面编辑事件对应的图文编辑信息，并利用所述图文编辑信息更新所述图文区域得到待构建文件。
6.一种页面事件的管理装置，其特征在于，所述装置包括：
文件检查模块，被配置为接收页面文件压缩包，并对所述页面文件压缩包进行文件目录规范性检查和源码路径规范性检查；
文件解压处理，被配置为对通过所述文件目录规范性检查和所述源码路径规范性检查的所述页面文件压缩包进行页面文件解压处理得到页面编辑文件；
区域识别模块，被配置为对所述页面编辑文件进行页面还原处理得到可编辑页面，并对所述页面编辑文件进行绑定区域识别处理和图文区域识别处理得到所述可编辑页面中的可编辑区域；
事件整合模块，被配置为响应作用于所述可编辑区域的页面编辑事件，对所述可编辑区域进行事件整合处理得到页面构建文件；
区域识别模块包括：
绑定区域子模块，绑定区域子模块包括：匹配处理单元，被配置为对页面编辑文件进行对象元素遍历处理确定可编辑页面的窗口对象元素，并对窗口对象元素以及与窗口对象元素对应的区域参数进行元素参数匹配处理得到参数匹配结果；匹配结果单元，被配置为若参数匹配结果为窗口对象元素中包括区域参数，从可编辑页面中确定出与窗口对象元素对应的绑定区域；
图文区域子模块，被配置为对所述页面编辑文件进行图文区域识别处理得到所述可编辑页面中的图文区域。
7.一种计算机可读介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现权利要求1至5中任一项所述的页面事件的管理方法。
8.一种电子设备，其特征在于，包括：
处理器；以及
存储器，用于存储所述处理器的可执行指令；
其中，所述处理器配置为经由执行所述可执行指令来执行权利要求1至5中任一项所述的页面事件的管理方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110182824.5A CN112783495B (zh) | 2021-02-07 | 2021-02-07 | 页面事件的管理方法、装置、介质以及电子设备 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110182824.5A CN112783495B (zh) | 2021-02-07 | 2021-02-07 | 页面事件的管理方法、装置、介质以及电子设备 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN112783495A CN112783495A (zh) | 2021-05-11 |
| CN112783495B true CN112783495B (zh) | 2023-10-31 |
Family
ID=75761429
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202110182824.5A Active CN112783495B (zh) | 2021-02-07 | 2021-02-07 | 页面事件的管理方法、装置、介质以及电子设备 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN112783495B (zh) |
Families Citing this family (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113934914B (zh) * | 2021-12-20 | 2022-03-01 | 成都橙视传媒科技股份公司 | 一种针对新闻媒体批量加密数据的采集方法 |
Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20130024452A1 (en) * | 2011-06-27 | 2013-01-24 | Defusco Scott A | System and method for managing projects |
| CN106293365A (zh) * | 2015-05-20 | 2017-01-04 | 广州爱九游信息技术有限公司 | 一种获取页面内容的方法及装置 |
-
2021
- 2021-02-07 CN CN202110182824.5A patent/CN112783495B/zh active Active
Patent Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20130024452A1 (en) * | 2011-06-27 | 2013-01-24 | Defusco Scott A | System and method for managing projects |
| CN106293365A (zh) * | 2015-05-20 | 2017-01-04 | 广州爱九游信息技术有限公司 | 一种获取页面内容的方法及装置 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN112783495A (zh) | 2021-05-11 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US10810365B2 (en) | Workflow system and method for creating, distributing and publishing content | |
| US9355081B2 (en) | Transforming HTML forms into mobile native forms | |
| CA2674659C (en) | Synchronous to asynchronous web page conversion | |
| US20150227276A1 (en) | Method and system for providing an interactive user guide on a webpage | |
| US8671389B1 (en) | Web application resource manager on the web and localizable components | |
| CN113158101B (zh) | 一种可视化页面渲染方法、装置、设备及存储介质 | |
| US20150154159A1 (en) | Identification of In-Context Resources that are not Fully Localized | |
| CN111813403A (zh) | 大屏数据可视化开发中拖拽组件数据管理的方法和装置 | |
| US20150161160A1 (en) | Application Localization | |
| US10282398B1 (en) | Editing tool for domain-specific objects with reference variables corresponding to preceding pages | |
| US20110035433A1 (en) | Webpage display method, computer system, and program | |
| CN112783495B (zh) | 页面事件的管理方法、装置、介质以及电子设备 | |
| US20160275063A1 (en) | Transforming html forms into mobile native forms | |
| CN113419711A (zh) | 页面引导方法、装置、电子设备及存储介质 | |
| CN116009863B (zh) | 前端页面渲染方法、设备及存储介质 | |
| US11126410B2 (en) | Method and apparatus for building pages, apparatus and non-volatile computer storage medium | |
| CN115905759A (zh) | 一种无障碍网页生成方法、装置、介质和设备 | |
| CN108664511B (zh) | 获取网页信息方法和装置 | |
| CN111916164B (zh) | 用于临床研究中的中心启动调研系统的实现方法和装置 | |
| CN113849257A (zh) | 页面处理方法、装置、介质及电子设备 | |
| CN113779469A (zh) | 网站页面修改方法及装置、电子设备、存储介质 | |
| CN113779952B (zh) | 文本处理方法、装置和电子设备 | |
| Nadhani et al. | FusionCharts Beginner's Guide: The Official Guide for FusionCharts Suite | |
| CN111367515B (zh) | 页面卡片的开发方法、装置、计算设备和存储介质 | |
| CN111061971B (zh) | 用于抽取信息的方法和装置 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| REG | Reference to a national code |
Ref country code: HK Ref legal event code: DE Ref document number: 40048763 Country of ref document: HK |
|
| GR01 | Patent grant | ||
| GR01 | Patent grant |