基于AJAX和JQuery的网上书店管理系统设计

开篇：润墨网以专业的文秘视角，为您筛选了一篇基于AJAX和JQuery的网上书店管理系统设计范文，如需获取更多写作素材，在线客服老师一对一协助。欢迎您的阅读与分享！

摘 要：文章针对当今网上购书的现状进行分析， 研究了AJAX异步技术，并结合JQuery和XML技术，提出了利用Internet网络电子商务新技术，设计了基于ajax和jquery的网上书店管理系统，使用户能够实现在线购买书籍。本系统分为普通用户模块、公司用户模块和管理员用户模块三大功能模块，并分别介绍了各个模块所具备的功能和实现技术。

关键词：Ajax；Jquery；XML；KML；XMLDOM

中图分类号：TP315 文献标识码：A 文章编号：1006-8937（2012）11-0077-02

AJAX其实是多种技术的综合，该技术使用XHTML和CSS标准化来呈现数据信息，使用文档对象模型DOM实现动态显示和与Web进行数据交互处理，通过XMLHttpRequest对象与Web服务器异步交换和处理数据，使用JavaScript绑定和处理所有数据。其中XMLHttpRequest是其最核心的技术，有了它就可以不通过Web页面导航直接与服务器上的数据库进行双向数据传输。

所以使用AJAX技术可以大大减少服务器端的运算量，从而能减轻服务器端压力，使服务器资源得到更好的利用。与传统的Web技术相比AJAX的优势在于：Ajax可以不通过Web页面的时时刷新就能够实现与服务器的数据交互，来实现部分Web页面内容的更新；由于实现了部分页面内容的更新，减少了Web页面与服务器的通信量，从而提高了Web应用时的响应速度。

1 AJAX架构

AJAX的体系结构是建产在 2.0基础之上的，是对 2.0功能的一种扩展。 AJAX就是微软使用一个丰富的客户端脚本库和一个重要的服务器端功能层增强了的功能。这种扩展是在客户端和服务器两方面进行的。

AJAX对客户端的扩展主要是增加了Microsoft AJAX Library这一代码库，它由JavaScript语言扩展和一种基础类库组成，它提供了面向对象开发的特性，例如：空间、类、继承、接口、反射等。这种特性使得连续性和模块化在客户端脚本中实现了一个更高的层次。

Microsoft AJAX 客户端脚本库主要有JavaScript的功能和XML文件构成，这样可以把一些简单的格式验算等功能放在客户端，还扩展了具有C#开发人员熟悉的类，从而提高程序的可维护性，借助于扩展后的新框架可以使用JavaScript以及WEB浏览器提供的AJAX能力实现更为丰富的可视化效果。

服务器端组件由ASP.省略 AJAX的服务器端架构，它基于框架之上，主要包括AJAX WEB服务、ASP AJAX WEB服务桥机制，它基本上提供了可以和 AJAX客户端脚本互相整合的服务器端组件、服务以及控件和相当丰富的功能。

这5个最常用的服务器端控件为：ScriptManage控件、ScriptManager控件、UpdateProgress控件、UpdatePanel控件、Timer控件，通过这些控件可以轻松实现异步网页和WEB环境下无刷新记录。该架构可以让系统开发人员更容易为服务器控件添加客户端功能

2 Jquery简介

jQuery是继prototype之后又一个优秀的Javascrīpt框架，它的优势在于让开发人员写更少的代码，做更多的事情。它是轻量级的js库(压缩后只有21k) ，它可以兼容CSS3，还能够兼容各种浏览器 （IE 6.0+， FF 1.5+， Safari 2.0+， Opera 9.0+）。jQuery是一个快速简洁的JavsScript库，使用户能够更方便地处理HTML documents、events、实现动画效果，并且能够方便地为网站提供AJAX交互。jQuery能够免费开放源代码，使用GPL和MIT许可证双协议，其语法设计使得许多操作变得简单，例如操作文档对象（document）、选择DOM元素、动画效果、事件处理、发展Ajax等其他功能。除此之外，jQuery提供API开发者可以将自己所写的功能融入jQuery其中。

jQuery在实现上是可以分成两大部分的，第一部分是jQuery的静态方法，又称作工具方法或实用方法，通过jQuery.xxx()的jQuery命名空间直接引用；第二部分是jQuery的实例方法，通过jQuery(xx)或$(xx)来生成jQuery实例并引用的方法。这部分方法功能的完成绝大多数是从采用实用方法。其能够实现的功能操作都是在jQuery的静态方法中完成的。

3 系统设计

3.1 系统总体设计

本系统分为普通用户模块、公司用户模块和管理员用户模块三大功能模块，每个模块具备不同的功能列表；每个模块都有与之对应的登录用户，登录用户分别为普通用户、公司用户和管理员用户，系统会根据登录者的身份和ID（即登录时用户名）来区分用户类型，并根据类型确定系统应显示的功能。普通用户具有购物车管理、订单管理、更改密码、产品搜索、在线帮助、重新登录和注销的功能；公司用户具有商品管理、更改密码、产品搜索、重新登录和注销的功能；管理员用户具有商品种类管理、公司管理、图片管理、用户管理、更改密码、产品搜索、在线帮助、重新登录和注销的功能。

3.2 购物车设计

购物车的功能是显示会员购买的商品信息，那么实现购物车功能是网上书店设计中非常重要的工作，完善的购物车设计需要考虑的问题有：一是要方便用户下单购买并付款；二是帮助用户管理好所订购的商品，以方便下次购买时付款；三是如何将购物车中删除的商品记录及时找回来，给会员以重新选择的机会，从而提高用户体验；四是如何及时更新金额合计信息。购物车是个庞杂的系统，一般会跟订单、会员、商品、库存等模块有关系，可以说是牵一发而动全身。

购物车的功能包括：临时保存商品和多件商品的结算。购物车功能在设计时需要设计购物车的各种状态，比如用户在登陆网站前、后购物车的状态以及在订购商品和付款后购物车的各种操作比如：向购物车中添加书籍、从购物车中删除书籍、以及暂时保存数据下次再购买；最后还要设计在线支付接口，完成在线支付，从而实现网上购买书籍。

3.3 在线支付接口设计

在线支付就是顾客在购买商品时可以选择使用在线支付的方式对所购商品进行付款。是指商户与用户通过因特网上的电子商务网站进行交易时，银行为双方提供网上资金结算服务的一种业务，是电子商务必备的一个环节。在网上书店中，作为系统设计的关键，在线支付系统越来越引起人们的重视。

在线支付的接口设计主要由支付接口、订单查询接口和订单退款接口三部分组成。

一是支付接口，当用户支付请求文件发出，商家可以在请求文件中输入商品的订单信息等，然后把请求文件提交给平台支付系统，等待平台支付系统对信息处理之后，交易成功。二是订单查询接口，用户通过订单查询接口发出查询请求，支付平台系统对该信息进行处理之后，能通过数据流的方式返回查询结果。三是订单退款接口，当用户对交易不满或出现其他一些原因时，同样可以通过订单退款接口发出退款请求，支付平台系统对该信息进行处理之后，能通过数据流的方式返回退款结果。

用户在请求退款时，发出的数据信息应包括业务类别、用户名、交易信息、退款说明。系统返回的数据信息应包括业务类别、退款结果、交易信息。让用户对款项了解清晰。

4 结 语

随着Internet的迅速发展，在市场竞争日益激烈的今天，用户的需求在不断发生着多样化，网络交易的价值逐渐被人们重新认识和发现。电子商务做为一种独立的经济形态，已经初现规模，一些电子商务网站的建立，给人们的生活带来了巨大的影响。本文研究并实现了一个基于现今比较盛行的电子商务设计的网上书店管理系统，基于浏览器/服务器应用方式，实现消费者的网上购物、商户之间的网上交易和在线电子支付的一种新型的商业运营模式。经测试，该系统消费者基本可以实现依据不同的身份进行注册登录，并以不同身份实现不同的功能，即用户的浏览图书、购买图书、在线帮助、商品搜索以及个人信息的管理；公司对商品以及信息的管理；管理员对公司的管理、对用户以及对自身信息的管理。有着比较广泛的应用前景。

参考文献：

[1] 克拉恩,帕斯卡雷洛,杰姆斯.Ajax实战[M].北京:人民邮电出版社,2006.