CN105488184A - 所见即所得的内容管理方法 - Google Patents
所见即所得的内容管理方法 Download PDFInfo
- Publication number
- CN105488184A CN105488184A CN201510865585.8A CN201510865585A CN105488184A CN 105488184 A CN105488184 A CN 105488184A CN 201510865585 A CN201510865585 A CN 201510865585A CN 105488184 A CN105488184 A CN 105488184A
- Authority
- CN
- China
- Prior art keywords
- see
- wysiwyg
- cms
- options
- mode
- 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.)
- Pending
Links
Classifications
-
- 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
- G06F16/972—Access to data in other repository systems, e.g. legacy data or dynamic Web page generation
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明公开了所见即所得的内容管理方法,包括以下步骤:采用所见即所得的编辑模式,将浏览器页面上所有元素设置为所见即所得的编辑模式;采用前端MVC框架;然后将动态数据静态化,包括后台实现过程与前台实现过程。本发明可以让前端工程师完成网站制作,只用专注前端设计。交付的后台方便客户维护,所见即所得的维护模式,可直观、快速的编辑用户界面,减少了编辑和维护的次数,提高了工作效率,降低了维护成本。
Description
技术领域
本发明涉及网络通信领域,具体是所见即所得的内容管理方法。
背景技术
随着国际互联网的迅速发展,随着互联网络技术的不断发展,网络的普及程度越来越高,而网站作为互联网的主要内容供应者也得到了长足的发展。网站不再仅仅是内容提供商的服务平台,越来越多的企业甚至个人都推出了自有网站。除了传统的企事业单位以外,个体工商户、个体从业者、自由职业者也都需要建设自己网站,把它作为一个展示、宣传的途径和渠道。而建设一个网站,则需要网站拥有者提供域名、网站空间、ip地址、网站主机和网页等内容。要么委托专业的网络公司来制作网站,一般的企业或者个人仅凭借自身的力量往往很难达成制作自有网站目的,不得不花费高昂的代价聘请专业的网站制作单位进行制作,而且以这种模式制作的网站由于沟通上的问题往往不能完全满足所有对网站的全部预期。且使用者在编辑、维护自己的网站及网页内容时,无法实时看到最终的效果。只能在编辑结束后,通过‘预览’功能或者通过登录网站,才能看到最终的网站显示效果。其编辑过程既不直观,又繁琐,还常常发生‘最终效果与预期效果不一致’的情况,往往需要反复调整,使得网站的编辑、维护时间浪费许多,维护成本大大增加。
发明内容
本发明的目的在于提供减少编辑和维护的次数、提高工作效率,降低维护成本的所见即所得的内容管理方法,以解决上述背景技术中提出的问题。
为实现上述目的,本发明提供如下技术方案:
所见即所得的内容管理方法,包括以下步骤:
1)所见即所得的编辑模式:将浏览器页面上所有元素设置为所见即所得的编辑模式;
2)动态数据静态化的过程包括后台实现过程与前台实现过程,
后台实现过程:
第一步:监测所有的浏览器元素,找到配置有属性cms-options的元素;
第二步:监测用户是否为管理员,如果用户是管理员,则进行下一步,如果用户不是管理员,则结束;
第三步:给属性cms-options的元素绑定点击事件;
第四步:点击属性cms-options的元素,根据配置生成编辑框,代替原有的内容;
第五步:点击保存按钮,将输入的内容保存至后台;
前台实现过程:
第一步:监测所有的浏览器元素,找到配置有属性cms-options的元素;
第二步:根据cms-options配置信息,从动态数据中获取对应的数据;
第三步:使用前端MVC框架渲染当前元素。
作为本发明进一步的方案:前端MVC框架具有标准化Model以及可编程的View和Controller。
与现有技术相比,本发明的有益效果是:
本发明可以让前端工程师完成网站制作,只用专注前端设计。交付的后台方便客户维护,所见即所得的维护模式,可直观、快速的编辑用户界面,减少了编辑和维护的次数,提高了工作效率,降低了维护成本。
具体实施方式
下面将结合本发明实施例,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
实施例1
本发明实施例中,所见即所得的内容管理方法,包括以下步骤:
1)所见即所得的编辑模式:将浏览器页面上所有元素设置为所见即所得的编辑模式。
2)采用流行的前端MVC框架,前端MVC框架具有标准化Model以及可编程的View和Controller。
3)动态数据静态化的过程包括后台实现过程与前台实现过程,后台实现过程:监测所有的浏览器元素,找到配置有属性cms-options的元素。监测用户是否为管理员,如果用户是管理员,则进行下一步,如果用户不是管理员,则结束。给属性cms-options的元素绑定点击事件。点击属性cms-options的元素,根据配置生成编辑框,代替原有的内容。点击保存按钮,将输入的内容保存至后台。前台实现过程:监测所有的浏览器元素,找到配置有属性cms-options的元素。根据cms-options配置信息,从动态数据中获取对应的数据。使用前端MVC框架渲染当前元素。
在使用前端MVC框架渲染当前元素的过程中使用到的文件包括:
page-utils.js通用函数文件,
page-data.js数据处理文件,
page-template.js元素渲染文件,
page-controller.js处理动作文件,例如分页等,
page-admin.js当用户是管理员时使用的文件,用于动态生成编辑表单,
page.js当用户是非管理员时使用的文件。
在http://n.csdu.net/users/yangliu/utoolsWeb/home/网站上用谷歌浏览器打开,可以根据本发明的步骤在元素对象上动态实现CRUD(增删改查)功能。还可以直接修改当前内容(图片,文字等)。
对于本领域技术人员而言,显然本发明不限于上述示范性实施例的细节,而且在不背离本发明的精神或基本特征的情况下,能够以其他的具体形式实现本发明。因此,无论从哪一点来看,均应将实施例看作是示范性的,而且是非限制性的,本发明的范围由所附权利要求而不是上述说明限定,因此旨在将落在权利要求的等同要件的含义和范围内的所有变化囊括在本发明内。
此外,应当理解,虽然本说明书按照实施方式加以描述,但并非每个实施方式仅包含一个独立的技术方案,说明书的这种叙述方式仅仅是为清楚起见,本领域技术人员应当将说明书作为一个整体,各实施例中的技术方案也可以经适当组合,形成本领域技术人员可以理解的其他实施方式。
Claims (2)
1.所见即所得的内容管理方法,其特征在于,包括以下步骤:
1)所见即所得的编辑模式:将浏览器页面上所有元素设置为所见即所得的编辑模式;
2)动态数据静态化的过程包括后台实现过程与前台实现过程,
后台实现过程:
第一步:监测所有的浏览器元素,找到配置有属性cms-options的元素;
第二步:监测用户是否为管理员,如果用户是管理员,则进行下一步,如果用户不是管理员,则结束;
第三步:给属性cms-options的元素绑定点击事件;
第四步:点击属性cms-options的元素,根据配置生成编辑框,代替原有的内容;
第五步:点击保存按钮,将输入的内容保存至后台;
前台实现过程:
第一步:监测所有的浏览器元素,找到配置有属性cms-options的元素;
第二步:根据cms-options配置信息,从动态数据中获取对应的数据;
第三步:使用前端MVC框架渲染当前元素。
2.根据权利要求1所述的所见即所得的内容管理方法,其特征在于,前端MVC框架具有标准化Model以及可编程的View和Controller。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201510865585.8A CN105488184A (zh) | 2015-12-02 | 2015-12-02 | 所见即所得的内容管理方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201510865585.8A CN105488184A (zh) | 2015-12-02 | 2015-12-02 | 所见即所得的内容管理方法 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN105488184A true CN105488184A (zh) | 2016-04-13 |
Family
ID=55675158
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201510865585.8A Pending CN105488184A (zh) | 2015-12-02 | 2015-12-02 | 所见即所得的内容管理方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN105488184A (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107463584A (zh) * | 2016-06-06 | 2017-12-12 | 腾讯科技(深圳)有限公司 | 一种交互页面的编辑处理方法及终端 |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101526942A (zh) * | 2008-03-05 | 2009-09-09 | 徐邦勇 | 在线、实时及自动生成动态网页的组件实现技术 |
CN101593207A (zh) * | 2009-07-06 | 2009-12-02 | 孟智平 | 一种构造和生成网页的方法及系统 |
CN102810105A (zh) * | 2011-06-03 | 2012-12-05 | 腾讯科技(北京)有限公司 | 一种移动终端所访问网页的编辑方法及网页编辑器 |
CN103365866A (zh) * | 2012-03-28 | 2013-10-23 | 上海商派网络科技有限公司 | 一种模块化所见即所得管理网页模板的装置及管理方法 |
US8612547B1 (en) * | 2006-12-29 | 2013-12-17 | Google Inc. | Container interrupt services |
CN103793216A (zh) * | 2012-10-31 | 2014-05-14 | 郑州月太软件有限公司 | 一种所见即所得式的线上网站建设方法 |
-
2015
- 2015-12-02 CN CN201510865585.8A patent/CN105488184A/zh active Pending
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US8612547B1 (en) * | 2006-12-29 | 2013-12-17 | Google Inc. | Container interrupt services |
CN101526942A (zh) * | 2008-03-05 | 2009-09-09 | 徐邦勇 | 在线、实时及自动生成动态网页的组件实现技术 |
CN101593207A (zh) * | 2009-07-06 | 2009-12-02 | 孟智平 | 一种构造和生成网页的方法及系统 |
CN102810105A (zh) * | 2011-06-03 | 2012-12-05 | 腾讯科技(北京)有限公司 | 一种移动终端所访问网页的编辑方法及网页编辑器 |
CN103365866A (zh) * | 2012-03-28 | 2013-10-23 | 上海商派网络科技有限公司 | 一种模块化所见即所得管理网页模板的装置及管理方法 |
CN103793216A (zh) * | 2012-10-31 | 2014-05-14 | 郑州月太软件有限公司 | 一种所见即所得式的线上网站建设方法 |
Non-Patent Citations (1)
Title |
---|
霍斯特曼 等: "《Java核心技术 卷1 基础知识(原书第9版)》", 30 November 2013, 机械工业出版社 * |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107463584A (zh) * | 2016-06-06 | 2017-12-12 | 腾讯科技(深圳)有限公司 | 一种交互页面的编辑处理方法及终端 |
CN107463584B (zh) * | 2016-06-06 | 2019-07-16 | 腾讯科技(深圳)有限公司 | 一种交互页面的编辑处理方法及终端 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN103685389A (zh) | 一种远程控制数据终端实现用户界面交互的系统及方法 | |
CN102724192B (zh) | 基于协同编辑的网络收藏方法 | |
CN101526942A (zh) | 在线、实时及自动生成动态网页的组件实现技术 | |
AU2013100640A4 (en) | The automatic generation of new websites where the content and/or code for those new websites derive from related 3rd party services, applications or platforms. | |
CN110633436B (zh) | 可视化、自定义全景编辑方法、系统、存储介质及设备 | |
CN110807015A (zh) | 一种大数据资产价值交付管理方法及系统 | |
US20170169461A1 (en) | Promotion system and promotion method | |
CN105183759B (zh) | 一种评论图片的方法及装置 | |
CN108509207A (zh) | Web应用程序的跨系统安装 | |
US20150227967A1 (en) | Unified social media campaign management | |
CN108170416A (zh) | 一种构建web前端的方法及系统 | |
CN103631877A (zh) | 网页表格的处理方法 | |
TW201807559A (zh) | 資訊輸入方法和裝置 | |
CN110941428B (zh) | 一种网站创建方法和装置 | |
CN105574735A (zh) | 基于互联网的展示物料系统及展示物料制作方法 | |
CN102646055A (zh) | 一种系统间数据交互的方法 | |
CN104462160B (zh) | 编辑公式的方法及系统 | |
CN104834715A (zh) | 一种基于部件和容器的网站生成方法及系统 | |
CN103809951A (zh) | 一种基于flex技术图形化服务编排和管理装置 | |
CN102929592B (zh) | 基于监控系统的设备的三维交互的方法以及装置 | |
CN106201461A (zh) | 一种界面的生成方法、系统及后台服务器 | |
CN105488184A (zh) | 所见即所得的内容管理方法 | |
CN103294461A (zh) | 一种微博背景界面的实现方法和系统 | |
CN103220582A (zh) | 一种视频文件管理方法 | |
TW201335772A (zh) | 一種編輯系統及方法 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20160413 |
|
RJ01 | Rejection of invention patent application after publication |