[发明专利]一种微博背景界面的实现方法和系统

说明书

技术领域

本发明涉及Web页面设计技术，特别是指一种微博背景界面的实现方法和系统。

背景技术

网络即时通讯(IM，Instant Messenger)工具发展到今天已经被大多数的网民所接受，成为用户必不可少的通信工具，不仅在平时的休闲娱乐中，而且在用户的工作中得到广泛的使用。特别是微博，由于其信息传递效率非常高，已经成为主流的IM工具。因此，用户对微博的背景界面也提出了更为丰富的需求。

微博的背景界面，也可以称为皮肤，一般包含背景图片及配色方案。目前，微博皮肤的实现方式为：将普通的背景图片上传通过页面显示，并为每张背景图片搭配层叠样式表(CSS，Cascading Style Sheet)，以控制皮肤的显示方式。

上述实现方式存在如下问题：

1、上述通过页面显示时，并不能完全按照上传的图片进行显示，而是需要将背景图片和微博的页面布置有效的结合；

2、每一套微博系统提供的背景界面的显示方式都是由相应的CSS决定的，因此其显示方式是固定的，用户无法自由设定也无法修改。

在实际应用中发现，用户对微博皮肤的需求各式各样，并没有统一的标准，因此，如果能够实现微博的自定义皮肤展示，那么将会为用户带来非常好的体验，提升微博的实用价值。但是，通过上述分析可以看出，现有的技术方案中：单纯的背景图片以及系统背景界面却无法满足微博用户自定义皮肤展示的需求。

发明内容

有鉴于此，本发明的主要目的在于提供一种微博背景界面的实现方法和系统，能够实现微博的自定义背景界面展示。

为达到上述目的，本发明的技术方案是这样实现的：

本发明提供了一种微博背景界面的实现方法，该方法包括：

上传背景图片和相应的背景界面参数，生成背景图片统一资源定位符(URL)；

将所述背景图片URL和所述背景界面参数进行关联，并生成相应的背景界面标识(ID)；

访问微博页面时，根据获取的所述背景界面ID获取相应的所述背景图片URL和背景界面参数；

将获取的所述背景图片URL和背景界面参数填入页面层叠样式表(CSS)模板，进行背景界面展示。

所述背景界面参数至少包括：配色方案、图片显示位置和图片显示方式。

该方法还包括：根据需要修改、增加和/或删除所述背景界面参数。

将获取的所述背景图片URL和背景界面参数填入页面CSS模板后，该方法还包括：生成CSS，控制背景界面展示。

本发明还提供了一种微博背景界面的实现系统，包括：客户端和服务器，其中：

所述服务器，用于存储上传的背景图片和相应的背景界面参数，并生成背景图片URL；还用于将所述背景图片URL和所述背景界面参数进行关联，并生成相应的背景界面ID；

所述客户端，用于供用户上传背景图片和相应的背景界面参数；还用于当用户访问微博页面时，自动获取所述背景界面ID，并根据背景界面ID获取相应的背景图片URL和背景界面参数；还用于将获取的所述背景图片URL和背景界面参数填入页面CSS模板，进行背景界面展示。

所述背景界面参数至少包括：配色方案、图片显示位置和图片显示方式。

所述客户端还用于供用户修改、增加和/或删除所述背景界面参数。

所述客户端还用于，将获取的所述背景图片URL和背景界面参数填入页面CSS模板后，生成CSS，控制背景界面展示。

本发明微博背景界面的实现方法和系统，提供了适用于微博页面的页面CSS模板，并通过页面CSS模板规定了背景界面参数，则用户可以通过客户端自行设置背景界面参数、动态填充页面CSS模板，通过生成的CSS来控制背景界面的展示。

附图说明

图1为本发明微博背景界面的实现方法流程图；

图2为本发明微博背景界面的实现系统结构图。

具体实施方式

本发明微博背景界面的实现方法的基本思想是：在存储普通背景图片时，同时存储自定义的背景配色表、图片显示位置以及显示方式等背景界面参数；在展示背景界面时，读取自定义的背景界面参数和背景图片，动态的填充页面CSS模板，控制背景界面的展示。

如图1所示，本发明提供的微博背景界面的实现方法包括：

步骤101，上传背景图片和相应的背景界面参数，生成背景图片统一资源定位符(URL，Uniform/Universal Resource Locator)。