CN1330341A - 实现个性化购物车的方法 - Google Patents

Abstract

一种具有个性化的购物车的实现方法,包括以下步骤:首先用户登陆,将用户名存入cookie;通过数据库的关联从取得的“用户名”得到用户相关信息;再将信息存入cookie中;用javascript定义一函数,读出cookie,再利用javascript,将信息写入层中,在层的“***的购物车”处做一链接,利用文字链接的“title”属性,将读出的cookie信息title中,再用鼠标“onmouseover”事件,设定当鼠标移至连接上。

Description

实现个性化购物车的方法

本发明涉及一种在线购物的方法，具体地说，涉及利用互联网进行网上购物时所使用的具有个性化的购物车的实现方法。

随着电子商务的飞速发展，在线购物成为了一种极具潜力的购物方式。网上购物车也在BTOB和BTOC站点中得到了广泛的运用。

所谓网上购物车是为了在网上购物时，使得购物者可以随时了解其所选购的商品的名称、数量、价格等内容而建立的，典型的网上购物车就是在页面上设置的类似于一个小购物车的图形化的虚拟购物车，购物者通过鼠标点击该购物车，即可弹出或转向已经选定的要购买的商品清单的页面，以方便购物者网上购物。

但是目前大部分电子商务网站的购物车都存在以下问题：

1)使用繁琐，为了查看已购商品，跳转至购物车的单独页面后，继续购物还要返回先前的购物页面，影响购物效率。

2)界面千篇一律，缺乏个性。

针对上述问题，本发明的目的就是为了提供一种具有个性化的灵活高效的新型购物车的实现方法。

根据本发明，提出了一种具有个性化的购物车的实现方法，包括以下步骤：

第一步：已注册用户以其注册的用户名登录，未注册用户先注册后再登录。

第二步：用户登录，如果登陆成功，将用户登陆时使用的用户名存入cookie。

第三步：通过数据库的关联从取得的“用户名”得到用户相关各类注册时所填写的信息。

第四步：再将得到的各类信息存入cookie中。

第五步：用java script定义一函数，读出cookie，再利用javascript，将信息写入层中，以便利用。

第六步：在层的“***的购物车”处做一链接，利用文字链接的“title”属性，可添加辅助说明文字以解释文字链接的含义这一功能，将读出的cookie信息，如银行帐号，购物折扣信息加入title中，再用鼠标“onmouseover”事件，设定当鼠标移至连接上，可随鼠标浮动显示出“title”的文字。

第七步：点击链接后，弹出新窗口。窗口内的信息是通过cgi程序调入的数据库内关于用户的具体信息，并且这些信息可被修改，确认修改后的信息再存放数据库。

本发明的个人购物车具有如下特点：

1)易用性。随时随地关闭，打开，查看您的购物车，及时掌握您在网上商店消费的信息。

2)灵活性。随着浏览器的滚动框的上下移动而移动，随意拖曳至您想要的位置，不影响视觉。

3)高效性。点击“购买”按钮，即在同一窗口内出现。购物车使用cookie，速度快，占用空间小。

4)个性化。以会员名和密码登陆网站后，将拥有自己独有的购物车，可以设定购物的银行帐号，信用卡信息等和您相关的信息，并按照自己需求改变购物车的界面。

5)适用广泛性。适用于IE 4.0以上版本，Netscape 4.6以上版本的浏览器。

本发明的购物车是在实现了基本购物车功能上而增强新功能的个性化购物车。

购物车基本功能的实现：

使用客户端即用户的浏览器端的cookie来存放所需的信息，如用户所购商品的信息，用户名等等。结合动态HTML(DHTML)，CSS-P布局，利用层的技术，实现浮动、可移动的购物车。

层是动态HTML的一种属性，只有IE4.0、Netscape4.0以上版本浏览器才支持。层相当于一容器，将各种信息放置于内，用HTML的<DIV>标签来定义，设置其水平和垂直位置，然后设定哪个对象应该叠放在哪个对象之上。层内利用串联样式表CSS-P布局，并利用Javascript控制网页元素，在容器内加入对象然后再定位。(在串接样式表和CSS定位的规范草案中规定可以将任何对象定位，但Netscape的浏览器还不支持这项规定。所以必须用<DIV>标签作为类属容器)。

在页面上加入层的标记以及和购物车相关的js文件，这样就可以把购物车加入该界面。js文件的各段程序，实现了购物车的打开，关闭，移动，显示购买信息及保持IE、Netscape的兼容等功能。

模块一：在js中通过设置层的显示和隐藏属性，分别为visible和hidden，可以显示打开和关闭购物车。

模块二：在js中用javascript写一段可以改变层位置的程序，当用鼠标点住购物车，取得层的当前位置，浏览器窗口的宽度和高度，滚动条滚动的距离以及购物车的高度与宽度，鼠标拖动层时调用该程序，程序的目的就是改变层的当前位置使购物车移动。程序中对边界的设置条件使得购物车不会被移出当前的浏览器窗口。

模块三：用javascript编写一段函数，读取存放在cookie中的商品信息，然后再把这些信息集中组合起来，当要显示时，再从cookie中读取，调入层中。根据调用的cookie内容不同，可以显示购物者购买商品的信息和购物者的个人信息。用于层相对独立于当前页面，它的更新不会导致整个页面的更新。而且cookie是存放在用户硬盘上面，所有的操作都是在客户端进行，这样购物车就不会受到网络速度的影响。

模块四：因为在IE文件对象模块(DocumentObjectModel)中，对象可以代表所有在该对象之下的对象(object objectobject)而且所有的网页中都有一个文件(document)，因此它必然有一个document.all对象。而Netscape利用分层运行动态HTML。它的运行方式同图像数组在Navigator中的方式类似。可以设定一个分层对象的数组，象对图像的引用那样设定引用方式。所以我们可以通过类属对象-document.all以及分层对象document.layers来判断浏览器的兼容性，并写出对应的代码以使购物车能够兼容这两种浏览器。

Claims (1)

1.一种具有个性化的购物车的实现方法，其特征在于包括以下步骤：

第一步：已注册用户以其注册的用户名登录，未注册用户先注册后再登录；

第二步：用户登录，如果登陆成功，将用户登陆时使用的用户名存入cookie；

第三步：通过数据库的关联从取得的“用户名”得到用户相关各类注册时所填写的信息；

第四步：再将得到的各类信息存入cookie中；

第五步：用于javascript定义一函数，读出cookie，再利用javascript，将信息写入层中，以便利用；

第六步：在层的“***的购物车”处做一链接，利用文字链接的“title”属性，可添加辅助说明文字以解释文字链接的含义这一功能，将读出的cookie信息，如银行帐号，购物折扣信息加入title中，再用鼠标“onmouseover”事件，设定当鼠标移至连接上，可随鼠标浮动显示出“title”的文字；

第七步：点击链接后，弹出新窗口。窗口内的信息是通过cgi程序调入的数据库内关于用户的具体信息，并且这些信息可被修改，确认修改后的信息再存放数据库。