网页编辑方法、装置、系统以及计算机存储介质制造方法及图纸

本申请公开了一种网页编辑方法、装置、系统以及计算机存储介质，该网页编辑方法包括：接收元素选择指令，根据元素选择指令确定当前元素；接收图块编辑指令，根据图块编辑指令对当前元素进行编辑，生成目标元素；根据目标元素生成目标网页。通过本申请的方法，用户可通过设置网页编辑图块对选定的当前元素进行编辑得到生成网页的目标元素，省去编写代码的过程，操作简单易实现，降低网页编辑的门槛，且当前元素与图块编辑窗口一一对应，便于用户查看和修改目标元素的编辑信息，提高了网页编辑的灵活性和效率。

【技术实现步骤摘要】
网页编辑方法、装置、系统以及计算机存储介质
本申请涉及网页编程开发
，特别是涉及一种网页编辑方法、装置、系统以及计算机存储介质。
技术介绍
传统的网页编辑方法中，基本都是按照软件开发流程，需要网页编辑人员通过编写代码，测试代码，发布版本等步骤去实现。在整个过程中需要大量的代码编写以及代码调试，工作量大，网页编辑的效率低，且对于初学者来说，代码编写及调试过程就更为复杂，学习门槛较高。现有的部分H5应用制作工具用于网页编辑可以生成简单的静态网页，其操作虽然简单，但H5应用制作工具都是通过表单输入的方式实现网页编辑，这种网页编辑方式灵活性低，功能少，使用效率低，难以应用于较为复杂的网页设计。
技术实现思路
本申请提供一种网页编辑方法、装置、系统以及计算机存储介质，以解决现有技术中网页编辑方法编辑门槛高，编辑效率低，灵活性低的问题。第一方面，本申请提出一种网页编辑方法，所述网页编辑方法包括：接收元素选择指令，根据所述元素选择指令确定当前元素；接收图块编辑指令，根据所述图块编辑指令对所述当前元素进行编辑，生成目标元素；根据所述目标元素生成目标网页。第二方面，本申请提出一种网页编辑装置，所述网页编辑装置包括元素选择模块，用于接收元素选择指令，根据所述元素选择指令确定当前元素；元素编辑模块，用于接收图块编辑指令，根据所述图块编辑指令对所述当前元素进行编辑，生成目标元素；网页生成模块，用于根据所述目标元素生成目标网页。第三方面，本申请提出一种网页编辑系统，所述网页编辑系统包括存储器以及与所述存储器耦接的处理器；其中，所述存储器用于存储程序数据，所述处理器用于执行所述程序数据以实现如上述的网页编辑方法。第四方面，本申请提出一种计算机存储介质，所述计算机存储介质用于存储程序数据，所述程序数据在被处理器执行时，用以实现如上述的网页编辑方法。该网页编辑方法包括：接收元素选择指令，根据所述元素选择指令确定当前元素；接收图块编辑指令，根据所述图块编辑指令对所述当前元素进行编辑，生成目标元素；根据所述目标元素生成目标网页。本申请提供一种网页编辑方法、装置、系统以及计算机存储介质，通过接收元素选择指令，根据元素选择指令确定当前元素；接收图块编辑指令，根据图块编辑指令对当前元素进行编辑，生成目标元素；根据目标元素生成目标网页。通过本申请的方法，用户可通过设置网页编辑图块对选定的当前元素进行编辑得到生成网页的目标元素，省去编写代码的过程，操作简单易实现，降低网页编辑的门槛，且当前元素与图块编辑窗口一一对应，便于用户查看和修改目标元素的编辑信息，提高了网页编辑的灵活性和效率。附图说明为了更清楚地说明本申请实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。图1是本申请提供的网页编辑方法第一实施例的流程示意图；图2是本申请提供的网页编辑系统的显示界面的结构示意图；图3是本申请提供的网页编辑方法第二实施例的流程示意图；图4是本申请提供的网页编辑装置一实施例的结构示意图；图5是本申请提供的网页编辑系统一实施例的结构示意图；图6是本申请提供的计算机存储介质一实施例的结构示意图。具体实施方式下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅是本申请的一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。为了解决现有技术中网页编辑方法编辑门槛高，编辑效率低，灵活性低的问题，本申请提出了一种网页编辑方法，该网页编辑方法可以在浏览器或应用程序中运行，具体可以应用于一种网页编辑装置。其中，网页编辑装置可以为服务器，也可以为终端设备，还可以为由服务器和终端设备组合而成的系统。相应地，网页编辑装置包括多个模块，各个模块、子模块可以全部设置于服务器中，也可以全部设置于终端设备中，还可以分别设置于服务器和终端设备中。进一步地，上述服务器可以是硬件，也可以是软件。当服务器为硬件时，可以实现成多个服务器组成的分布式服务器集群，也可以实现成单个服务器。当服务器为软件时，可以实现成多个软件或软件模块，例如用来提供分布式服务器的软件或软件模块，也可以实现成单个软件或软件模块，在此不做具体限定。需要说明的是，在本申请的网页编辑方法描述中，统一以网页编辑装置作为执行主体。请参阅图1，图1是本申请提供的网页编辑方法第一实施例的流程示意图，该方法包括以下步骤：S101：接收元素选择指令，根据元素选择指令确定当前元素。用户使用浏览器或者应用程序打开网页编辑系统，网页编辑系统初始化，如图2所示，网页编辑系统的初始化显示界面包括元素列表窗口和图块编辑窗口。在具体的实施例中，根据具体网页设计的复杂程度，元素列表窗口中可以包括一个或多个元素，当元素列表窗口只有一个元素时，则确定该唯一元素为当前元素；当元素列表窗口有多个元素时，则需要选择其中一个元素作为当前元素进行编辑操作，具体地，当用户点击某一个元素时，即可生成元素选择指令，网页编辑装置接收该元素选择指令，根据该元素选择指令即可识别该元素，并将该元素确定为当前元素。S102：接收图块编辑指令，根据图块编辑指令对当前元素进行编辑，生成目标元素。当确定好当前元素后，网页编辑装置加载该当前元素的对应的图块编辑窗口，用户即可在图块编辑窗口对当前元素进行编辑。具体地，图块编辑窗口包括工具栏和编辑栏，工具栏中包括多种图块编辑控件，用户可直接点击任意图块编辑控件，并将其拖拽至编辑栏以生成对应的网页编辑图块，再通过设置网页编辑图块，从而实现对当前元素的编辑，生成目标元素。S103：根据目标元素生成目标网页。具体地，当网页的元素列表中的一个或多个元素完成编辑生成对应的目标元素后，网页编辑装置即可根据元素列表中的一个或者多个目标元素生成对应的目标网页。在一些实施例中，当用户点击预览或者运行按键时，即可产生网页生成指令，网页编辑装置接收网页生成指令，并将该目标网页传输到浏览器或者应用程序的显示窗口进行显示。当然，在其他实施例中，也可以设置实时显示的网页预览窗口，此时，用户可以不用点击预览或者运行按键，不需要产生网页生成指令，网页编辑装置自动根据一个或者多个目标元素生成对应的目标网页，并在网页预览窗口内实时显示。用户可以随时在编辑窗口对网页编辑对象进行修改操作，并在网页预览窗口上实时看到修改操作的效果，用户体验更佳。本申请实施例通过根据元素选择指令确定当前元素，根据图块编辑指令对当前元素进行编辑生成目标元素，再根据目标元素生成目标网页。通过本申请的方法，用户可通过设置网页编辑图块本文档来自技高网...

【技术保护点】
1.一种网页编辑方法，其特征在于，所述网页编辑方法包括：/n接收元素选择指令，根据所述元素选择指令确定当前元素；/n接收图块编辑指令，根据所述图块编辑指令对所述当前元素进行编辑，生成目标元素；/n根据所述目标元素生成目标网页。/n

【技术特征摘要】
1.一种网页编辑方法，其特征在于，所述网页编辑方法包括：
接收元素选择指令，根据所述元素选择指令确定当前元素；
接收图块编辑指令，根据所述图块编辑指令对所述当前元素进行编辑，生成目标元素；
根据所述目标元素生成目标网页。


2.根据权利要求1所述的网页编辑方法，其特征在于，所述网页编辑方法还包括：
接收元素创建指令，根据所述元素创建指令创建元素。


3.根据权利要求2所述的网页编辑方法，其特征在于，所述根据所述元素创建指令创建元素的步骤，包括：
根据所述元素创建指令确定父元素，并在所述父元素下创建一个子元素。


4.根据权利要求1所述的网页编辑方法，其特征在于，所述图块编辑指令包括图块调取指令和图块设置指令，所述接收图块编辑指令，根据所述图块编辑指令对所述当前元素进行编辑，生成目标元素的步骤包括：
接收所述图块调取指令，根据所述图块调取指令，调取对应的网页编辑图块控件以得到多个网页编辑图块；
接收所述图块设置指令，根据所述图块设置指令，确定所述多个网页编辑图块的编辑信息；
根据所述编辑信息对所述当前元素进行编辑，生成目标元素。


5.根据权利要求4所述的网页编辑方法，其特征在于，所述图块设置指令包括组合设置指令和参数设置指令，所述接收图块设置指令，根据所述图块设置指令，确定所述多个网页编辑图块的编辑信息的步骤，包括：
接收所述组合设置指令，根据所述组合设置指令，获取所述多个网页编辑图块的组合关系；
接收所述参数设置指令，根据所述参数设置指令，获取所述多个网页编辑图块的参数信息；
根据所述组合关系和所述参数...

【专利技术属性】
技术研发人员：吴香安，
申请(专利权)人：深圳市大富网络技术有限公司，
类型：发明
国别省市：广东;44