基于JSP语言的网上购物系统的设计与实现.doc

基于 jsp 语言的网上购物系统的设计与实现 摘 要 计算机网络的迅速发展，对人类社会诸多领域产生了巨大的影响。尤其是，随着 信息时代的来临，人们之间愈来愈趋向于通过网络来交流和传递信息。 网上购物系统就是在这种形势下应运而生的一种新的应用。所以本次毕业设计选 择设计了一个销售十字绣的网上购物系统。本系统主要分为前台操作和后台操作两部 分。前台操作主要由用户管理模块，订单查询模块，购物车模块，修改个人资料模块 和留言板模块组成。其中用户管理模块主要包括用户注册，用户登录，找回密码三个 部分。登录用户可以通过订单号查询订单，可以将选定的商品暂时保存在购物车内， 并生成订单等。后台操作主要包括管理员身份验证，添加商品模块，订单信息管理模 块，查询用户信息管理模块，添加链接模块和公告信息模块。 本系统主要采用 jsp 语言完成。jsp 是由 sun 公司倡导，许多公司参与的一种动态 网页技术标准。当一个 jsp 页面第一次被请求时，jsp 引擎首先将它编译生成一个字节 码文件，然后执行该字节码文件，当该页面再次被请求时，直接执行该字节码文件即 可,所以它的执行效率很高。它是以 java 为脚本语言的，因此，它具有平台无关性以 及“一次编写，各处运行”的特点。另外，本系统采用 sql server2000 作为数据库， 数据库连接采用了 jdbc 技术。 关键词：计算机网络、网上购物、管理、jsp、模块 abstract the rapid development of the computer networks has been making a great influence in many fields of human society. the on-line shopping system is one kind of new application which arises at the historic moment under this kind of situation. therefore on this graduation project i choose to design an on-line shopping system. this system mainly divides into two parts. they are the onstage operation and the backstage operates. the onstage operation is mainly composed by the user management module, the order form query module, the shopping-car module, revises individual material module and the message center module. user management module mainly includes three parts of the user registration, the user login and retrieves the password. the user who had logged in to be allowed to query order form through the order form number, preserve the commodity which had been chosen in the shopping-car, and product order form . the backstage operation mainly includes the manager identification authentication module, the increase commodity module, the information of order form management module, the user information query module, the increase link module and the announcement information module. my system mainly uses the jsp language to complete. jsp is one kind of dynamic homepage technical standard . it is initiated by sun corporation and many companies take part in this project. when a jsp page is requested firstly, the jsp engine first translates it to a byte code document then executes it, when this page is requested again, it can execute this byte code document directly, so it is effectively. it takes java as the script language, so jsp language is platform independent and has the characteristic that “compile one time and execute anywhere”. moreover, my system uses sql server2000 as database and uses the jdbc technology to connect to the database. key words：internet、on-line shopping、management、jsp、module 目 录 引引 言言 1 1 第一章第一章 概述概述 2 2 1.1 系统开发背景.2 1.2 电子商务的发展现状.2 1.3 网上购物的发展前景.2 第二章第二章 需求分析需求分析 3 3 2.1 系统可行性分析.3 2.1.1 经济可行性.3 2.1.2 技术可行性.3 2.1.3 操作可行性.4 2.2jsp 技术简介4 2.3html 技术.4 2.4 用户功能要求.5 第三章第三章 总体设计总体设计 6 6 3.1 系统概述.6 3.1.1 系统目标.6 3.1.2 系统结构.6 3.2 系统框架.9 3.3 开发要求.9 3.4 系统流程图10 第四章第四章 数据库设计数据库设计 1111 4.1 实体关系图11 4.2 数据表结构11 4.3 创建数据库14 4.4 数据库连接14 第五章第五章 详细设计详细设计 1515 5.1 用户管理模块15 5.1.1 用户注册15 5.1.2 用户登录17 5.1.3 找回密码17 5.2 用户资料修改模块19 5.3 购物车模块20 5.3.1 添加购物车21 5.3.2 查看购物车22 5.3.3 生成订单23 5.3.4 清空购物车23 5.4 订单查询模块24 5.5 留言板模块24 5.5.1 浏览留言板的分页显示25 5.5.2 添加留言26 5.6 后台功能模块26 5.6.1 管理员登录27 5.6.2 添加商品模块28 5.6.3 订单信息管理模块29 5.6.4 查询用户信息模块30 5.6.5 添加链接模块31 5.6.6 添加公告信息模块32 第六章第六章 系统测试系统测试 3333 总总 结结 3636 致致 谢谢 3838 参考文献参考文献 3939 1 引引 言言 伴随着 internet 的蓬勃发展，网络购物中心作为电子商务的一种形式正以其高效、 低成本的优势，逐步成为新兴的经营模式和理念，人们已不再满足于信息浏览和发布， 而是渴望着能够充分享受网络所带来的更多便利。的确，客户足不出户便可以方便地 选择自己喜欢的商品，这正是网络购物中心为客户带来的好处。 敏锐的网络商家当然不会错过这样绝好的机会，越来越多的网站投身到提供网络 购物服务的行列中来，一个基于 internet 的全球电子商务框架正在形成。 虽然很多网上购物都提供了方便的服务和众多的产品，但电子商务依然未能得到 足够的发展。究其原因，它的支付方式以及交易的安全性还存在很多问题。 完整的电 子商务系统包括商务信息的发布，交易双方的洽谈，合同的签订到支付的完成。它是 一个复杂的系统，涉及到众多的方面。电子商务是计算机技术、网络技术、数据库技 术的综合应用，其中最为重要的是支付和安全技术。网上支付有众多的方式，包括信 用卡、电子支票、电子现金等。目前，电子支票较多的应用于 b2b 电子商务中，网络 平台也主要集中在 edi 专网。 b2c 是电子商务的重要形式。但目前采取的支付方式较 为传统和单一，一般都采取货到付款或者邮购的方式。采用电子支付的较多的是银行 卡，操作起来非常复杂，同时也存在安全性问题，比如没有对定单签名，交易具有可 否认性。这些支付方式阻遏了电子商务的发展。 网络购物中心所承载的信息量大、购物流程比较繁琐，而且互联网中日益肆虐的 黑客和病毒对网络的安全性提出了更高的挑战。面对这一现实，本系统基于 windows 2000 server 中文企业版服务器和 sql server 2000 数据库，采用先进的 jsp 进行开发， 具有很高的稳定性和安全性。 本系统对从用户注册成会员，用户登录到网站，以及购买商品等一系列过程进行 了详细的设计与开发，用户可以随时查看购物车中所选定的商品，可以对商品信息进 行修改，删除，还可以随时查看自己的定单。未注册成为会员的朋友虽然不可以选购 商品，但是也可以浏览商品信息，查询商品信息，浏览本站最新公告，以及在留言板 上留言，说出自己对网站的建议及要求。还可以通过本站联接到相关其他网站进行查 询。而管理员可以通过后台操作进行添加商品信息，添加友情链接，处理用户订单， 查询、更改用户信息，以及更改或添加最新公告等。 本系统基本功能均已实现，是一个相对稳定、功能完善的基于 web 的网上购物系 统。 2 第一章第一章 系统概述系统概述 1.11.1 系统开发背景系统开发背景 本次系统开发主要是应软件工程专业毕业设计的要求，在众多的可选题目中，结 合当前的网络发展趋势及自身的兴趣爱好、实际水平，选择了开发一个专营十字绣的 网上购物系统。 目前，在中国乃至世界，网上购物是一个被及其看好的行业，而且还在不断的发 展壮大。近期的调查研究显示，63%的中国网民曾经网上购物。伴随着中国互联网的快 速增长，中国将会成为网上购物的巨大市场。 ac 尼尔森中国区董事长高恩指出：“我们近期做的关于电子商务研究显示全球的 网上购物都呈现了上升的趋势，中国的网上购物人数也在快速增长。中国的年轻一代 更热衷于网上购物，他们大多受过良好的教育。这从另一个方面预示了中国网上购物 的良好发展前景。 ” 1.21.2 电子商务的发展现状电子商务的发展现状 近几年,我国电子商务的发展正处于重要的机遇期,电子商务发展的环境正逐渐改 善,电子商务交易额逐年快速增长。与此同时,网上购物市场也在不断繁荣,参与到这一 行业的电子商务企业不断增加。网上商城作为一种提供电子商务交易平台性质的企业 逐渐涌现,正在吸引消费者和各行各业的注意。在中国,由于这是一种技术和经营模式 上的创新,而且这些企业目前都未盈利,所以这些企业的前景依然模糊。 在这一背景下,本 系统针对网上商城企业进行了一系列深入研究,通过大量数据对互联网、电子商务和网 上购物的市场情况进行了分析。并通过深刻剖析网上商城企业的发展情况,包括所提供 的产品和服务情况、业务流程、组织结构、网上商城企业面临的机遇和挑战，系统全 面的设计开发了一个专营十字绣的功能较为齐备的购物网站。另外，还通过友情链接 及留言板为顾客提供了购物以外的一系列增殖服务。 1.31.3 网上购物的发展前景网上购物的发展前景 从网上购物测试看，中国电子商务的发展前景很好，网上购物潜力巨大。在近期 公布的权威媒体调查及本次测试活动结果显示：b2c 网上商店发展前景相对比较乐观。 21%的网民曾经有过网上购物的经历；33%的网民准备亲身体验网上购物；而剩余网民 中的 87%会在未来的时间选择网上购物这一时间可能需要网上交易安全性提高到一 定程度，配送体系更加便捷，网上商品更加丰富。 中央电视台等媒体和拉拉手电子商务网日前联手推出了“中国首届网上购物测试” 活动，这次测试反映出，网民对网上购物前景比较乐观，只要解决好目前存在的一些 问题，网民还是比较愿意在网上购买。 comment wangnan1: 按软件工程文 档规范写，内容少，数据流衅和数据 字典至少要写上。 3 第二章第二章 系统需求分析系统需求分析 2.12.1 系统可行性分析系统可行性分析 .1 经济可行性经济可行性 internet 带动了电子商务的蓬勃发展，各类电子商务如雨后春笋般的出现。互联 网形态下的外部大的市场环境日趋成熟，对传统产业的影响不可忽视。 目前我国的大 中城市，电脑和网络的应用已经非常普遍，互联网的迅速崛起已经催生出了年仅 32 岁 身价几十亿的丁磊那样的中国首富，他的财富迅速超过了传统产业的一些巨头，包括 一些“钢铁大王”和一些当年的红色资本家几代人奋斗的资本积累，丁磊之所以能够 成为中国的首富，说明互联网产业的市场空间不容忽视，随着经济的发展和人们思想 意识的逐渐开放，更多的人加入到买电脑上网的行列。网上购物人群迅速扩大，各种 网络设施的完善，经济的持续发展及人们生活水平的提高，网上购物已逐渐成为人们 习惯性的行为。 网络正在冲击着人们的传统消费习惯和思维、生活方式。越来越多的人们逐渐习 惯于到网上查找信息，当他产生某种需求到网上查找相关产品和企业信息时就成了潜 在的客户，当信息能满足他的需要的时候，他就成了客户。即使暂时不需要产品，等 到他需要的时候，他就会再次到网上查看有关资料，成为顾客。假如企业、产品没有 上网，而竞争对手的产品信息上了网，该客户只看到竞争对手的资料而没有你的信息， 其结果必然造成你还没有来的及与竞争对手比质量、比价格、比服务就已经败下阵来 了，只因为这名消费者根本就不知道你的存在，你就被排除在外了。因此，在当今时 代开发出功能完善的网上购物系统无论对商家还是对用户都是一项极其有益的事业并 将对信息技术的发展和推动经济的进步起到至关重要的作用。 .2 技术可行性技术可行性 本系统使用了 jsp,jdbc,javabean 等技术来实现。使用 jsp 来实现界面的显示, 使用 javabean 来实现大部分的接口处理,本程序是按照 broswerserverdatabase 三层模式来构建,数据库操作都是通过 javabean 接口来实现的。对于 sql server2000 数据库与 web 服务器的连接是通过 jdbc 来实现的。因为 jsp 是以 java 为脚本语言的， 所以数据库的连接使用了 java 的 jdbc 技术，jdbc 技术在设计上和 odbc 很相似。jdbc 和数据库建立连接的一种常见方式是建立起一个 jdbc-odbc 桥接器。由于 odbc 被广泛 地使用，所以建立起这个桥接器后，使得这个 jdbc 有能力访问几乎所有类型的数据库。 简单地说，jdbc 能完成三件事： 1）与一个数据库建立连接 2）向数据库发送 sql 语句 3）处理数据库返回的结果 javabean 是一种可重复使用的软件组件。实际上 javabean 是一种 java 类，通过 4 封装属性和方法成为具有某种功能的或者处理某个业务的对象，简称 bean。由于 javabean 是基于 java 语言的，因此 javabean 不依赖平台。 .3 操作可行性操作可行性 针对网上购物模拟,首先进行注册,取得注册账号,确保客户的合法性,然后登录网 站,客户登录到本网站后，可以看到本站的最新公告信息，浏览商品并进行商品选购, 将选中的商品放入购物车,以便结账时进行确认,若客户在结算之前想退掉该商品可以 进行清空购物车操作，确认要购买该商品后,要去收银台进行结算,填写订单并且可选 择,付款方式。此外,还针对网上购物的安全性问题,作了深刻的探讨和研究。本系统开 设留言板,以便客户进行交流和进行售后服务的跟踪。网上购物系统操作简单，功能灵 活。 2.2jsp2.2jsp 技术简介技术简介 jsp(javaserver pages)是由 sun microsystems 公司倡导、许多公司参与一起建 立的一种动态网页技术标准，该技术为创建显示动态生成内容的 web 页面提供了一个 简捷而快速的方法。jsp 技术的设计目的是使得构造基于 web 的应用程序更加容易和快 捷，而这些应用程序能够与各种 web 服务器，应用服务器，浏览器和开发工具共同工 作。 jsp 规范是 web 服务器、应用服务器、交易系统、以及开发工具供应商间广泛合 作的结果。在传统的网页 html 文件(*htm,*.html)中加入 java 程序片段(scriptlet) 和 jsp 标记(tag)，就构成了 jsp 网页(*.jsp)。web 服务器在遇到访问 jsp 网页的请求 时，首先执行其中的程序片段，然后将执行结果以 html 格式返回给客户。程序片段可 以操作数据库、重新定向网页以及发送 email 等等，这就是建立动态网站所需要的功 能。所有程序操作都在服务器端执行，网络上传送给客户端的仅是得到的结果，对客 户浏览器的要求最低，可以实现无 plugin，无 activex，无 java applet，甚至无 frame。 由于 jsp 页面的内置脚本语言是基于 java 编程语言的，而且所有的 jsp 页面都被编译 成为 java servlet，jsp 页面就具有 java 技术的所有好处，包括健壮的存储管理和安 全性。 作为 java 平台的一部分，jsp 拥有 java 编程语言“一次编写，各处运行”的特点。 随着越来越多的供应商将 jsp 支持添加到他们的产品中，您可以使用自己所选择的服 务器和工具，更改工具或服务器并不影响当前的应用。 2.3html2.3html 技术技术 html 是 hypertext tarkup language 的缩写，即超文本标记语言，是在 www 上建 立超文本文件的语言，它通过标记和属性对一段文本的语言进行描述，它提供超文本 连接，可以指向网络中另一台计算机的文件，html 还支持在文本中镶入图象，声音， 动画等不同格式的文件，html 还具有强大的排版功能，利用 html 可以制作出任意版面 的主页。 5 html 文档制作不是很复杂，且功能强大，支持不同数据格式的文件镶入，这也是 www 盛行的原因之一，其主要特点如下： 简易性，html 版本升级采用超集方式，从而更加灵活方便。 可扩展性，html 语言的广泛应用带来了加强功能，增加标识符等要求，html 采取 子类元素的方式，为系统扩展带来保证。 平台无关性，虽然 pc 机大行其道，但使用 mac 等其他机器的大有人在，html 可以 使用在广泛的平台上，这也是 www 盛行的另一个原因。 2.4 用户功能要求 一个合格的网上购物系统要能够满足用户能实现基本的操作要求。用户在进行网 上购物的过程中，要有基本的用户详细信息注册模块，登录模块，为了安全起见，登 录后要能够随时修改个人的注册信息，比如用户密码，联系方式等。用户选择了中意 的商品后添加到购物车准备购买，但是若改变主意的话，应该能够在付款前退掉该商 品，那么此时就要进行清空购物车操作，用户将一件商品添加到购物车后，可以选择 继续购物，这样又返回主界面可以继续选择商品，若选择完毕可以去收银台结账，这 时客户需要填写订单，订单提交后，为了方便客户，我们还需要有一个客户可以随时 查询自己的订单被执行的情况的功能，所以该系统增加了查询“我的订单”功能模块。 为了提高网站和用户之间的互动性，我们另外开设了用户留言板版面，方便用户之间 的交流。 作为管理员的功能模块，首先要有管理员登录，即他的身份验证，管理员登录后 最基本的功能就是实现对客户信息的管理，还有要能更改商品信息，添加、删除等。 管理员要定期处理用户订单，以便及时确认用户订单，及时发货，使客户能在第一时 间内收到自己选购的商品。另外，管理员还有更改公告信息和添加友情链接的功能。 以上所述用户和管理员的各个功能模块本系统均已实现。 6 第三章第三章 系统概要设计系统概要设计 3.13.1 系统概述系统概述 .1 系统目标系统目标 本系统想实现的主要功能是提供清晰美观的系统界面，操作灵活、简便、实用性 强的系统结构。实现动态式信息发布，提供多种信息搜索及查询方式，全面自动化管 理，信息查询灵活、方便、快捷、准确。全面构建市场信息采集平台，整合企业在渠 道商和最终消费者之间的业务和信息，最终形成统一的基础信息管理平台，为企业决 策提供基础数据支持。并提供用户留言板，增强网站的互动性。 .2 系统结构系统结构 本系统分为前台和后台两个主要部分，前台部分有用户使用，主要包括用户注册、 生成订单、查看购物车、查看留言、订购产品、订单查询和发布留言 7 个模块；后台 部分有管理员使用，主要包括添加商品、处理订单、查看用户信息、添加链接、添加 公告信息等 5 个模块。 前台用户功能模块的流程图如下图 3-1 所示： 7 3-1 前台用户操作流程图 8 管理员操作的流程图如下图 3-2 所示： 图 3-2 管理员操作流程图 9 3.23.2 系统框架系统框架 基于 web 的网上购物系 统 前台部分后台部分 用 户 管 理 购 物 车 管 理 订 单 管 理 个 人 资 料 管 理 留 言 板 管 理 管 理 员 身 份 验 证 商 品 管 理 处 理 订 单 用 户 信 息 管 理 公 告 信 息 管 理 链 接 信 息 管 理 搜 索 商 品 图 3-3 系统框架图 10 3.33.3 开发要求开发要求 硬件平台： cpu：p4 1.8hz 内存：256mb 以上 软件平台： 操作系统： windows 2000 server 数据库： sql server 2000 开发工具包：jdk version1.4.2 jsp 服务器： tomcat5.0 浏览器： ie5.0 分辨率： 1024*768 11 3.43.4 系统流程图系统流程图 图 3-4 系统流程图 comment wangnan2: 加一节数据库 设计理论方面的内容，论文不能简单 地罗列几个图，要充实内容。 12 第四章第四章 数据库设计数据库设计 4.14.1 实体关系图实体关系图 图 4-1 实体关系图 4.24.2 数据表结构数据表结构 后台运用了 sql server 作为数据库，包括商品的基础信息表，用户信息表，留言信息表， 生成的订单表，购商品的详细信息表，超级链接信息表，管理员信息表，公告信息表，共 8 张表。 下面介绍这些表的结构。 （1）tb_ware(商品信息表)表主要用于保存商品的基础信息，如表 4-1 所示。 表 4-1 表 tb_ware 的结构 列名数据类型长度主键否允许空功能描述 wareidint4 是否货物 id warenamevarchar50 否否货物名称 warepricebigint8 否否货物价格 13 waretypevarchar20 否否货物类型 wareintrotext16 否否货物介绍 wareimagevarchar50 否否图片路径 wareifint4 否否是否推荐 dattimedatetime8 否否发布时间 （2）tb_user(用户信息表)表主要用于保存用户信息，如表 4-2 所示。 表 4-2 表 tb_user 的结构 列名数据类型长度主键否允许空功能描述 useridint4 是否用户 id usernamevarchar50 否否用户名 rnamevarchar40 否否真实姓名 userpassvarchar16 否否用户密码 emailvarchar50 否否 email addressvarchar80 否否用户地址 photovarchar30 否否联系电话 questionvarchar50 否否密码问题 resultvarchar50 否否答案 dattimedatetime8 否否注册时间 （3）tb_text(留言信息表)表主要用于记录留言信息，如表 4-3 所示。 表 4-3 表 tb_text 的结构 列名数据类型长度主键否允许空功能描述 textidint4 是否主题 id usernamevarchar20 否否作者姓名 emailvarchar50 否否 email dattimedattime8 否否发布时间 textnamevarchar50 否否主题名称 textguttext16 否否留言内容 （4）tb_sub(订单生成表)表主要用于记录新生成的订单，如表 4-4 所示。 表 4-4 表 tb_sub 的结构 列名数据类型长度主键否允许空功能描述 subvarchar50 是否订单号 14 uernamevarchar20 否否用户名 rnamevarchar50 否否真实姓名 spdatedatetime8 否否订购日期 emailvarchar50 否否 email addressvarchar80 否否地址 postvarchar50 否否邮编 paymentchar12 否否付款方式 photovarchar30 否否联系方式 carryvarchar30 否否运送方式 spifint4 否否订单核对 pthertext16 否是其他 （5）tb_shop(订单商品表)表主要用于记录某一订单中所订购商品的详细信息，如表 4-5 所示。 表 4-5 表 tb_shop 的结构 列名数据类型长度主键否允许空功能描述 subidvarchar50 是否订单 id warenamevarchar50 否否货物名称 pricebigint8 否否货物价格 wsumbigint8 否否货物数量 wcountbigint8 否否统计 （6）tb_link(超级链接表)表主要用于记录天家的超级链接信息，如表 4-6 所示。 表 4-6 表 tb_link 的结构 列名数据类型长度主键否允许空功能描述 lnamevarchar4 是否链接名 laddressvarchar30 否否链接网址 ldatetimedatetime16 否否发布时间 （7）tb_admin(管理员信息表)表主要用于记录管理员信息，如表 4-7 所示。 表 4-7 表 tb_admin 的结构 列名数据类型长度主键否允许空功能描述 idint4 是否管理员 id adminvarchar30 否否管理员名 15 adminpassvarchar16 否否管理员密码 （8）tb_affiche(公告信息表)表主要用于记录后台添加的公告信息，如表 4-8 所示。 表 4-8 表 tb_affiche 的结构 列名数据类型长度主键否允许空功能描述 testtext16 是否公告内容 dattimedatetime8 否否公告时间 4.34.3 创建数据库创建数据库 数据库的设计通常是以一个已经存在的数据库管理系统为基础的，常用的数据库 管理系统有 access、sql server、mysql、oracle 等。根据用户需求和业务流程，本 系统采用了 sql server2000 数据库管理系统。程序中所使用的数据库为 db_business。 新建表：在打开的数据库 db_business 中，选中“表”选项，右击鼠标，在出现 的快捷菜单中选择“新建表”选项。在表设计器中输入字段名，选择适当的数据类型 并设置长度，在“允许空”列表中，重要的字段不允许空，其他字段可以为空。在 “描述”文本框中，可以输入一些必要的说明。在“默认值”文本框中，可以输入一 些默认值，以减少输入工作量。输入完成后，单击“保存”按钮，将弹出输入表名的 对话框。表名输入完成后，表就设计成功了。 4.44.4 数据库连接数据库连接 数据库的连接主要是利用了 java 的 jdbc 技术，建立了 jdbc-odbc 桥接器，由于 odbc 被广泛使用，所以建立这种桥接器后，使得 jdbc 几乎有能力访问所有类型的数据 库。建立桥接器及连接数据库的代码如下： class.forname(“sun.jdbc.odbc.jdbcodbcdriver”) ; connection con=drivermanager.getconnection(“jdbc:odbc:business”,” ”,” ”); statement sql=con.createstatement(); resultset rs=sql.executequery(“select*from”); 16 第五章第五章 详细设计详细设计 5.15.1 用户管理模块用户管理模块 .1 用户注册用户注册 当用户第一次访问本网站时，只能浏览、查询商品信息以及查看本站公告栏信息， 但是不能进行商品的购买，若要真正实现网上购物功能必须注册成为本站会员。所以 用户流程的第一步是要注册。首先通过 http:/localhost:8080/business/index.jsp 地址登录到本地服务器上，即登录到该网站的首页，在首页的左上方有用户注册和登 录框，如下图 5-1： 图 5-1 前台首页 在实现首页的程序 index.jsp 中通过 html 语言显示了上图所示的网页，其中最上方图 片是通过引入的，下面的左右两侧分别为两个表结构， 表结构当中分别有相应的表单结构，当中的 action 设置的链接是相应的提交地址，当 输入用户名和密码点击注册按钮之后，这时通过链接到 user/index.jsp 就会显示如下 图 5-2 所示的注册信息填写的页面： 17 图 5-2 用户注册界面 该页面也是一个表结构，表当中又承载了一个表单结构，该表共分为 11 行，第一行显 现是“请填写注册信息”第二行到第十行均分为两列，其中第一列是同第一行完全一 样的对信息的单纯显示，第二列是 input 实现的输入框，其中第七行的第二列是和其 他的不同，这一列是用 textarea 实现的输入框，而最后一行则是有两个按钮组成，其 中提交按钮是通过一个链接 form action=“check.jsp“将用户输入的注册信息提交到 check.jsp 页面进行用户注册信息的处理，处理之后将用户信息写进数据库，然后弹出 一个用 javascript 实现的对话框如下图 5-3 所示: 图 5-3 注册成功 点击确定之后返回首页。 用户注册页面 user/index.htm 提交的数据表单如下表所示： 表 5-1 用户注册页面提交的表单 名称元素类型含义 usernametext 用户名 rnametext 真实姓名 passwordtext 密码 pasatext 确认密码 18 emailtextemail addresstextarea 地址 phototext 联系电话 passtext 找回密码问题 questiontext 问题答案 formlformaction=“check.jsp” method=“post” .2 用户登录用户登录 重新在首页上用户名和密码的位置输入已注册完成的用户名和密码，点击登录按 钮，就会自动链接到如下页面，这时用户登录框变成了公告信息。 图 5-4 用户登录后界面 在该页面上用户可以选择自己喜欢的商品放入购物车，并进行购买。 .3 找回密码找回密码 当密码意外丢失会给用户带来不必要的麻烦，重新注册一个新的用户既浪费了时 间，也浪费网站的资源，如果用户只记住自己注册的用户名及电子油箱名并提供密码 提示的问题和答案就可以找回密码。如图 4-1 在用户注册、登录输入框的下面有一行 “从这里找回密码”点击它之后会链接到如下页面： 19 图 5-5 找回密码界面 这个页面的实现与图 5-2 是一样的原理，再点击查找之后便将所添入的信息提交到了 user/res.jsp 页面，在该页面中会提取用户提交的用户名、email、提示的问题、答案 的信息，并同时从数据库中获取相对应的信息，若输入的信息不准确就会导入如下界 面： 图 5-6 找回密码时信息有误 这个对话框同图 5-3 一样，都是用 javascript 语言实现的。确定之后又返回图 5-5 的 找回密码页面，当输入无误的信息之后提交便可找回自己的密码，如下图所示： 图 5-7 找回密码成功界面 这个对话框的实现同样是使用了 javascript 语言。 找回密码页面 user/pass.htm 提交数据表单如下表所示： 表 5-2 找回密码页面提交的数据表单 20 名称元素类型含义 usernamettext 用户名 emailttextemail questionttext 找回密码的提示问题 resultttext 答案 form1formaction=“res.jsp” method=“post” 5.25.2 用户资料修改模块用户资料修改模块 用户修改资料是为用户更改个人信息所提供的窗口，用户只有登录网页后才有权 限修改个人信息。 用户资料修改模块在前台主页的导航条上，单击“修改资料”链接，进入用户资 料修改页面，该页面主要用于修改用户信息，其运行结果如下图所示： 图 5-8 用户资料修改界面 该页面是由 user/uedit.jsp 显示的，其中 form 的 action 设置成了“ucheck.jsp“，即 用户添加完修改信息后点击修改会被提交到 user/ucheck.jsp 页面进行信息处理，在 user/ucheck.jsp 文件中，对上个页面提交上来的内容进行提取，并将数据库中注册 信息表中的信息进行修改，单击修改按钮，如果提交的数据无误，将弹出“数据更新 成功”的消息对话框；否则将弹出“更新失败”的消息对话框。在处理用户修改资料 的页面中最关键的技术是利用 condb.java 中的 executeupdate（）方法对数据库进行 更新操作，其代码如下： int temp=con.execute update（str） ； 用户资料修改页面提交的数据表单如表 5-3 所示 21 表 5-3 用户资料修改页面提交的表单 名称元素类型含义 usernametext 用户名 passwordpassword 密码 emailtextemail addresstextarea 地址 phototext 联系电话 passtext 找回密码问题 questiontext 问题答案 5.35.3 购物车模块购物车模块 在超市购物，可以根据自己的需要将很多种商品挑选至购物车（篮）中，然后到 收银台结款。而在网上虚拟的商城中当然没法提推车子，通常都会采用一种被叫做 “购物车”的技术来模拟现实生活。这种技术使用起来十分方便，不但可以随时添加、 查看、修改、清空购物车中的内容，还可以随时去收银台结账。 购物车是每一个 jsp 程序员必须掌握的一项技术，也是本系统应用的重点。它主 要是应用了 jsp 的内置对象 session 来临时保存商品的有关信息，当用户清空购物车 时它就用 session 对象调用 removeattribute 方法来清空 session 中保存的商品信息。 购物车模块的操作流程如下图所示： 22 图 5-9 购物车的操作流程图 .1 添加购物车添加购物车 添加购物车就是把用户选中的商品暂放在购物车中。当用户在前台首页中单击商 品展示区的购买按钮是，系统会将该商品的详细信息展示在查看物品清单的页面中， 如图： 23 图 5-10 查看物品清单页面 用户在单击物品清单下方的放入购物车链接，就会将该商品放入购物车中。添加购物 车主要是由 user/add.jsp 实现的，具体是从 session 中读取 shop 对象，如果为空则 说明还没有进行购物或者购物车已经清空，需要新建购物车对象；将商品添加到购物 车列表中 。此处的关键问题是 session 的应用，它是 jsp 的一个内置对象，用来暂时 存储顾客已选中的商品，即放入购物车中的商品，而 shop 则是一个集合类型的对象， 集合类型在 java 中又称为向量（vector） ，它可以加入重复数据，作用和数组相同， 可以保存一系列数据，但是集合类型还有它独特的优点，就是它可以方便地对集合内 的数据进行查找、增加、删除和修改等操作。 .2 查看购物车查看购物车 为了使用户能够随时方便地查看自己购物车中已经添加的商品信息，本系统还在 商城的首页上添加了“购物车”链接，用户可以随时通过它来查询购物车，查询购物 车信息页面如下图所示： 24 图 5-11 查看购物车页面 系统每次只会将 1 个商品放入购物车中，如果用户需要多个同种商品，可以通过修改 商品信息右侧相应文本框的值来完成，操作完成后单击修改按钮就可以成功修改商品 信息了。 .3 生成订单生成订单 生成订单是网上购物商城的最终目的，前面所有功能的实现都是为最后生成一个 用户满意的订单做基础，在此，要生成一个可供用户随时查询的订单号，还要保存用 户订单中所购买的商品信息。当用户确认对购物车不再改变以后，就可以到收银台结 账并生成订单。结账的流程为：从购物车中读取商品名称、商品数量、商品价格信息， 生成一个唯一的订单号，同时也把用户注册的基本信息读取出来，形成一个完整的订 单写进数据库。 在生成订单模块中主要使用了调出用户信息并生成唯一订单号，调出用户信息就 是完全的对数据库进行操作，利用 session 对象把登录都的用户名保存起来，在订单 生成时把保存的用户名从数据库的用户表中取出即可。生成唯一订单号的方法有很多， 只要确保订单号码的唯一性及方便用户记录以便于查询自己订单的执行状态即可。本 系统中处理生成唯一订单号的代码是 sub/index.jsp，结账填写订单的页面如下图所示： 25 图 5-12 填写订单页面 订单生成后，用户单击提交按钮，便可以将录入的订单信息保存到数据库中。此操作 由 manager.jsp 完成。 .4 清空购物车清空购物车 清空购物车是指当用户订单生成后，若还想继续购物一定要清空购物车再进行选 购商品，这样防止重复购物，清空购物车是通过将 session 对象中存储的 shop 对象清 空来实现的，程序中，此功能是由 user/putin.jsp 来实现的。关键代码如下： alert(“购物车中已被清空“); window.location.href=“/index.jsp“; 5.45.4 订单查询模块订单查询模块 用户提交订单后，通过产生的订单号来查询订单信息及订单的执行状态。本系统 在商城的首页上设置了“我的订单”超链接，进入订单查询页面，执行结果如下图： 26 图 5-13 查看“我的订单页面” 此处的关键是用户在提交订单之前一定要记住自己的订单号，这样方便随时查询订单 的执行情况。 5.55.5 留言板模块留言板模块 为了加强用户和网站之间的互动性以及用户和用户之间的交流，本系统还特意设 置了留言板板块，浏览和添加留言的权限是只要光顾本网站的人就可以享受的，是不 是本站会员均可。只要在首页上打开“留言板”超链接即可浏览留言。操作结果如图 所示： 图 5-14 查看留言板页面 27 .1 浏览留言板的分页显示浏览留言板的分页显示 留言板的分页显示是功能可以给用户提供方便的服务，用户可以通过单击“上一 页” 、 “下一页” 、 “最后一页” 、 “第一页”或者从文本框直接键入一个数值跳转到相应 页来浏览留言信息，程序中实现分页的代码是由 admin/browse.jsp 实现的。 对网页进行分页显示首先要确定记录跨度，就是每页所显示的记录数，在本例中 用 pagesize 表示，代码如下： int pagesize=4； 记录的总条数可以从数据库中通过查询语句得到，在本例中用 rowcount 表示，代 码如下： rs.last(); rowcount=rs.getrow(); 计算总页数，总页数=总记录数/跨度，如果除不尽就加 1，代码如下： pagecount=(rowcount%pagesize)=0?(rowcount/pagesize):(rowcount/pagesize)+1); 如果获取文本框中的数据不为空就把它转成整型数据，然后赋值给当前获取页再 做进一步判断，如果获取的页数大于总页数，就把总页数赋给获取页；若获取页的页 数小于 0，则把获取页赋值为 1。 计算当前记录数，当前记录数=（获取页数-1）跨度+1，代码如下： rs.absolute(showpage-1) pagesize+1); 下一步就是在当前记录数位置开始循环，当数据库没有记录的时候终止循环。 .2 添加留言添加留言 添加留言是用户与用户以及用户与网站之间交流的一种模式，只有把拥护想要说 的内容添加到数据库中，才能在浏览留言板中进行显示。 用户单击图 5-13 的“添加留言“链接便可以打开添加留言页面，如图： 28 图 5-15 添加留言页面 用户在添加留言中单击“提交”按钮，系统会将数据表单提交到 admin/addlea.jsp 页 进行处理，该页用来实现将留言内容存入到数据库中。添加留言页面提交的数据表单 如下表： 表 5-4 添加留言页面提交的数据表单 名称元素类型含义 usernametext 姓名 emailtextemail motiftext 留言主题 demotext 留言内容 form1formaction=“addle.jsp” method=“post” 5.65.6 后台功能模块后台功能模块 后台功能只允许具有管理员权限的用户使用，它实现前台功能的基础。后台包括 管理员身份验证、添加商品模块、订单信息管理模块、查询用户信息管理模块、添加 链接模块、公告信息管理模块组成。 后台系统框架如下图所示： 29 后台主页 后台头部后台中部后台左侧 添加商品订单信息管理用户信息管理添加超级链接 添加公告信息 显示查询 删除用户订 单 删除用户信息 公告处理执行订单状态 图 5-16 后台系统框架图 .1 管理员登录管理员登录 在前台主页的下方有一个“管理员登录”链接，单击出现如下页面： 图 5-17 管理员登录界面 输入正确的用户名和密码便可登录到后台操作