CN102413170A

CN102413170A - 一种基于flex的图形数据客户端缓存方法

Info

Publication number: CN102413170A
Application number: CN2011103166607A
Authority: CN
Inventors: 康睿; 蒋元晨; 陈玉慧; 刘嘉华; 杨旭斌
Original assignee: Nanjing NARI Group Corp; State Grid Electric Power Research Institute
Current assignee: State Grid Corp of China SGCC; Nanjing NARI Group Corp; State Grid Electric Power Research Institute
Priority date: 2011-10-18
Filing date: 2011-10-18
Publication date: 2012-04-11

Abstract

本发明公开了一种基于FLEX的图形数据客户端缓存方法，解决了B/S结构***下富客户端图形应用加载大量图形数据的效率问题。本发明充分利用FLEX的客户端数据缓存功能，将大量的图形数据保存在客户端，通过比较客户端与服务端数据的更新时间，判断是从客户端直接读取缓存数据，还是从服务端重新读取数据并更新缓存。本发明通过这样的缓存技术，减少了图形数据加载时服务端对数据库的读取次数以及客户端和服务端的数据传输量，降低了服务端的消耗和对网络带宽的利用，提高了加载效率。

Description

一种基于FLEX的图形数据客户端缓存方法

技术领域

本发明涉及一种B/S结构***下的数据缓存技术，尤其是涉及一种基于FLEX的富客户端图形应用的数据缓存方法。

背景技术

在传统的FLEX图形应用中，客户端从服务端读取所有图形渲染需要的数据，在一般情况下，降低了逻辑的复杂性，减少开发难度。但是在本发明所处的应用环境中，图形渲染绘制用到的数据量大，每次都从服务端读取会导致加载时间较长，并且加重网络带宽利用和服务器负担，而服务端存储的图形数据更新频率并不高。本发明利用一种图形数据的客户端缓存技术，减少客户端和服务端的通信数据量，减少数据传输时间，降低服务器消耗。

发明内容

本发明的目的在于针对FLEX图形应用中服务端需要向客户端传输大量图形数据时，提出的一种客户端缓存技术。客户端请求图形数据时附加本地缓存信息，服务端分析出客户端缓存中没有或者过时的图形数据，封装好要返回给客户端的数据后序列化为二进制数据传送到客户端，客户端反序列化后更新本地缓存，并使用最新的图形数据进行渲染绘制。

本发明中的数据结构包括对渲染画面和图形数据的定义，渲染画面和图形数据都有唯一编号，渲染画面包含一个或多个图形数据，数据库中保存了每个图形数据所属的画面编号、图形渲染数据和最后更新时间。

本发明基于服务端的数据结构，在客户端定义了缓存的数据结构，存储图形数据的唯一编号、渲染数据和最后更新时间，通过编号可以读取渲染数据和最后更新时间。

本发明首先在客户端遍历所有的图形缓存数据，读取唯一编号和最后更新时间，并加上需要渲染的画面编号，进行对象化封装，使用AMF协议发送给服务端。

服务端将收到的二进制数据进行反序列化，得到渲染客户端图形缓存数据和画面编号。从客户端图形缓存信息中解析出缓存的图形数据编号和最后更新时间，此部分数据定义为A，编号定义为A.id，最后更新时间定义为A.lastUpdateTime。从数据库中查询到该画面包含的所有图形数据编号以及这些图形数据的最后更新时间，此部分数据定义为B，编号定义为B.id，最后更新时间定义为B.lastUpdateTime。定义一个用于返回给客户端的数据结构C，包括编号C.id，是否使用缓存C.useCache，渲染数据C.ui，最后更新时间C.lastUpdateTime。遍历B中的每一个B.id，如果存在A.id=B.id，则比较A.lastUpdateTime和B.lastUpdateTime，如果B.lastUpdateTime>A.lastUpdateTime，则在C中加入一条新数据，值为：C.id=A.id，C.useCache=false，C.lastUpdateTime=B.lastUpdateTime；如果B.lastUpdateTime<=A.lastUpdateTime，则在C中加入一条新数据，值为：C.id=A.id，C.useCache=true；如果没有任何一个A.id与B.id相等，则在C中加入一条新数据，值为：C.id=B.id，C.useCache=false，C.lastUpdateTime=B.lastUpdateTime。遍历B完成后，遍历C，对于C中每一条C.useCache=false的数据，根据C.id从数据库中查询出渲染数据，放入C.ui。服务端将C通过AMF协议传送给客户端。

客户端通过反序列化操作得到C，遍历C中每一条数据，如果C.useCache=true，则从本地图形缓存数据中读出编号为C.id的图形渲染数据，放入C.ui；如果C.useCache=false，则将C.id、C.ui和C.lastUpdateTime存入图形缓存数据，如果已存在编号与C.id相等的缓存数据，则先删除该条数据再存入。

客户端再次遍历C，按顺序将C.ui进行解析渲染，形成最终的渲染画面。

附图说明

图1：本发明实施流程图

图2：本发明功能结构图

图3：客户端封装的查询参数

图4：从数据库中检索出的图形数据

图5：对图形缓存信息和数据库记录进行比较

图6：根据比较结果对返回数据进行的封装

图7：客户端更新后的图形缓存数据。

具体实施方式

以下结合附图，举一具体实例对本发明的客户端缓存技术做进一步说明。

图1所示为实施流程图，图2为功能结构图。

本实例中，客户端已缓存5条图形数据，包括图形编号、图形渲染数据、最后更新时间，通过图形编号可定位到对应的图形数据。这5条图形缓存数据的编号为1、2、3、4、5，定义这5条缓存图形数据为A1、A2、A3、A4、A5，要渲染的画面编号为P1，客户端将画面编号和缓存数据封装为如图3所示的数据结构，包含画面编号P1和图形缓存数据编号id与最后更新时间lastUpdateTime的键值对。

服务端解析参数，得到画面编号P1，到数据库中查询到属于P1的所有图形数据的编号id为1、2、4、6，这4条图形数据定义为B1、B2、B4、B6，同时查出这4条图形数据的最后更新时间lastUpdateTime，如图4所示。

服务器端将客户端缓存信息A与数据库中查询到的记录B按编号进行比较，如图5所示，其中编号为1和4的最后更新时间相同，编号为2的数据库中的最后更新时间大于缓存中的最后更新时间，另外数据库记录中有编号6的图形数据，而缓存信息中没有。

根据对比结果，将缓存数据中没有的和缓存中最后更新时间比数据库记录中的小的图形渲染数据，封装到要返回给客户端的数据结构C中，缓存中已经存在并且是最新数据的，只在数据结构中加入使用缓存的标识，如图6所示。

客户端得到返回的数据C后，将useCache为true的编号1和4的渲染数据从本地缓存中读出，补充到C中。将useCache为false的编号2和6的图形渲染数据和最后更新时间存入到本地缓存中，形成如图7所示的新的缓存。最后客户端使用编号1、2、4、6的最新图形渲染数据渲染画面，完成显示。

该实例中，按照所处实际应用环境下每条图形渲染数据平均大小1KB来计算，如果采用传统做法，将要从服务端读取大约4KB的数据，而采用本发明的方法，只要读取大约2KB的数据。而且在本实例所处的应用场景下，数据库中图形数据的更新频率小，在客户端读取过最新的图形渲染数据后，在较长的一段时间内都不需要再从服务端读取渲染数据，只会产生很小的数据库读取消耗和网络通信量，大幅度的提高了性能。

Claims

1.一种基于FLEX的图形数据客户端缓存方法，其特征在于，包括以下步骤：

客户端将要渲染的画面编号和本地图形缓存信息封装为查询参数；

客户端使用AMF协议将封装的参数发送到服务端；

服务端根据画面编号从数据库中检索出属于此画面的每条图形数据的最后更新时间；

服务端将上一步中检索出的图形数据最后更新时间与客户端发送的图形缓存信息中每条图形缓存数据的更新时间进行比较；

服务端根据比较结果从数据库中读取客户端需要更新的图形渲染数据，并进行结构化封装；

服务端使用AMF协议将封装好的数据返回给客户端；

客户端解析数据，更新本地图形缓存数据；

客户端使用更新后的图形缓存数据进行图形渲染显示。

2.根据权利要求1所述的一种基于FLEX的图形数据客户端缓存方法，其特征在于，所述步骤1）进一步包括：封装查询参数时，将本地缓存的所有图形数据的编号和最后更新时间组合为键值对，和渲染画面编号一起发送给服务端。

3.根据权利要求1所述的一种基于FLEX的图形数据客户端缓存方法，其特征在于，所述步骤5）进一步包括：封装的返回给客户端的数据结构中，包含三种图形数据：一是属于要显示的画面而客户端缓存数据中并没有的图形数据，会封装图形数据编号、渲染数据和最后更新时间；二是属于此画面并且在数据库中存储的最后更新时间大于在客户端缓存数据中的最后更新时间的图形数据，也会封装图形数据编号、渲染数据和最后更新时间；三是属于此画面并且在数据库中存储的最后更新时间等于或小于在客户端缓存数据中的最后更新时间的图形数据，会只封装图形数据编号并加上使用客户端缓存的标志。