网页的生成方法、系统和计算机可读存储介质技术方案

本发明专利技术公开了一种网页的生成方法、系统和计算机可读存储介质，所述方法包括以下步骤：根据用户的编辑指令生成待编辑页面，待编辑页面包括页面显示区和页面编辑区；根据用户对页面编辑区的操作指令执行对应的编辑任务，并在页面显示区显示编辑更新后的页面内容；将页面显示区的页面内容对应的页面代码发送到服务器，以使服务器根据页面代码生成新的网页。从而实现了网页的可视化编辑，用户无需具备代码基础就能制作个性化的网页，大大简化了网页修改方式，解决了现有技术中没有代码基础就无法修改网页的技术问题。

Web Page Generation Method, System and Computer Readable Storage Media

The invention discloses a web page generation method, system and computer readable storage medium. The method comprises the following steps: generating an edited page according to the user's editing instructions, and the edited page includes a page display area and a page editing area; performing corresponding editing tasks according to the user's operation instructions for the page editing area, and displaying the updated edited pages in the page display area. Page content; send the page code corresponding to the page content of the page display area to the server so that the server can generate new pages according to the page code. Thus, the visual editing of web pages is realized. Users can make personalized web pages without having code base, which greatly simplifies the way of modifying web pages and solves the technical problem that web pages can not be modified without code base in the existing technology.

【技术实现步骤摘要】
网页的生成方法、系统和计算机可读存储介质
本专利技术涉及计算机
，尤其是涉及一种网页的生成方法、系统和计算机可读存储介质。
技术介绍
随着互联网的诞生和快速发展，网络已成为人们获取信息的重要途径，而网页则成为信息的重要载体。网页通常是由HTML(HypertextMarkupLanguage，超文本标记语言)代码构成的，而对网页进行修改则需要了解HTML代码，通过对网页上HTML代码的修改才可以实现对网页的修改。然而，在现实生活中，除了相关技术人员，大部分人都是不懂HTML代码的，但很多人又有修改网页的需求，比如电子商务中的卖家，经常需要维护和修改自己经营的店铺网页，但苦于现有的网页修改方式对非技术人员来说太过复杂，故只能放弃修改或者请相关技术人员修改。因此，如何简化网页修改方式，是当前亟需解决的技术问题。
技术实现思路
本专利技术实施例的主要目的在于提供一种网页的生成方法、系统和计算机可读存储介质，旨在简化网页修改方式，解决现有技术中没有代码基础就无法修改网页的技术问题。为达以上目的，一方面提出一种网页的生成方法，所述方法包括以下步骤：根据用户的编辑指令生成待编辑页面，所述待编辑页面包括页面显示区和页面编辑区；根据用户对所述页面编辑区的操作指令执行对应的编辑任务，并在所述页面显示区显示编辑更新后的页面内容；将所述页面显示区的页面内容对应的页面代码发送到服务器，以使所述服务器根据所述页面代码生成新的网页。可选地，所述页面编辑区包括卡片显示区和卡片候选区，所述操作指令包括新增卡片指令，所述根据用户对所述页面编辑区的操作指令执行对应的编辑任务的步骤包括：当检测到对所述卡片显示区的新增卡片指令时，在所述卡片候选区显示至少两个页面卡片供用户选择；将用户选择的页面卡片添加到所述卡片显示区，并为新添加的页面卡片生成唯一编码。可选地，所述为新添加的页面卡片生成唯一编码包括：当所述页面卡片被添加到所述卡片显示区时，获取鼠标的坐标值；侦测鼠标的坐标值的变化，当变化幅度大于或等于预设值时，获取当前的时间戳以及当前鼠标的坐标值；将所述当前鼠标的坐标值插入到所述时间戳中，作为所述新添加的页面卡片的唯一编码。可选地，所述将所述当前鼠标的坐标值插入到所述时间戳中包括：在所述时间戳的年与月和月与日之间插入所述坐标值的横坐标值，在所述时间戳的时与分和分与秒之间插入所述坐标值的纵坐标值；或者，在所述时间戳的年与月和月与日之间插入所述坐标值的纵坐标值，在所述时间戳的时与分和分与秒之间插入所述坐标值的横坐标值。可选地，所述页面编辑区还包括控件显示区和控件候选区，所述操作指令包括新增控件指令，所述根据用户对所述页面编辑区的操作指令执行对应的编辑任务的步骤包括：当检测到对所述控件显示区的新增控件指令时，在所述控件候选区显示至少两个控件供用户选择；将用户选择的控件添加到所述控件显示区，并为新添加的控件生成唯一编码。可选地，所述为新添加的控件生成唯一编码包括：当所述控件被添加到所述控件显示区时，获取鼠标的坐标值；侦测鼠标的坐标值的变化，当变化幅度大于或等于预设值时，获取当前的时间戳以及当前鼠标的坐标值；将所述当前鼠标的坐标值插入到所述时间戳中，作为所述新添加的控件的唯一编码。可选地，所述页面编辑区包括卡片显示区和控件显示区，所述根据用户的编辑指令生成待编辑页面包括：当接收到用户的编辑指令时，调用所述用户的网页模板，所述网页模板包括至少一个页面卡片，每个页面卡片包括至少一个控件；在所述卡片显示区显示所述网页模板的所有页面卡片，在所述控件显示区显示对应的页面卡片的所有控件，在所述页面显示区显示对应的页面卡片的页面内容。可选地，所述操作指令包括控件编辑指令，所述根据用户对所述页面编辑区的操作指令执行对应的编辑任务包括：当检测到对所述控件显示区中一个控件的操作指令时，根据所述操作指令更新所述控件对应的页面卡片的页面内容。可选地，所述将所述页面显示区的页面代码发送到服务器的步骤之后还包括：将所述页面显示区的页面内容对应的页面代码更新至所述用户的网页模板。另一方面提出一种网页的生成系统，所述系统包括存储器、处理器和至少一个被存储在所述存储器中并被配置为由所述处理器执行的应用程序，所述应用程序被配置为用于执行前述网页的生成方法。再一专利技术提出一种计算机可读存储介质，所述计算机可读存储介质上存储有网页的生成程序，所述网页的生成程序被处理器执行时，实现前述网页的生成方法的步骤。本专利技术实施例所提供的一种网页的生成方法，通过生成包括页面显示区和页面编辑区的待编辑页面，使得用户可以直接在页面编辑区进行相应的编辑操作，同时页面显示区实时显示出编辑更新后的页面内容，当编辑完成时则将页面代码发送到服务器生成新的网页，从而实现了网页的可视化编辑，用户无需具备代码基础就能制作个性化的网页，大大简化了网页修改方式，解决了现有技术中没有代码基础就无法修改网页的技术问题。附图说明图1是本专利技术网页的生成方法第一实施例的流程图；图2是本专利技术实施例中待编辑页面的示意图；图3是本专利技术实施例中待编辑页面的又一示意图；图4是本专利技术实施例中待编辑页面的又一示意图；图5是本专利技术实施例中待编辑页面的又一示意图；图6是本专利技术实施例中待编辑页面的又一示意图图7是本专利技术网页的生成方法第二实施例的流程图；图8是本专利技术网页的生成方法第三实施例的流程图。本专利技术目的的实现、功能特点及优点将结合实施例，参照附图做进一步说明。具体实施方式应当理解，此处所描述的具体实施例仅仅用以解释本专利技术，并不用于限定本专利技术。下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本专利技术的一部分实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本专利技术保护的范围。另外，在本专利技术中涉及“第一”、“第二”等的描述仅用于描述目的，而不能理解为指示或暗示其相对重要性或者隐含指明所指示的技术特征的数量。由此，限定有“第一”、“第二”的特征可以明示或者隐含地包括至少一个该特征。另外，各个实施例之间的技术方案可以相互结合，但是必须是以本领域普通技术人员能够实现为基础，当技术方案的结合出现相互矛盾或无法实现时应当认为这种技术方案的结合不存在，也不在本专利技术要求的保护范围之内。实施例一参见图1，提出本专利技术网页的生成方法第一实施例，所述方法包括以下步骤：S11、根据用户的编辑指令生成待编辑页面，该待编辑页面包括页面显示区和页面编辑区。本专利技术实施例中，当接收到用户的编辑指令时，可以调用预存的用户的网页模板，也可以调用预设的网页模板，还可以调用一个空白的网页，然后生成一个待编辑页面。网页模板一般包括至少一个页面卡片，每个页面卡片包括至少一个控件。待编辑页面包括页面显示区和页面编辑区，页面编辑区一般包括卡片显示区和控件显示区，卡片显示区用于显示页面卡片，控件显示区用于显示对应的页面卡片中的控件，页面显示区用于显示对应的页面卡片的页面内容。如图2所示，在一个待编辑页面中，卡片显示区显示了页面卡片1-页面卡片6共六个页面卡片，控件显示区显示了页面卡片1的四个控件，分别为控件1-控件4。可选地，页面编辑区还可以包括卡片候选区，卡片候选区用于显示至本文档来自技高网...

【技术保护点】
1.一种网页的生成方法，其特征在于，包括以下步骤：根据用户的编辑指令生成待编辑页面，所述待编辑页面包括页面显示区和页面编辑区；根据用户对所述页面编辑区的操作指令执行对应的编辑任务，并在所述页面显示区显示编辑更新后的页面内容；将所述页面显示区的页面内容对应的页面代码发送到服务器，以使所述服务器根据所述页面代码生成新的网页。

【技术特征摘要】
1.一种网页的生成方法，其特征在于，包括以下步骤：根据用户的编辑指令生成待编辑页面，所述待编辑页面包括页面显示区和页面编辑区；根据用户对所述页面编辑区的操作指令执行对应的编辑任务，并在所述页面显示区显示编辑更新后的页面内容；将所述页面显示区的页面内容对应的页面代码发送到服务器，以使所述服务器根据所述页面代码生成新的网页。2.根据权利要求1所述的网页的生成方法，其特征在于，所述页面编辑区包括卡片显示区和卡片候选区，所述操作指令包括新增卡片指令，所述根据用户对所述页面编辑区的操作指令执行对应的编辑任务的步骤包括：当检测到对所述卡片显示区的新增卡片指令时，在所述卡片候选区显示至少两个页面卡片供用户选择；将用户选择的页面卡片添加到所述卡片显示区，并为新添加的页面卡片生成唯一编码。3.根据权利要求2所述的网页的生成方法，其特征在于，所述为新添加的页面卡片生成唯一编码包括：当所述页面卡片被添加到所述卡片显示区时，获取鼠标的坐标值；侦测鼠标的坐标值的变化，当变化幅度大于或等于预设值时，获取当前的时间戳以及当前鼠标的坐标值；将所述当前鼠标的坐标值插入到所述时间戳中，作为所述新添加的页面卡片的唯一编码。4.根据权利要求3所述的网页的生成方法，其特征在于，所述将所述当前鼠标的坐标值插入到所述时间戳中包括：在所述时间戳的年与月和月与日之间插入所述坐标值的横坐标值，在所述时间戳的时与分和分与秒之间插入所述坐标值的纵坐标值；或者，在所述时间戳的年与月和月与日之间插入所述坐标值的纵坐标值，在所述时间戳的时与分和分与秒之间插入所述坐标值的横坐标值。5.根据权利要求2所述的网页的生成方法，其特征在于，所述页面编辑区还包括控件显示区和控件候选区，所述...

【专利技术属性】
技术研发人员：何丽文，朱天鹏，彭珊珊，杨煜东，潘祖红，阳衡峰，
申请(专利权)人：深圳店匠科技有限公司，
类型：发明
国别省市：广东,44