所见即所得的内容管理方法
【技术领域】
[0001]本发明涉及网络通信领域，具体是所见即所得的内容管理方法。
【背景技术】
[0002]随着国际互联网的迅速发展，随着互联网络技术的不断发展，网络的普及程度越来越高，而网站作为互联网的主要内容供应者也得到了长足的发展。网站不再仅仅是内容提供商的服务平台，越来越多的企业甚至个人都推出了自有网站。除了传统的企事业单位以外，个体工商户、个体从业者、自由职业者也都需要建设自己网站，把它作为一个展示、宣传的途径和渠道。而建设一个网站，则需要网站拥有者提供域名、网站空间、ip地址、网站主机和网页等内容。要么委托专业的网络公司来制作网站，一般的企业或者个人仅凭借自身的力量往往很难达成制作自有网站目的，不得不花费高昂的代价聘请专业的网站制作单位进行制作，而且以这种模式制作的网站由于沟通上的问题往往不能完全满足所有对网站的全部预期。且使用者在编辑、维护自己的网站及网页内容时，无法实时看到最终的效果。只能在编辑结束后，通过‘预览’功能或者通过登录网站，才能看到最终的网站显示效果。其编辑过程既不直观，又繁琐，还常常发生‘最终效果与预期效果不一致，的情况，往往需要反复调整，使得网站的编辑、维护时间浪费许多，维护成本大大增加。
【发明内容】
[0003]本发明的目的在于提供减少编辑和维护的次数、提高工作效率，降低维护成本的所见即所得的内容管理方法，以解决上述【背景技术】中提出的问题。
[0004]为实现上述目的，本发明提供如下技术方案:
所见即所得的内容管理方法，包括以下步骤:
1)所见即所得的编辑模式:将浏览器页面上所有元素设置为所见即所得的编辑模式；
2)动态数据静态化的过程包括后台实现过程与前台实现过程，
后台实现过程:
第一步:监测所有的浏览器元素，找到配置有属性cms-opt1ns的元素；
第二步:监测用户是否为管理员，如果用户是管理员，则进行下一步，如果用户不是管理员，则结束；
第三步:给属性cms-opt1ns的元素绑定点击事件；
第四步:点击属性cms-opt1ns的元素，根据配置生成编辑框，代替原有的内容；
第五步:点击保存按钮，将输入的内容保存至后台；
前台实现过程:
第一步:监测所有的浏览器元素，找到配置有属性cms-opt1ns的元素；
第二步:根据cms-opt1ns配置信息，从动态数据中获取对应的数据；
第三步:使用前端MVC框架渲染当前元素。
[0005]作为本发明进一步的方案:前端MVC框架具有标准化Model以及可编程的View和Controller。
[0006]与现有技术相比，本发明的有益效果是:
本发明可以让前端工程师完成网站制作，只用专注前端设计。交付的后台方便客户维护，所见即所得的维护模式，可直观、快速的编辑用户界面，减少了编辑和维护的次数，提高了工作效率，降低了维护成本。
【具体实施方式】
[0007]下面将结合本发明实施例，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
[0008]实施例1
本发明实施例中，所见即所得的内容管理方法，包括以下步骤:
1)所见即所得的编辑模式:将浏览器页面上所有元素设置为所见即所得的编辑模式。
[0009]2)采用流行的前端MVC框架，前端MVC框架具有标准化Model以及可编程的View和Controller。
[0010]3)动态数据静态化的过程包括后台实现过程与前台实现过程，后台实现过程:监测所有的浏览器元素，找到配置有属性cms-opt1ns的元素。监测用户是否为管理员，如果用户是管理员，则进行下一步，如果用户不是管理员，则结束。给属性cms-opt1ns的元素绑定点击事件。点击属性cms-opt1ns的元素，根据配置生成编辑框，代替原有的内容。点击保存按钮，将输入的内容保存至后台。前台实现过程:监测所有的浏览器元素，找到配置有属性cms-opt1ns的元素。根据cms-opt1ns配置信息，从动态数据中获取对应的数据。使用前端MVC框架渲染当前元素。
[0011]在使用前端MVC框架渲染当前元素的过程中使用到的文件包括: page-utils.js通用函数文件，
page-data.j s数据处理文件，
page-template.js元素清染文件，
page-contro 11 er.js处理动作文件，例如分页等，
page-admin.js当用户是管理员时使用的文件，用于动态生成编辑表单，
page.js当用户是非管理员时使用的文件。
[0012]在http://n.csdu.net/users/yangl iu/utoolsWeb/home/网站上用谷歌浏览器打开，可以根据本发明的步骤在元素对象上动态实现CRUD(增删改查)功能。还可以直接修改当前内容(图片，文字等)。
[0013]对于本领域技术人员而言，显然本发明不限于上述示范性实施例的细节，而且在不背离本发明的精神或基本特征的情况下，能够以其他的具体形式实现本发明。因此，无论从哪一点来看，均应将实施例看作是示范性的，而且是非限制性的，本发明的范围由所附权利要求而不是上述说明限定，因此旨在将落在权利要求的等同要件的含义和范围内的所有变化囊括在本发明内。
[0014]此外，应当理解，虽然本说明书按照实施方式加以描述，但并非每个实施方式仅包含一个独立的技术方案，说明书的这种叙述方式仅仅是为清楚起见，本领域技术人员应当将说明书作为一个整体，各实施例中的技术方案也可以经适当组合，形成本领域技术人员可以理解的其他实施方式。
【主权项】
1.所见即所得的内容管理方法，其特征在于，包括以下步骤: 1)所见即所得的编辑模式:将浏览器页面上所有元素设置为所见即所得的编辑模式； 2)动态数据静态化的过程包括后台实现过程与前台实现过程， 后台实现过程: 第一步:监测所有的浏览器元素，找到配置有属性cms-opt1ns的元素； 第二步:监测用户是否为管理员，如果用户是管理员，则进行下一步，如果用户不是管理员，则结束； 第三步:给属性cms-opt1ns的元素绑定点击事件； 第四步:点击属性cms-opt1ns的元素，根据配置生成编辑框，代替原有的内容； 第五步:点击保存按钮，将输入的内容保存至后台； 前台实现过程: 第一步:监测所有的浏览器元素，找到配置有属性cms-opt1ns的元素； 第二步:根据cms-opt1ns配置信息，从动态数据中获取对应的数据； 第三步:使用前端MVC框架渲染当前元素。2.根据权利要求1所述的所见即所得的内容管理方法，其特征在于，前端MVC框架具有标准化Model以及可编程的View和Controller ο
【专利摘要】本发明公开了所见即所得的内容管理方法，包括以下步骤：采用所见即所得的编辑模式，将浏览器页面上所有元素设置为所见即所得的编辑模式；采用前端MVC框架；然后将动态数据静态化，包括后台实现过程与前台实现过程。本发明可以让前端工程师完成网站制作，只用专注前端设计。交付的后台方便客户维护，所见即所得的维护模式，可直观、快速的编辑用户界面，减少了编辑和维护的次数，提高了工作效率，降低了维护成本。
【IPC分类】G06F17/30
【公开号】CN105488184
【申请号】CN201510865585
【发明人】李辞风
【申请人】湖南全软软件技术有限公司
【公开日】2016年4月13日
【申请日】2015年12月2日