网上商城交易平台设计电子商务毕业论文.doc

摘 要 随着 internet 在中国的迅速发展,人们日常生活中越来越多地使用这项新的技术来为 自己的工作和学习服务.由于 web 页面能把文本、图像、声音、动画、视像等多种媒体信息 集于一体，不但使信息的显示更加生动，而且使信息的浏览更为方便,同时 web 页能实现网 上交易平台、客户信息反馈方便了企业与客户之间信息交流。 本系统充分利用了 jsp 网络开发技术为表业网上商城交易平台的设计与实现提供了良 好的开发平台，并且采用了 mvc 模式对系统进行开发。用户通过这个交易平台，可以搜索 及查询商品并且可以进行货交易，不同的用户有不同的权限。供应商具有将商品摆放在网 站出售的功能。管理员可以有效的管理用户及商品。 本文主要分析了该交易平台实现的相关技术原理，给出了交易平台实现的系统架构， 并对架构及交易平台模块结构作了划分及设计。本文在系统的架构上采用了当前流行的 b/s 结构，通过 jsp、java script 、dreamweaver 和 microsoft sql server 2000 数据库 等软件的强大功能完成了该交易平台。 经过测试，该系统能够在 window2003+ tomcat 中用 ie 浏览器正常运行。该交易平台 简单方便，易于用户操作。为学生们的货交易提供了个良好的交易平台。 关键词关键词：jsp；java script；dreamweaver； 数据库系统；b/s campuscampus secondarysecondary marketmarket tradingtrading platformplatform forfor thethe designdesign andand implementationimplementation abstractabstract with the rapid development of internet technique in china, more and more people use the new tech as a tool severing their life and study. because web page can collect text, image, sound, animation, video together. and the hypertext property of homepage can not only make the display of information pages lively, but also make the browse of information more convenient. the system makes full use of jsp web development technology ，and it provides a good development platform for the design and implementation of campus secondary market trading platform ,also the system development uses the mvc model. through this trading platform, users can search and inquiries goods and make second-hand transactions. different users have different permissions. administrators can manage users and merchandise effectively. in this paper, it analysis the technologies related principle of the trading platform and provides the system structure for the implementation of transaction platform .it also makes design division for the module structure of trading platform. in this paper, the current b/s structure, jsp, java script, dreamweaver and microsoft sql server 2000 database software completion of the strong capabilities of the trading platform. in this paper ，the system structure used the current epidemic b/s structure, and make the secondary commodities to be traded in the platform which is developed by using the jsp, java script, dreamweaver and microsoft sql server 2000 database technologies. after testing, the system can be operated well in ie browser which is under window2003+ tomcat environment. the trading platform is simple and convenient, and easy to operate, which is good for transaction of second-hand commodities by the students. keywords: jsp；java script；dreamweaver；microsoft sql server 2000；b/s 目 录 第一章 前言 1 1 1.1、课题选择的背景及意义1 1 1.2、课题研究的内容和本论文的组织结构1 1 第二章 系统的分析 3 3 2.1、可行性分析3 3 2.2、需求分析3 3 2.2.1、系统描述 4 2.2.2、权限 4 2.2.3、用例识别 4 2.3、系统开发环境6 6 第三章 系统的总体设计 7 7 3.1、系统流程7 3.2、系统模块设计9 3.2.1、前台客户端管理模块 9 3.2.2、后台管理端模块 .10 3.3、系统 e-r 图的设计 11 3.4、数据库设计.13 3.5、开发工具及关键技术的介绍.14 3.5.1、jsp 技术介绍 .14 3.5.2、javascript 概述.15 3.5.3、mvc 概述 15 3.5.4、uml 概述 17 第四章 程序模块的实现及界面设计 1919 4.1、程序登录及注册.19 4.2、查询功能模块.24 4.3、购物车功能模块.24 4.4、供应商管理模块.27 4.5、系统管理模块.29 第五章 总结 3535 参考文献（references） 3636 致 谢 3737 毕业设计（论文） 1 第一章第一章 前言前言 1.11.1、课题选择的背景及意义、课题选择的背景及意义 近年来，随着internet的迅速崛起，互联网已日益成为收集提供信息的最佳渠道 并逐步进入传统的流通领域。于是电子商务开始流行起来，越来越多的商家在网上建起在 线商店，向消费者展示出一种新颖的购物理念。网上购物系统3作为b2b,b2c（business to customer,即企业对消费者） ，c2c（customer to customer,即消费者对消费者)电子 商务的前端商务平台,在其商务活动全过程中起着举足轻重的作用。本文主要考虑的是如何 建设b2c的网上购物系统。 网上购物是一种具有交互功能的商业信息系统。它向用户提供静态和动态两类信息资 源。所谓静态信息是指那些比经常变动或更新的资源，如公司简介、管理规范和公司制度 等等；动态信息是指随时变化的信息，如商品报价，会议安排和培训信息等。网上购物系 统具有强大的交互功能，可使商家和用户方便的传递信息，完成电子贸易或edi交易。这种 全新的交易方式实现了公司间文档与资金的无纸化交换。 internet 经过 20 年的发展，已经成为世界上覆盖最广、规模最大、信息资源最丰富的计 算机网络，它延伸到了世界的每一个角落，兼容所有的传输媒介，支持成千上万不同的应 用。internet 极大地推动了世界经济向知识经济的转变，近两年间，随着国际互联网以惊 人的速度席卷全球之际，我国多媒体网络覆盖面也在不断扩大。然而，商家们能够得到更 好的利用所欠缺的正是这么一个交易平台。因此，利用 internet 这个媒介建立一个功能强 大的、界面美观的表业网上商城交易网站，创建表业网上商城交易系统平台，为商家们的 货物能更好的得到利用而搭建一个良好的交易平台。 1.21.2、课题研究的内容和本论文的组织结构、课题研究的内容和本论文的组织结构 本文通过软件工程的方法对一个小型的表业网上商城交易网站进行了详细的设计及介 绍，对这个交易网站进行了积极的开发和实践。作为一个小型的表业网上商城网站，它为 喜好表的客户提供了一个良好的交易平台。让商家能够更好的处理自己货物。例如：客户 可以通过这个交易平台选择自己喜欢的手表放到购物车内，然后进行交易。并且客户们可 以通过这个网站搜索查询自己要找的手表等。 本论文的组织结构为： 第一章：前言 （前言部分主要描述课题选择的背景、意义、和研究的主要内容） 第二章：系统的分析 （本章主要通过三个部分对系统进行分析，首先从系统的可行性进行分析。其次， 通过对系统进行需求分析了解在系统开发前做好充分的准备工作，及系统具体实现的 功能和大体分为几个部分。最后，为系统配置好开发和运行环境。 ） 毕业设计（论文） 2 第三章：系统的总体设计 （本章主要详细了描述整个系统的流程，系统的各个功能的模块设计，系统 e-r 图的设计及数据库的设计，还有对系统开发工具及关键技术的一些介绍） 第四章：程序模块的实现及界面设计 （本章对系统的各个功能模块进行了详细的设计及描述） 第五章：总结 （本章将主要对全文进行总结分析，找出其不足的地方，并阐述了整个系统的一 个发展前景） 毕业设计（论文） 3 第二章第二章 系统的分析系统的分析 2.12.1、可行性分析、可行性分析 1.技术可行性 表业网上商城网站主要通过 jsp 网络编程技术及 sql server 2000 对其进行开发和实 现的。作为 j2ee 体系中的重要一环，jsp 为创建高度动态的 web 应用提供了一个独特的开 发环境。jsp 能够适应市场上包括 apache webserver、iis4.0 在内的 85的服务器产品， 这足以胜任绝大多数的商业事务处理。同时 jsp 代码经过服务器的解释执行后会直接嵌入 到 html 语言中，这样就简化了页面的输出，也保留了脚本语言易于使用的优点。jsp 作为 一种 web 实现技术，它的效率是很高的。除此之外，作为 java 平台的一部分，jsp 拥有 java 语言“一次编写，各处运行”的特点。又随着越来越多的服务器供应商将 jsp 支持添 加到他们的产品中，这样一来用 jsp 做成的这套系统可以轻松移植到其它平台来运行。种 种优点都为建设表业网上商城网站打下了良好的基础。所以 jsp 是实现本系统的最佳技术， 它是完全可行的。jsp 同其他的 web 脚本语言不同，它本身不定义访问数据库的标签，而 是开发了另一个访问数据库的机制，即 jdbc。microsoft sql server 2000 是一个专为分 布式客户机/服务器计算环境而设计的关系型数据库管理系统，它继承了高性能、高可靠性 和可伸缩性的优势，并把它们延伸到能满足当今商业竞争需要的新领域内。一个综合的分 布式管理框架结构提供了集中管理组织机构中所有数据库服务器的功能。通过增强的基于 windows 的管理工具和强大的基于服务器的作业日程安排，可以直观地控制多个服务器， 并且实现分布式环境命令构成的远程操作的自动执行，还能提供丰富的开发环境。 microsoft sql server 2000 提供完整的资料库与分析并为许多任务提供了命令，其中包 括：查询数据，在表中插入、修改和删除记录，建立、修改和删除数据对象，控制对数据 和数据对象的存取，保证数据库一致性和完整性。 2.经济可行性 通过这个交易平台网站，充分利用 internet 全面宣传和销售商品，让商品可以得到充 分的利用，既提高了商品的利用价值，而且节省消费时的开支 ，这对于没有稳定收入来源 的学生而言，很好的为他们节省了生活费，而且又拿到了自己想要的商品。 3.可操作可行性 此系统是基于网页式的,界面友好，操作方便。 2.22.2、需求分析、需求分析 众所周知，软件需求分析在软件开发中起至关重要的作用，他对于软件的质量往往具 有决定性的意义。因此在进行开发前，我们有必要充分地了解和论证软件所具有的功能和 性能等。 需求分析的任务是定义待开发的软件的功能、性能等指标。首先要了解此系统必须具 备的相关业务。如果你给一家公司做一个商业网站，除了参考现在已存在的类似和相关系 毕业设计（论文） 4 统外，还需要通过用户的演示、讲解和有关文档，与用户进行交流协商。其次要分析用户 的业务流程，通过将了解到的用户活动加以整理并按照这些活动所固有的次序形成业务流 程。还需要了解用户对于软件的期望值，除了需要能够正确的处理用户的业务外，还需要 了解用户对系统的其他需求。这些无论对于用户还是开发者而言都是很重要的。最后整理 出用户需求并评审需求。 .1、系统描述、系统描述 本系统大体包括两个基本部分，一个是前台销售程序，用户在前端浏览、搜索商品， 能够看到此交易平台的最新消息，用户在前台使用购物车的工具在网站上模拟购物，并且 可以对放入购物车中的物品进行添加和删除处理。并且用户还可以通过网站发布的消息， 搜索自己想要的货物，同时还设置了不同权限的用户，即一般用户和供应商，它们所执行 的权限也是不一样的，一般用户只可以购买货物，然而供应商可以在这个交易平台出售自 己的货物。另一个是后台信息管理程序，管理员在此管理整个交易平台的商品的类别、更 改网站上货物的相关信息。并可以在网站上修改及删除相应的用户。 .2、权限、权限 权限指的是找出所有可能与系统发生交互行为的外部实体、对象和系统。它们的行为 不受系统控制，但是可以提供输入给系统。在前面的系统描述中可知，消费者在访问系统 时，浏览商品和最新消息，并使用购物车筛选自己想要的商品，购物完后到服务台进行结 账。并保留订单以便收到货物进行核对，很显然系统存在这样的主要角色，我们定义该角 色为前端用户。其实在前端用户中又可以分为普通用户和供应商，他们的权限又是不一样 的，普通用户可以浏览和购买商品，而供应商则可以浏览和出售商品。同样在系统的后台， 也需要人员管理商品、消息，查询、处理订单，管理注册用户，我们定义该角色为系统管 理员。综上所述，本系统实际只包含两个角色：前端用户和系统管理员。实际上，我们仍 然可以将系统管理员进行细化成商品和消息管理员、订单管理员等等。 .3、用例识别、用例识别 在角色的基础上，可以识别出与权限相关的用例，从而得到系统的用例模型，如图 2.1 所 毕业设计（论文） 5 图 2.1、系统用例模型用户和管理员 毕业设计（论文） 6 2.32.3、系统开发环境、系统开发环境 1、硬件平台： cpu：赛扬 2.4 内存：512mb 2、软件平台： 开发工具：myeclipse3.1、tomcat5.5、 dreamweaver、ultraedit 操作系统：windows 2003 操作系统 数据库：microsoft sql server 2000 个人版 浏览器：ie6.0 以上。 分辨率：最佳效果 1024768 像素。 毕业设计（论文） 7 用户 查看消息,浏览商品, 搜索查询商品 购物车 用户登录判断 用户登录 服务台 用户注册 用户订单回执 无登录 新用户 登 录 图 3.1 客户端流程图 第三章第三章 系统的总体设计系统的总体设计 3.13.1、系统流程、系统流程 通过以上的分析介绍，我么已经定义了系统角色及用力模型。作为一个完整的系统， 有必要知道整个交易的流程，这有助于我们明确系统开发任务和功能模块。 浏览者在进入网站后，访问网站的首页，其中除了有各类商品的入口，还可以看到各 种消息公告，其中还有供给消费者搜索的功能。当你看到感兴趣的商品时，还可以单击察 看它的具体信息。如果可以的话，你可以将它加入到你的购物车中，当然你可以修改自己 的购物车内的商品。最后就是去服务台结账。但是在你购物之前，你必须注册或登入进入 网站，否则，就没有权限进行购物。 在结账的同时，必须填写自己的真实身份及联系方式等等。当网站的管理人员收到订单后， 将进行核对，确认完后就可以发货了。上面的这些可以说是整个网站的核心部分，为了实 现它，必须辅以其他功能，比如商品的管理、消息管理，以及用户管理等。 为了更加清晰地表达系统的业务功能模块，我们画出了以下的流程图，对于不同的角 色，他们所承担的任务各不相同，流程也不一样，包括客户端流程（面向前端用户，如图 3.1 所示） 、管理端流程（面向系统管理员，如图 3.2 所示）及服务台结账的流程（如图 3.3 所示） 。 毕业设计（论文） 8 管理员 用户验证 验证成功 商品管理,订单管理用户管理,消息管理 n y 图 3.2 管理端流程图 用户+购物车 用户登录判断 服务台 用户登录 用户登录 用户主册 用户注册信息填写 用户注册成功 n y n y 图 3.3 服务台结帐流程图 毕业设计（论文） 9 3.23.2、系统模块设计、系统模块设计 有了系统流程描述和做出的流程图后，我们就可以根据流程图将系统划分成一些模块， 如表 3-1 所示。 表 3-1 序 号功能模块类别功能模块备 注 1个人信息管理 2信息浏览 3信息查询 4购物 5 客户端 前台订单处理（结账）需要用户模块共同工 作 6用户管理 7公告消息管理需要管理端用户验证 8商品管理需要管理端用户验证 9 管理端 后台订单处理需要管理端用户验证 上图是根据模块完成任务的不同进行划分，一共包括 9 大模块，其中与前台相关的共 5 个，与后台相关的共 4 个。这些模块都是建立在我们对系统的需求分析和设计的基础上 的。当然，上表中的模块只是大概的描述了系统的整体结构。下面我们在详细介绍下各个 功能模块的划分和细节。 .1、前台客户端管理模块、前台客户端管理模块 、个人信息管理中的功能模块、个人信息管理中的功能模块 任何系统功能的实现都离不开角色的参与，为了赋予不同用户不同的权限和功能，也 为了一定程度确保交易的安全顺利进行，我们必须对各种用户进行管理。从表中可以看出 系统提供给用户登录，注册，查看修改等等功能。如表 3-2 所示 表 3-2 个人信息管理功能模块 序 功能列表功能明细备注 毕业设计（论文） 10 号 1用户登录用户输入用户名和密码进行验证 2用户注册注册用户与登录系统，拥有不同的用 户权限 供应商具有将商品添 加到网站的功能 3用户信息查看浏览用户填写的注册信息 4用户信息修改编辑、保存及修改用户信息和密码 、信息浏览功能模块、信息浏览功能模块 可以看到这些功能和用户进入交易平台首页后相关的。作为一个交易网，大家关心的 不过是自己感兴趣的商品，有没有什么好的货以及网站内的一些信息等等。这些都是一个 网站能否吸引客户的关键因素。其功能模块如表 3-3 所示。 表 3-3 信息浏览模块 序 号功能列表功能明细 1查看商品列表商品名称，类别，发布日期 2查看商品内容商品名称，类别，发布日期，内容 3查看商品类别列表列表名称，类别列表 、信息查询功能模块、信息查询功能模块 为了方便客户能够在这个网站内查询到自己想要的货物，特意设计出通过关键字来查 询此货物的功能模块。大大方便了用户购买和查看商品。 、购物车功能模块、购物车功能模块 购物车在整个网站中，起到了十分重要的作用，购物者是直接和它打交道的。可以看 出在购物功能中，购物车模拟了详实生活中商城中购物篮的功能。包括购买商品（即把商 品放入购物车） 、浏览购物车商品列表、取消购物车商品、修改购物车种商品的数量和清空 购物车的功能。购物车是某次会话绑定的，具体如表 3-4 所示。 表 3-4 购物车功能模块 序 号功能列表功能明细 1将商品放入购物车将自己需要，喜欢的商品加入到自己的购物车中 2浏览购物车购物车列表，序号，商品名称，购买数量，商品 单位价格，等等 3取消购物车种商品从购物车中将物品拿出或删除 4编辑购物车中的商品数量修改购物车中已存在商品的数量 5清空购物车将购物车中的商品清空 .2、后台管理端模块、后台管理端模块 、用户管理功能模块、用户管理功能模块 它与前台用户的个人信息管理功能模块是不同的。这里管理的是所有的注册用户和系 毕业设计（论文） 11 商品 用户 购物出售 供应商 系统管理员 管理 m n n n m m 图 3.4 商品实体与系统各角色实体之间关系的 e-r 图 统管理员的信息，是真正意义上的用户管理模块。其具体功能如表 3-6 所示。 表 3-5 用户管理功能模块 序 号功能列表功能明细 1管理员登录管理输入用户名和密码，系统进行验证 2后台验证管理员在进行个功能模块管理时，系统都要验证 3查看用户信息查看用户信息 4修改用户信息编辑用户信息 5删除用户删除用户 6添加用户添加用户 7确认用户对注册用户进行确认 后台验证支持用户登录功能，与后端数据库表的登录名称和登录密码进行核对。添加 用户主要是在系统管理员进行用户管理时，增加系统管理员，或是确认用户的注册。确认 用户是对注册的用户信心进行确认。 、商品管理功能模块、商品管理功能模块 商品管理（如表 3-7 所示）是本系统为用户提供服务的一个重要的部分，管理员可以 利用这个模块来为用户提供商品服务，完成商品的添加、删除和修改，而且在后台也要完 成商品的搜索，以方便对商品的管理。 表 3-6 商品管理功能模块 序 号功能列表功能明细 1查看商品列表序号，商品名称，商品类别，管理进入，详细进 入 2搜索商品商品名称，类别等 3查看商品详细信息列出商品信息及相关事项 4添加商品类别添加商品的各个类别 5修改商品信息修改商品信息 6删除商品删除商品信息 3.33.3、系、系统统 e-re-r 图图 的设计的设计 根据以上的分析， 可以确定下的实体有： 管理员信息实体， 用户信息实体，商品信息实体。 e-r 图如下： 毕业设计（论文） 12 图 3.5 用户实体 e-r 图 用户 用户名 密码 用户角色 管理员 用户名密码 图 3.6 管理员实 e-r 图 各实体 e-r 图如下图所示: 用户实体 e-r 图（如图 3.5 所示）： 管理员信息实体 e-r 图（如图 3.6 所示）： 毕业设计（论文） 13 商品 商品名 商品分类商品价格 商品上架时间 图 3.7 商品实体 e-r 图 商品信息实体 e-r 图（如图 3.7 所示）： 3.43.4、数据库设计、数据库设计 本交易网站采用的是 microsoft sql server 2000 进行系统设计和开发的。系统共有 3 张表。由于直接在代码中编写了管理员的登录帐号和密码。故在此没有写设计管理员的 数据表。 表 3-7 数据库表单 序号数据库表数据库名称 1ggroup商品分类 2goods商品信息 3users用户信息 （1） 、商品分类表 此表主要用于管理商品的分类： 表 3-8 ggroup 表 商品分类表 序号字段名字段类型说明备注 1group_idint分类组编号 not null 2group_namevarchar(50)分类组名称 3group_infovarchar(50)分类组信息 4group_add_tmvarchar(50)分类组添加时间 （2） 、商品信息表 毕业设计（论文） 14 此表主要用于保存商品的相关信息： 表 3-9 goods 表 商品信息表 序号字段名字段类型说明备注 1wp_idint物品编号 not null 2wp_imgvarchar(50)物品图片 3wp_namevarchar(50)物品名称 4user_idvarchar(50)用户编号 5wp_groupvarchar(50)物品所在组 6wp_pricevarchar(50)物品价格 7wp_infovarchar(50)物品信息 8wp_datevarchar(50)物品上架时间 （3） 、用户信息表 此表主要是保存用户相关信息，及新用户注册的信息： 表 3-10 users 表 用户信息表 序号字段名字段类型说明 1user_idvarchar(50)用户编号not null 2user_namevarchar(50)用户名 3user_tnamevarchar(50)用户的真实姓名 4user_addressvarchar(50)用户的联系方式 5user_pwdvarchar(50)用户密码 6user_groupvarchar(50)用户所在组 7user_regtmvarchar(50)用户注册时间 3.53.5、开发工具及关键技术的介绍、开发工具及关键技术的介绍 系统综合应用了网络编程技术（jsp） 、数据库软件的应用（microsoft sql server 2000） 、java bean、uml 等技术。 .1、jspjsp 技术介绍技术介绍 jsp 的全称是 java server pages，它是由 sun microsystems 公司于 1999 年 6 月推出， 许多公司参与一起建立的一种动态网页技术标准。基于 java servlet 以及整个 java 体系 的 web 开发技术。jsp 技术是用 java 语言作为脚本语言的，jsp 网页为整个服务器端的 java 库单元提供了一个接口来服务于 http 的应用程序。作为 j2ee 体系中的重要一环， jsp 为创建高度动态的 web 应用提供了一个独特的开发环境。 在传统的网页 html 文件(*.htm,*.html)中加入 java 程序片段(scriptlet)和 jsp 标记 (tag)，就构成了 jsp 网页(*.jsp)。web 服务器在遇到访问 jsp 网页的请求时，首先执行 毕业设计（论文） 15 其中的程序片段，然后将执行结果以 html 格式返回给客户。程序片段可以操作数据库、重 新定向网页以及发送 email 等等，这就是建立动态网站所需要的功能。所有程序操作都在 服务器端执行，网络上传送给客户端的仅是得到的结果，对客户浏览器的要求最低，可以 实现无 plugin，无 activex，无 java applet，甚至无 frame。 jsp 是一种实现普通静态 html 和动态 html 混合编码的网页技术，具有跨平台性、运 行效率高、上手容易等优点。在用 jsp 进行 web 开发时，需要用到应用服务器来进行资源 共享、网络通信等进行分布式应用。在支持 jsp 的应用服务器中采用 tomcat。tomcat 是 apache-jarkarta 的一个子项目，是一个开放式源码、免费支持 jsp 和 servlet 技术的容 器，同时又是一个 web 服务器软件。在 servlet 中，许多使用传统 cgi 程序很难完成的任 务都可以轻松地完成。例如，servlet 能够直接和 web 服务器交互，而普通的 cgi 程序不 能。servlet 还能够在各个程序之间共享数据，使得数据库连接池之类的功能很容易实现。 servlet 是 java 技术对 cgi 编程的回答。servlet 程序在服务器端运行，动态地生成 web 页面。与传统的 cgi 和许多其他类似 cgi 的技术相比，java servlet 具有更高的效率， 更容易使用，功能更强大，具有更好的可移植性，更节省投资。 jsp 的优点：对于用户界面的更新，其实就是由 web server 进行的，所以给人的感觉 更新很快。所有的应用都是基于服务器的，所以它们可以时刻保持最新版本。客户端的接 口不是很繁琐，对于各种应用易于部署、维护和修改。jsp 能够适应市场上包括 apache webserver、iis4.0 在内的 85的服务器产品，这足以胜任绝大多数的商业事务处理。同 时 jsp 代码经过服务器的解释执行后会直接嵌入到 html 语言中，这样就简化了页面的输出， 也保留了脚本语言易于使用的优点。因此，在开发系统时本人选用当前流行的 jsp 作为主 要实现手段。 .2、javascriptjavascript 概述概述 javascript 是一种解释性的，基于对象的脚本语言(an interpreted, object-based scripting language)。 html 网页在互动性方面能力较弱，例如下拉菜单，就是用户点击某一菜单项时，自动 会出现该菜单项的所有子菜单，用纯 html 网页无法实现；又如验证 html 表单(form)提交 信息的有效性，用户名不能为空，密码不能少于 4 位，邮政编码只能是数字之类，用纯 html 网页也无法实现。要实现这些功能，就需要用到 javascript。 javascript 是一种脚本语言，比 html 要复杂。不过即便你先前不懂编程，也不用担 心，因为 javascript 写的程序都是以源代码的形式出现的，也就是说你在一个网页里看到 一段比较好的 javascript 代码，恰好你也用得上，就可以直接拷贝，然后放到你的网页中 去。正因为可以借鉴、参考优秀网页的代码，所以让 javascript 本身也变得非常受欢迎， 从而被广泛应用。原来不懂编程的人，多参考 javascript 示例代码，也能很快上手。 毕业设计（论文） 16 javascript 主要是基于客户端运行的，用户点击带有 javascript 的网页，网页里的 javascript 就传到浏览器，由浏览器对此作处理。前面提到的下拉菜单、验证表单有效性 等大量互动性功能，都是在客户端完成的，不需要和 web server 发生任何数据交换， 因 此，不会增加 web server 的负担。几乎所有浏览器都支持 javascript，如 internet explorer(ie)，firefox， netscape， mozilla， opera 等。 javascript 特点：javascript 使网页增加互动性。javascript 使有规律地重复的 html 文段简化，减少下载时间。javascript 能及时响应用户的操作，对提交表单做即时 的检查，无需浪费时间交由 cgi 验证。javascript 的特点是无穷无尽的，只要你有创意。 .3、mvcmvc 概述概述 mvc 是一种目前广泛流行的软件设计模式，早在 70 年代，ibm 就推出了 sanfronscisico 项目计划，其实就是 mvc 设计模式的研究。近来，随着 j2ee 的成熟，它 正在成为在 j2ee 平台上推荐的一种设计模型，也是广大 java 开发者非常感兴趣的设计模 型。mvc 模式也逐渐在 php 和 coldfusion 开发者中运用，并有增长趋势。随着网络应用的 快速增加,mvc 模式对于 web 应用的开发无疑是一种非常先进的设计思想，无论你选择哪种 语言，无论应用多复杂,它都能为你理解分析应用模型时提供最基本的分析方法，为你构造 产品提供清晰的设计框架，为你的软件工程提供规范的依据。mvc 英文即 model-view- controller，即把一个应用的输入、处理、输出流程按照 model、view、controller 的方 式进行分离，这样一个应用被分成三个层模型层、视图层、控制层,它们分别担负不同 的任务。如图 3.8 所示 图 3.8、mvc 设计模式 1.model（模型） 采用javabean和ejb组件，设计和实现系统的业务逻辑。根据不同的请求从action派生 毕业设计（论文） 17 具体action处理对象。完成“做什么”的人物来调用由bean构成的业务组件。创建由 actionform的派生类实现对客户端表单数据的封装。 2.view（视图） 视图提供模型的表示。它是应用程序的外观，是用户看到并与之交互的界面。视图可 以访问模型的读方法，但不能访问写方法。此外，它对控制器一无所知。当更改模型时， 通知视图，修改视图。 3.controller（控制器） 控制器对用户的输入作出反应，它创建并设置模型，选择要显示的视图。 4. mvc 处理过程 首先控制器接收用户的请求，并决定应该调用哪个模型来进行处理；然后模型根据用 户请求进行相应的业务逻辑处理，并返回数据；最后控制器调用相应的视图来格式化模型 返回的数据，并通过视图呈现给用户。 在当今的网站开发标准中，给出了两种使用 jsp 的方式，它们分别为模式一和模式二。 模式一是 jsp+javabean 的结合，模式二是 jsp+javabean+servlet 的结合。 模式一（jsp+javabean） 在该模式下，jsp 页面独自相应请求并将处理结果返回给客户。而所有的数据通过 bean 来处理，jsp 实现页面的表现。模式一技术实现了页面表现和商业逻辑的分离，但是 在使用该模式时会导致在页面里嵌入大量的 java 控制代码，因此在大型的项目中，使用该 模式时会导致页面维护困难。 模式二（jsp+javabean+servlet） 该模式是一种把 jsp 与 servlets 联合使用来实现动态内容服务的方法。它吸取了两种 技术各自的突出优点，用 jsp 生成表达层的内容，让 servlets 完成深层次的处理任务。在 这里，servlets 充当控制者的角色，负责管理对请求的处理，创建 jsp 页需要使用的 bean 和对象，同时根据用户的动作决定把那个 jsp 页传给请求者。特别要注意，在 jsp 页内没 有处理逻辑；它仅负责检索原先由 servlets 创建的对象或 beans，从 servlet 中提取动态 内容插入静态模板。在我看来，这是一种有代表性的方法，它清晰地分离了表达和内容， 明确了角色的定义以及开发者与网页设计者的分工。 在这个交易平台中我采用的是模式一，即 jsp+javabean 的模式对整个系统进行设计开 发的。 .4、umluml 概述概述 uml（统一建模语言）是一种定义良好、易于表达、功能强大且普遍适用的建模语言。 它不仅统一了 booch、rumbaugh 和 jacobson 的表示方法，而且对其作了进一步的发展，并 最终统一为大众所接受的标准建模语言。uml 融合了 booch、omt 和 oose 方法中的基本概 念，而且这些基本概念与其他面向对象技术中的基本概念大多相同，因而，uml 必然成为 毕业设计（论文） 18 这些方法以及其他方法的使用者乐于采用的一种简单一致的建模语言；其次，uml 不仅仅 是上述方法的简单汇合，而是在这些方法的基础上广泛征求意见，集众家之长，几经修改 而完成的，uml 扩展了现有方法的应用范围；第三，uml 是标准的建模语言，而不是标准的 开发过程。尽管 uml 的应用必然以系统的开发过程为背景，但由于不同的组织和不同的应 用领域，需要采取不同的开发过程。作为一种建模语言，uml 的定义包括 uml 语义和 uml 表示法两个部分。 标准建模语言 uml 的主要特点可以归结为三点： （1） uml 统一了 booch、omt 和 oose 等方法中的基本概念。 （2） uml 还吸取了面向对象技术领域中其他流派的长处，其中也包括非 oo 方法的影 响。uml 符号表示考虑了各种方法的图形表示，删掉了大量易引起混乱的、多余的和极少 使用的符号，也添加了一些新符号。因此，在 uml 中汇入了面向对象领域中很多人的思想。 这些思想并不是 uml 的开发者们发明的，而是开发者们依据最优秀的 oo 方法和丰富的计算 机科学实践经验综合提炼而成的。 （3）uml 在演变过程中还提出了一些新的概念。在 uml 标准中新加了模板 (stereotypes)、职责(responsibilities)、扩展机制(extensibility mechanisms)、线程 (threads)、过程(processes)、分布式(distribution)、并发(concurrency)、模式 (patterns)、合作(collaborations)、活动图（activity diagram）等新概念，并清晰地 区分类型(type)、类(class)和实例(instance)、细化(refinement)、接口(interfaces)和 组件(components)等概念。 因此可以认为，uml 是一种先进实用的标准建模语言，但其中某些概念尚待实践来验 证，uml 也必然存在一个进化过程。 毕业设计（论文） 19 第四章第四章 程序模块的实现及界面设计程序模块的实现及界面设计 4.14.1、程序登录及注册、程序登录及注册 登录界面，如图 4.1 所示 图 4.1 登录界面 首先，输入用户名和密码，点击登录，进入index.jsp 未登录的用户是无法进行购物的。 下面是这段界面的主要代码： 此为前台界面的 javascript 脚本语言： function submit_check() if(document.log.id.value=“) alert(“请输入用户名！“); return false; if(document.log.pwd.value=“) alert(“请输入密码！“); return false; 点击登录后，系统随即将表单提交到数据库中进行验证，验证通过后如图 4.2 所示， 图 4.2 登录后界面 其代码如下： 您好！ 欢迎您！ “修改密码 退出登录 毕业设计（论文） 21 用户名 密 码 注 册 如果是新用户可以点击注册，进入注册页面，进行注册，注册通过即可以返回 index.jsp。并将注册信息传递给数据库中。在注册的页面中有一个选项可以选择，即注册 为一般用户或者是供应商。注册后的权限也是不一样的。帐号相同的话，系统会提示用户 已存在。 注册界面如图 4.3 所示： 毕业设计（论文） 22 图 4.3 注册页面 注册中调用了 javabean，即为 dbconn.java 文件 其注册后的主要代码如下所示(regproess.jsp)： 返 回“ ); tmp=0; breakbreak; ifif(tmp!=0) string sql2=“insert into users(user_id,user_name,user_tname,user_address,user_pwd,user_group,user_regtm) “; sql2 = sql2 + “values(“ + regid + “,“ + regname + “,“ + regname1 + “,“ + regaddress + “,“ +regpwd + “,“ + reggroup + “,“ + tm +“)“; call.executeupdate(sql2); /执行sql语句 out.print(reggroup + regname + “您好！您的注册已成功！以下是 您的注册信息，请妥善保管！“); out.print(“帐号：“+regid+“呢称：“+regname+“密码： “+regpwd+“ ); session.setattribute(“log_user_id“,regid); ifif(reggroup.equals(“供应商“) session.setattribute(“log_group“,“merchant“); ifif(reggroup.equals(“顾客“) 毕业设计（论文） 24 session.setattribute(“log_group“,“purchaser“); out.print(“ ); call.dbclose(); % 4.24.2、查询功能模块、查询功能模块 为用户提供快速查询的功能，将查询的物品填入文本中，提交表单后，系统通过数据 库进行比对。显示出需要的物品，如果没有就会提示没有此物。 查询界面如图 4.3 所示： 图 4.4 查询功能界面 其主要代码如下（index.jsp）： “ 毕业设计（论文） 25 4.34.3、购物车功能模块、购物车功能模块 为用户提供了便利的购物环境，用户可以添加、修改、删除购物车中的任何物品。购 物后显示的页面。如图 4.5 所示： 图 4.5 购物车界面 其主要代码由如下几个部分组成：1、添加商品。2、修改数量。3、删除此类商品。 1、添加商品的主要后台代码： 2、购物车中修改数量主要采用了 javascript 语言进行编译，其主要代码如下所示： 购物车中删除商品通过链表传递商品的 id 进入数据库中进行删除商品的，其主要代码 如下所示： 4.44.4、供应商管理模块、供应商管理模块 供应商作为整个网站不可或缺的一部分，不仅具有一般用户的一些功能，最重要的是 供应商可以添加自己要出售的商品。 供应商进入系统后其界面如图 4.6 所示： 毕业设计（论文） 28 图 4.6 供应商操作界面 这里我们着重描述下商品添加，它通过 session 来传递参数将添加好的商品上传到数据库 中。有其主要代码如下： function submit_check() if(document.form1.wp_name.value=“) alert(“请输入商品名称！“); return false; if(document.form1.wp_group.value=“) alert(“请输入分类！“); return false; if(document.form1.wp_pri