CN109213956A - 一种生成上线产品介绍单页的方法 - Google Patents

Abstract

本发明公开一种生成上线产品介绍单页的方法，在产品方或运营方有对应产品介绍页开发需求时，向服务器发出页面新建请求；服务器接受到用户产生请求后，将对应已设置字段及对应交互控件信息返回用户端；用户需选择需要生成的内容信息，并向服务器发出具体页面新建请求；服务器将对应可编辑字段及对应内容返回至用户端，同时实现网页信息实时保存；用户确定内容最终版本且无需修改后，向服务器发出具体页面生成请求；服务器按照对应规则进行检测，并实时生成与内容匹配页面。本发明满足产品与运营需求实现页面开发是大多数互联网公司的基本业务之一，上线效率高，覆盖信息全，且可以解决因网络波动而造成信息丢失的问题。

Description

一种生成上线产品介绍单页的方法

技术领域

本发明涉及网站日常运营技术领域，具体为一种生成上线产品介绍单页的方法。

背景技术

在网站日常运营过程中，网站运营方或产品方需要根据自身产品或运营目标，结合当下热点信息生成对应产品介绍页面或产品宣传页面。在页面上线后很容易会因为页面内容与信息有效性过期，需要对页面进行下线处理，设计编写这些页面的过程一般会占据较大人力成本与时间成本，但可复用性极低。

目前产品、运营方生成对应的页面，主要需要事先与开发人员沟通确定的规则，并在录入对应产品页面的时候需要按照约定的规则提供内容，以减少开发人员人力成本与时间成本的占用，同时实现快速上线的功能。但存在以下问题：

1）事先约定的规则变更成本较大，且不能满足产品方或运营方对内容灵活多变的需求；

2）产品介绍页内容暂时不能满足修改代码的功能，不能提供对网站SEO优化的支持；

3）现有产品无实时保存功能，因此在编辑页面过程中可能存在网络波动不稳定情况造成信息同步失败。

发明内容

针对上述问题，本发明的目的在于提供一种能够满足产品与运营需求实现页面开发是大多数互联网公司的基本业务之一，且上线效率高，覆盖信息全，且可以解决因网络波动而造成信息丢失问题的生成上线产品介绍单页的方法。技术方案如下：

一种生成上线产品介绍单页的方法，包括以下步骤：

步骤1：在产品方或运营方有对应产品介绍页开发需求时，向服务器发出页面新建请求；

步骤2：服务器接受到用户产生请求后，即将对应已设置字段及对应交互控件信息返回用户端；用户需选择需要生成的内容信息，并向服务器发出具体页面新建请求；

步骤3：根据用户选择的对应内容，服务器将对应可编辑字段及对应内容返回至用户端，并通过对信息编辑状态进行监听，将用户编辑内容实时存储至服务器缓存中实现网页信息实时保存；

步骤4：用户确定内容最终版本且无需修改后，向服务器发出具体页面生成请求；服务器按照对应规则进行检测，并实时生成与内容匹配页面。

进一步的，所述网页信息实时保存实现过程包括：

步骤a：当用户成功进入编辑状态时，页面中调用JavaScript中的onchange事件对需要编辑的文本框或交互样式进行监听；

步骤b：当onchange事件监听到文本框或交互样式的对应内容产生变更时，记录当前编辑状态时间；

步骤c：对比本次编辑时间与上次编辑时间过程是否超过t秒，若超过t秒则将文本框或交互样式中变更的内容存储至本地localstorage中；

步骤d：若因为网络波动或不稳定导致了对应的信息丢失，则自动读取本地localstorage中信息，以此实现网页信息实时保存功能。

本发明的有益效果是：本发明通过向网站运营方或产品方提供对应的生成工具，通过对页面中展示的内容进行模块化整理，同时将页面设计，前后端代码在线编辑以及控制页面上下线能力进行打包，提升网站运营方或产品方工作效率，减少人力成本与时间成本占用；满足产品与运营需求实现页面开发是大多数互联网公司的基本业务之一，上线效率高，覆盖信息全，且可以解决因网络波动而造成信息丢失的问题。

附图说明

图1为本发明生成上线产品介绍单页的方法的流程图。

图2为信息实时保存的流程图。

具体实施方式

下面结合附图和具体实施例对本发明做进一步详细说明。本发明根据网站运营方或产品方核心需求出发，通过将前后端页面上线过程需要人工干预转变为通过预先设计的模块进行编辑，并结合了产品介绍单页上线后对推广与搜索引擎优化的需求，实现了使用新型装置上线产品介绍单页上线的方法。

具体步骤如图1的流程图所示，步骤如下：

步骤1：在产品方或运营方有对应产品介绍页开发需求时，需先行登录产品介绍页管理后台，并通过点击“新建”按钮，向服务器发出页面新建请求。

步骤2：服务器接受到用户产生请求后，即将对应已设置字段及对应交互控件信息返回用户端，用户需选择需要生成的内容信息，并点击“下一步”，向服务器发出具体页面新建请求。

步骤3：根据用户选择的对应内容，服务器将对应可编辑字段及对应内容返回至用户端，并通过对信息编辑状态进行监听，将用户编辑内容实时存储至服务器缓存中，实现信息实时保存。具体实现过程如下：

1）当用户成功进入编辑状态时，页面中调用JavaScript中的onchange事件对需要编辑的文本框或交互样式进行监听；

2）当onchange事件监听到文本框或交互样式的对应内容产生变更时，记录当前编辑状态时间；

3）对比本次编辑时间与上次编辑时间过程是否超过5秒（5000毫秒），若超过5秒则将文本框或交互样式中变更的内容存储至本地localstorage中；

4）若因为网络波动或不稳定导致了对应的信息丢失，则自动读取本地localstorage中信息，以此实现网页信息实时保存功能。

步骤4：用户确定内容最终版本且无需修改后，点击“生成”按钮，向服务器发出具体页面生成请求，服务器按照对应规则进行检测，并实时生成与内容匹配页面。

本方法通过从产品方与运营方的需求出发，考虑到多文本，图片，交互样式的需求设计对应的后台模板；页面编辑过程中，服务器可以实现实时保存的功能，不会因为网络波动而产生信息丢失的问题。

Claims (2)

1.一种生成上线产品介绍单页的方法，其特征在于，包括以下步骤：

步骤1：在产品方或运营方有对应产品介绍页开发需求时，向服务器发出页面新建请求；

步骤2：服务器接受到用户产生请求后，即将对应已设置字段及对应交互控件信息返回用户端；用户需选择需要生成的内容信息，并向服务器发出具体页面新建请求；

步骤3：根据用户选择的对应内容，服务器将对应可编辑字段及对应内容返回至用户端，并通过对信息编辑状态进行监听，将用户编辑内容实时存储至服务器缓存中实现网页信息实时保存；

步骤4：用户确定内容最终版本且无需修改后，向服务器发出具体页面生成请求；服务器按照对应规则进行检测，并实时生成与内容匹配页面。

2.根据权利要求1所述的生成上线产品介绍单页的方法，其特征在于，所述网页信息实时保存实现过程包括：

步骤a：当用户成功进入编辑状态时，页面中调用JavaScript中的onchange事件对需要编辑的文本框或交互样式进行监听；

步骤b：当onchange事件监听到文本框或交互样式的对应内容产生变更时，记录当前编辑状态时间；

步骤c：对比本次编辑时间与上次编辑时间过程是否超过t秒，若超过t秒则将文本框或交互样式中变更的内容存储至本地localstorage中；

步骤d：若因为网络波动或不稳定导致了对应的信息丢失，则自动读取本地localstorage中信息，以此实现网页信息实时保存功能。