CN101876998A - 一种实现数据编辑的方法和系统 - Google Patents

Abstract

本发明公开了一种实现数据编辑的方法和系统，其中，所述方法包括：客户端接收需要进行编辑的数据；所述客户端通过浏览器组件，与服务器端的文本编辑器进行信息交互，对所述文本编辑器中与所述数据相关的内容进行编辑更新。本发明技术方案能够通过与服务器的交互，扩展客户端数据编辑的功能和界面。

Description

一种实现数据编辑的方法和系统

技术领域

本发明涉及数据处理技术领域，更具体地说，涉及一种实现数据编辑的方法和系统。

背景技术

富文本编辑器(Rich Text Editor，简称RTE)提供类似于Microsoft Word的编辑功能。

现有技术中，对于Java语言，通常采用以下方式实现富文本编辑器的功能，从而进行数据编辑：

1、利用Java的核心JDK自带的HTML Editor Kit组件来实现富文本编辑器的功能；

JDK(Java Development Kit，JAVA开发工具包)是一种用于构建在Java平台上发布的应用程序、applet和组件的开发环境。

HTML(HyperText Mark-up Language，超文本标记语言或超文本链接标示语言)是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。HTML Editor Kit是一种在Java上显示和控制HTML的组件技术，它一般用来解析显示HTML文本，能够实现的功能比较少，编辑文本的功能比较差。目前只能做到对字体的大小、颜色进行编辑，并且不易扩展。

2、将Office Word嵌入到Swing中实现富文本编辑器的功能；

Swing是一组JAVA程序元件，它能够创建GUI(Graphical User Interface，图像用户接口)元件，GUI元件实现采用图形方式显示的计算机操作用户界面。

Java中的GUI上可以通过在SWT(Standard Widget Toolkit)控件中嵌入Office Word组件，通过Office Word组件来作为富文本编辑器。在Java GUI上编辑文本就像在Office Word中编辑文本一样。对于Office Word来说，其编辑和显示的功能比较强大。

但是在包含客户(Client)端和服务器(Server)端的C/S的系统程序中，Office Word并没有提供与后台服务器交互的接口，因此，如果在文本编辑中要调用后台服务就比较困难，并且Office文档不是标准的文档格式(例如HTML)，这样在JAVA后台就难以解析Offcie Word生成的文档。

可见，Office Word本身作为一款文本编辑器，功能很强大，但是无法调用MIS(Management Information System，管理信息系统)服务，并且功能不容易扩展。

发明内容

有鉴于此，本发明提供一种实现数据编辑的方法和系统，能够通过与服务器的交互，扩展客户端数据编辑的功能和界面。

本发明实施例是这样实现的：

一种实现数据编辑的方法，所述方法包括：

客户端接收需要进行编辑的数据；

所述客户端通过浏览器组件，与服务器端的文本编辑器进行信息交互，对所述文本编辑器中与所述数据相关的内容进行编辑更新。

优选的，所述客户端通过所述浏览器组件与服务器端的文本编辑器进行信息交互，包括：

通过所述浏览器组件获取所述文本编辑器当前编辑的与所述数据相关的内容；或者，

通过所述浏览器组件向所述文本编辑器输入参数信息，以便根据所述参数信息对所述文本编辑器中与所述数据相关的内容进行编辑更新。

优选的，所述与预置在服务器端的文本编辑器进行信息交互，通过所述浏览器操作文件对象模型实现。

优选的，所述向文本编辑器输入参数信息，通过所述浏览器将所述参数信息插入到操作文件对象模型实现。

优选的，所述方法还包括：

在所述浏览器组件中，将编辑更新后的数据进行显示。

优选的，所述浏览器是Internet Explorer、Firefox、Opera或Safari。

一种实现数据编辑的系统，所述系统包括：客户端和服务器端；其中，所述客户端包括：

接收模块，用于接收需要进行编辑的数据；

组件嵌入模块，用于在所述客户端嵌入浏览器组件；

交互模块，用于所述浏览器组件与预置在服务器端的文本编辑器进行信息交互；

编辑模块，用于根据所述信息交互，对与所述数据相关的内容进行编辑；

所述服务器端包括：

预置模块，用于在所述服务器端预置文本编辑器；

更新模块，用于根据编辑内容，对所述文本编辑器中与所述数据相关的内容进行更新。

优选的，所述交互模块包括：

获取子模块，用于获取所述文本编辑器当前编辑的与所述数据相关的内容；

输出子模块，用于向所述文本编辑器输入参数信息，所述文本编辑器根据所述参数信息，对与所述数据相关的内容进行编辑更新。

优选的，所述客户端还包括：

显示模块，用于在所述浏览器组件中，将编辑更新后的数据进行显示。

优选的，所述浏览器是Internet Explorer、Firefox、Opera或Safari。

同现有技术相比，本发明实施例提供的技术方案具有以下优点和特点：

本发明通过在客户端嵌入Web浏览器，使得客户端可以利用Web技术同服务器端的文本编辑器进行信息交互，可以在客户端请求和运行各种Web应用，只要是浏览器可以支持的功能，在客户端都能够实现，从而，实现扩展客户端数据编辑的功能和界面的效果。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1为本发明一种实现数据编辑的方法实施例的步骤流程图；

图2为本发明Swing组件与文本编辑器的通讯原理示意图；

图3为Swing组件与文本编辑器的通讯步骤流程图；

图4为本发明一种实现数据编辑的系统的结构示意图；

图5为本发明另一种实现数据编辑的系统的结构示意图。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述。

本发明可以应用于基于数据库实现的系统或软件中，数据库是依照某种数据模型组织起来并存放二级存储器中的数据集合。这种数据集合具有如下特点：尽可能不重复，以最优方式为某个特定组织的多种应用服务，其数据结构独立于使用它的应用程序，对数据的增、删、改和检索由统一软件进行管理和控制。

本发明提供一种实现数据编辑的方法，如图1所示，为该方法的步骤流程图，所述方法包括：

步骤101、客户端接收需要进行编辑的数据；

所述客户端嵌有浏览器组件；

步骤102、所述客户端通过所述浏览器组件与服务器端的文本编辑器进行信息交互，对所述文本编辑器中与所述数据相关的内容进行编辑更新。

在C/S系统中，基本的结构包括：客户端和服务器端。服务器端即应用服务器，应用服务器通常包含Web服务器，可以在Web服务器上面部署Web应用。Web服务器接受客户端的调用，并且通过内部计算，将结果返回给客户端并且显示。

客户端一般分为两种模式：

一种是图形用户界面(GUI)客户端。这是一种比较传统的客户端，采用图形方式显示的GUI(Graphical User Interface，图形用户界面)客户端在前台负责用户界面的渲染，与用户的交互，并且通过某种协议来与后台服务器交互，进行RPC(Remote Procedure Call Protocol，远过程调用协议)调用。一般由特定的开发技术来实现，例如：Java、.NET、DELPHI等开发工具。客户端启动时，从本地读取数据来渲染界面，当用户触发数据请求事件时，客户端通过特定的协议来请求服务端得数据，服务端将数据返回后，客户端将数据解析后显示在界面上。这种客户端界面的显示一般和请求服务返回的数据是独立的。这种客户端的优点就是计算能力比较强，用户体验比较好。但缺点就是开发和维护的成本比较高。

另一种客户端是通过操作系统的浏览器来实现的用户界面。浏览器可以看作是用户界面的容器，通过Web开发技术来实现用户界面，例如：HTML。使用该客户端时，用户只需要打开浏览器，输入服务器的地址，服务器即将数据返回给浏览器显示。这种客户端界面的显示和数据是同时从服务端返回的。这种客户端的优点是维护和部署比较容易，缺点是计算能力比较弱，造成应用服务器运行的数据负荷较重。

本发明在C/S结构的系统中，结合了上述的两种客户端的优点，在GUI的客户端上嵌入了Web的客户端，即浏览器，使得客户端可以利用Web技术同服务器端的文本编辑器进行信息交互，例如执行Javascript，可以在客户端请求和运行各种Web应用(例如：http、servlet、HTML、jsp、flash等)，只要是浏览器可以支持的功能，在客户端都能够实现。可见，本发明能够实现扩展客户端数据编辑的功能和界面的效果。

需要说明的是，本发明在具体实现时，所述客户端通过所述浏览器组件，与服务器端的文本编辑器进行信息交互，可以包括：通过所述浏览器组件获取所述文本编辑器当前编辑的与所述数据相关的内容；或者，通过所述浏览器组件向所述文本编辑器输入参数信息，即向所述文本编辑器赋值，根据所述参数信息，在所述文本编辑器中对与所述数据相关的内容进行更新。需要说明的是，当客户端接收到需要进行编辑的数据之后，根据该数据的描述内容，即可确定该数据所对应的是何类编辑内容，例如：字体设置、段落设置或超链接设置等编辑内容；当确定出具体的编辑内容之后，即可进一步获知文本编辑器中涉及当前编辑内容的相关具体内容，从而，可以对文本编辑器中与当前编辑内容相关的一部分内容进行更新。

当所述文本编辑器接收参数信息，对相关数据更新完毕后，将更新后的数据返回至浏览器，在浏览器中将更新后的数据进行显示。

下面以一具体应用场景，对本发明的相关技术方案进行详细阐述。

在C/S结构的MIS系统中，通常需要系统具有文档编辑功能，包括：字体设置，段落设置，插入图片，超链接设置等，将实现该文档编辑功能的文本编辑器叫做富文本编辑器。本实施例即在客户端上实现一个富文本编辑器。

该实施例中，客户端采用Swing组件技术实现，因此，需要首先在客户端创建Swing组件。Swing组件是一个用于开发Java应用程序用户界面的开发工具包，它以抽象窗口工具包(AWT)为基础，使跨平台应用程序可以使用任何可插拔的外观风格，Swing开发人员只用很少的代码就可以利用Swing丰富、灵活的功能和模块化组件来创建优雅的用户界面。本实施例即实现在Swing界面进行富文本编辑。

其中，富文本编辑器部署到MIS系统服务器端的Web服务器上。文本编辑器实际是一个Web应用，通过标准的WebApp部署方式将文本编辑器部署到Web服务器上。

如图2所示，为Swing组件与文本编辑器的通讯原理示意图。Swing组件中嵌入SWT组件，创建一个SWT Widgets，在Widgets中创建一个浏览器实例，实现在SWT组件上嵌入浏览器。从而实现将文本编辑器以浏览器为容器进行展示。SWT是一个轻量级的java组件，它依靠JNI(Java Native Interface，Java本地调用)来调用操作系统的所有功能，包括调用操作系统上的浏览器功能，它是对操作系统API(Application Programming Interface，应用程序编程接口)的封装。所以依靠SWT作为代理，Swing可以实现和操作系统浏览器的通讯。此外，在浏览器上显示的有关Web服务器上文本编辑器的内容，可以看做是一个具有dom(Document Object Model，文件对象模型)结构的文件(document)。从而，浏览器可以通过操作dom，来和文本编辑器进行通讯，并最终实现Swing组件和文本浏览器的通讯。

此处需要说明的是，Swing界面与文本编辑器进行通讯，包括获得文本编辑器当前编辑的内容，以及向文本编辑器进行赋值。

获得文本编辑器当前编辑的内容，通过浏览器向文本编辑器发送服务请求实现。例如：文本编辑器部署在web服务器上，该文本编辑器具有相应的URL(Uniform Resource Locator，统一资源定位符)。在Swing组件上由SWT创建的浏览器实例的对象为WebBrowser，通过调用WebBrowser.navigate(URL)的方法来请求文本编辑器。

查看浏览器(Browser)控件的API，可以通过execute()的方法，该方法适用于在web文档加载完毕时运行javascript代码。javascript是面向对象的动态类型的区分大小写的客户端脚本语言，主要目的是为了解决服务器端语言的速度问题，为客户提供更流畅的浏览效果。这样，浏览器同文本编辑器之间的交互就变得简单了，这是由于javascript提供dom支持，既然可以调用javascript，那么就可以调用web页面中的每个节点了，而文本编辑器的内容实际就是web文档里的某个节点的值，这样通过执行javascript代码可以访问到编辑器当前编辑的内容。通过查看Browser其他的API，执行addStatusTextListener()方法，即可以监听到浏览器状态栏文本的改变，因此，只要通过javascript把文本编辑器的值写到Browser的window.status属性中，这样，只要状态一变就会执行浏览器状态监听代码，就可以在Swing组件中获取状态栏发生改变的值了，从而Swing组件根据状态栏发生改变的值，对相应数据进行编辑更新。根据上述原理，图3示出了Swing组件与文本编辑器的通讯步骤流程图，主要包括以下步骤：

步骤301、Swing组件接收用户(user)上传的用于数据编辑的编辑文本；

步骤302、Swing组件调用execute()的方法；

步骤303、浏览器控件调用javascript代码；

步骤304、浏览器调用显示的文本编辑器页面执行javascript代码；

步骤305、更新浏览器状态栏的文本；

步骤306、文本编辑器页面向浏览器反馈浏览器状态栏文本已改变的信息；

步骤307、浏览器将编辑更新后的状态栏的文本返回至Swing组件。

向文本编辑器赋值，是Swing组件和文本编辑器通讯的一种具体操作。Swing组件通过SWT来调用操作系统浏览器的API，调用浏览器执行JavaScript的功能，通过javascript将文本从Swing传递到浏览器中。浏览器将文本插入到dom合适的节点，即可将文本展现在文本编辑器中。

本发明实施例中的浏览器可以是Internet Explorer、Firefox、Opera或Safari。

可见，本发明实现客户端与MIS系统服务器的交互，可以调用系统服务器的web服务，在Swing界面上实现文本编辑器的功能，从而实现扩展客户端数据编辑的功能和界面的效果。

相应上述实现数据编辑的方法，本发明还提供了一种实现数据编辑的系统，如图4所示，所述系统包括：

客户端40和服务器端41；其中，所述客户端40包括：

接收模块401，用于接收需要进行编辑的数据；

组件嵌入模块402，用于在所述客户端40嵌入浏览器组件；

交互模块403，用于所述浏览器组件与预置在服务器端的文本编辑器进行信息交互；

编辑模块404，用于根据所述信息交互，对与所述数据相关的内容进行编辑；

所述服务器端41包括：

预置模块411，用于在所述服务器端41预置文本编辑器；

更新模块412，用于根据编辑内容，对所述文本编辑器中与所述数据相关的内容进行更新。

其中，所述交互模块403可以具体包括：

获取子模块，用于获取所述文本编辑器当前编辑的与所述数据相关的内容；输出子模块，用于向所述文本编辑器输入参数信息，所述文本编辑器根据所述参数信息，对与所述数据相关的内容进行编辑更新。

在本发明的另一个实施例中，如图5所示，所述客户端40还包括：显示模块404，用于在所述浏览器组件中，将编辑更新后的数据进行显示。

此外，所述浏览器可以是Internet Explorer、Firefox、Opera或Safari。

对于前述的方法实施例，为了简单描述，故将其都表述为一系列的动作组合，但是本领域技术人员应该知悉，本发明并不受所描述的动作顺序的限制，因为依据本发明，某些步骤可以采用其他顺序或者同时进行。其次，本领域技术人员也应该知悉，说明书中所描述的实施例均属于优选实施例，所涉及的动作和模块并不一定是本发明所必须的。

本发明可用于众多通用或专用的计算系统环境或配置中，例如：个人计算机、服务器计算机、手持设备或便携式设备、平板型设备、多处理器系统、包括以上任何系统或设备的分布式计算环境等等。

本发明可以在由计算机执行的计算机可执行指令的一般上下文中描述，例如程序模块。一般地，程序模块包括执行特定任务或实现特定抽象数据类型的程序、对象、组件或数据结构等等，也可以在分布式计算环境中实践本发明。在这些分布式计算环境中，由通过通信网络而被连接的远程处理设备来执行任务。在分布式计算环境中，程序模块可以位于包括存储设备在内的本地和远程计算机存储介质中。

需要说明的是，本说明书中的各个实施例均采用递进的方式描述，每个实施例重点说明的都是与其他实施例的不同之处，各个实施例之间相同相似的部分互相参见即可。对于系统类实施例而言，由于其与方法实施例基本相似，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个......”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

对所公开的实施例的上述说明，使本领域专业技术人员能够实现或使用本发明。对这些实施例的多种修改对本领域的专业技术人员来说将是显而易见的，本文中所定义的一般原理可以在不脱离本发明的精神或范围的情况下，在其它实施例中实现。因此，本发明将不会被限制于本文所示的这些实施例，而是要符合与本文所公开的原理和新颖特点相一致的最宽的范围。

Claims (10)

1.一种实现数据编辑的方法，其特征在于，所述方法包括：

客户端接收需要进行编辑的数据；

所述客户端通过浏览器组件与服务器端的文本编辑器进行信息交互，对所述文本编辑器中与所述数据相关的内容进行编辑更新。

2.根据权利要求1所述的实现数据编辑的方法，其特征在于，所述客户端通过所述浏览器组件与服务器端的文本编辑器进行信息交互，包括：

通过所述浏览器组件获取所述文本编辑器当前编辑的与所述数据相关的内容；或者，

通过所述浏览器组件向所述文本编辑器输入参数信息，以便根据所述参数信息对所述文本编辑器中与所述数据相关的内容进行编辑更新。

3.根据权利要求1所述的实现数据编辑的方法，其特征在于，所述与预置在服务器端的文本编辑器进行信息交互，通过所述浏览器操作文件对象模型实现。

4.根据权利要求3所述的实现数据编辑的方法，其特征在于，所述向文本编辑器输入参数信息，通过所述浏览器将所述参数信息插入到操作文件对象模型实现。

5.根据权利要求1-4中任一项所述的实现数据编辑的方法，其特征在于，所述方法还包括：

在所述浏览器组件中，将编辑更新后的数据进行显示。

6.根据权利要求1-4中任一项所述的实现数据编辑的方法，其特征在于，所述浏览器是Internet Explorer、Firefox、Opera或Safari。

7.一种实现数据编辑的系统，其特征在于，所述系统包括：客户端和服务器端；其中，所述客户端包括：

接收模块，用于接收需要进行编辑的数据；

组件嵌入模块，用于在所述客户端嵌入浏览器组件；

交互模块，用于所述浏览器组件与预置在服务器端的文本编辑器进行信息交互；

编辑模块，用于根据所述信息交互，对与所述数据相关的内容进行编辑；

所述服务器端包括：

预置模块，用于在所述服务器端预置文本编辑器；

更新模块，用于根据编辑内容，对所述文本编辑器中与所述数据相关的内容进行更新。

8.根据权利要求7所述的实现数据编辑的系统，其特征在于，所述交互模块包括：

获取子模块，用于获取所述文本编辑器当前编辑的与所述数据相关的内容；

输出子模块，用于向所述文本编辑器输入参数信息，所述文本编辑器根据所述参数信息，对与所述数据相关的内容进行编辑更新。

9.根据权利要求7所述的实现数据编辑的系统，其特征在于，所述客户端还包括：

显示模块，用于在所述浏览器组件中，将编辑更新后的数据进行显示。

10.根据权利要求7-10中任一项所述的实现数据编辑的系统，其特征在于，所述浏览器是Internet Explorer、Firefox、Opera或Safari。

Images