jsp企业产品在线订购购物销售sqlserver论文

毕业设计说明书







毕 业 设 计 题 目

院（系）专业班级

学 生 姓 名 性别

指 导 教 师 职称



2007年月日



















目 录

摘要第章 ……5

一. 系统运行环境配置…………………………………………………………6

二．JSP简介……………………………………………………………………6

三. 动态网页开发工具Dreamweaver MX简介………………………………13

四. 系统数据库介绍…………………………………………………………. 13

第章 四. 系统数据分析 …………………………………………………………17 五. 逻辑物理结构 …………………………………………….…………17

第章 二.建立数据库连接………………………………………………..…………24

第章 系统具体实现 一. 用户界面的实现 二. 数据库的实现 三. 后台功能实现…………………………………………………….………35

第章 结束语主要参考文献

操作系统 需要安装的Web Server Windows 98 PWS 4.0以上 Windows NT 4.0 Server TOMCAT 4.0以上 Windows 2000 TOMCAT 5.0以上 Windows XP TOMCAT 5.0以上 表2.1



2.2 JSP简介



JSP（JAVA Server Pages）实质是一种服务器端脚本环境。JSP脚本呈现将在服务器端运行。客户端只要使用可执行HTML代码的浏览器，即可浏览通过JSP设计出来的页面内容。当程序执行完后，服务器仅将执行的结果返回给客户端浏览器，这样也就减轻了客户端浏览器的负担，大大提高了交互的速度。

JSP并不是一种纯粹的编程语言，它使用的语言是：VBScript和Jscript语言。在一个JSP应用程序中可以用其中的一种脚本语言，也可以结合这两种脚本语言使用。



2.2.1 JSP的优点

(1) 开放性

在TOMCAT上，并不需要开发者使用一个专有的脚本语言来生成网络应用程序，实际上Active Server Pages包括了对VBScript和JavaScript/Jscript的本机支持。通过第三方组合组件，它还可以使用其他语言（如Perl、REXX和Tcl）。多个脚本语言甚至可以在相同的JSP文件中交替使用并相互调用。而ActiveX Server组件实际上可以用任何语言编写，这些语言包括Java、Visual Basic、C++、COBOL等等。



(2)易操作性

JSP使HTML设计人员可以在服务器上方便地“激活”他们的Web页，可以立刻对定制化网页和简单的应用程序进行开发。以往需要用Perl或C编写的复杂的CGI程序来完成的功能（如数据库连接），现在若使用JSP则只要几行简单的代码就能实现。



(3)程序与外观分离

通过使用脚本和组件，Active Server Pages允许用户将编程工作与一个网页的设计和其他工作分离开来。这就可以确保开发者能够将主要的精力用来考虑编写程序的逻辑，而不必担心外观是怎样的。同时，它也使那些从事外观设计的人员可以利用一些工具来对网页进行修改，而不用过于关心编程问题。



(4)非手工编译

JSP的即时编译系统在被请求时自动对JSP源文件重新编译，并将其载入服务器的高速缓存中。因此，开发者对JSP文件的修改可在浏览器中立即得到反映，只需要简单地保存该文件并在浏览器中刷新即可。



(5)浏览器独立性

JSP提供了一种浏览器中枢方案来完成应用程序的设计工作。因为用于生成动态内容的脚本可以在服务器上执行，所以开发者不必担心客户用什么浏览器来浏览网点.

2.2.2 简介JSP的6大对象

JSP的编辑环境要求很底，任何一种文本编辑器都可以编写JSP应用程序。JSP强大功能的实现离不开它的6个内部对象，其6大对象如下：



Application对象

Application对象是在为响应一个JSP页的首次请求而载入DLL时创建的，它提供了存储空间用来存放变量和对象的引用，可用于所有的页面，任何访问者都可以打开它们。



Request对象

Request对象为脚本提供客户端在请求一个页面或传送一个窗体时提供的所有信息，这包括能够标识浏览器和用户的HTTP变量，存储他们的浏览器对应于这个域的cookie，以及附在URL后面的值（查询字符串或页面中

段中的HTML控件内的值）。它也给我们提供了通过Secure Socket Layer（SSL）或其他的加密通信协议访问证书的能力，并提供有助于管理连接的属性。



Response对象

Response对象用来访问所创建的并返回客户端的响应。它为脚本提供了标识服务器和性能的HTTP变量，发送给浏览器的信息内容和任何将在Cookie中存储的信息。它也提供了一系列用于创建输出页的方法，如无所不在的Response.Write方法。



Server对象

Server对象提供了一系列的方法和属性，在使用JSP编写脚本时是非常有用的。最常用的是Server.CreateObject方法，它允许我们在当前页的环境或会话中在服务器上实例化其他COM对象。还有一些方法能够把字符串翻译成在URL和HTML中使用的正确格式，它通过把非法字符转换成为正确、合法的等价字符来实现。



Session对象

Session对象是在每一位访问者从Web站点或Web应用程序中首次请求一个JSP页时创建的，它将保留到默认的期限结束（或者由脚本决定终止的期限）。它与Application对象一样提供一个空间用来存放变量和对象的引用，但只能供目前的访问者在会话的生命期中打开的页面使用。



ObjectContext对象

ObjectContext对象可以用来控制JSP的执行。这种执行过程Microsoft Transaction Server（MTS）来进行管理。

可以把这些对象看作是基于ObjectContext对象的一个层次关系的成员，这有助于理解它们与接受和响应客户请求的过程之间的关系，如图2-1所示。图中表现了JSP和创建及服务于JSP页的过程之间的关系。



图2-1

2.2.3 JSP的使用环境

JSP的使用环境，就是TOMCAT，JSP网页技术是一种需要服务器端支持的技术。它的执行过程是：

（1） 浏览器端提出HTTP的请求送到服务器端，Web服务器先检查网页文件的类型，如果是.JSP扩展名的文件，就提出JSP文件请求，Web确定读取并处理请求文件。

（2） Web检查所要求的文件有没有被请求或有没有更新，以决定是否重新分析。TOMCAT的工作是这样分工的：脚本代码是由默认的脚本编程引擎如VBScript完成，然后经引擎翻译转换成服务器能执行的命令，而TOMCAT则进一步为送入的Active对象处理输入和输出，出错信息的输出也是有TOMCAT产生的。



2.2.4 配置TOMCAT

名词解释

IE (Internet Explorer)

Microsoft Internet Explorer是Web浏览器。Internet Explorer是导航和访问或浏览Web中的信息的工具。

（2）TOMCAT(Internet Information Server)

Microsoft Internet Information Server是允许在公共Intranet或Internet上发布信息的Web服务器。

JSP的开发依赖于TOMCAT，TOMCAT可在多种平台上运行：Windows2000全系列包括Professional、server、Advanced Server三个版本,Windows NT Server，Windows NT-Workstation 和Windows95/97/98上的 Personal Web Server(PWS)等平台上都可以。

TOMCAT是如何工作的

Web是 基础的请求和响应系统。Web浏览器通过将URL发送给Web服务器请求信息。Web服务器通过返回超文本标记语言（HTML）页面响应。



安装TOMCAT

我安装的是Windows2000 Professional版本的，所以以Windows2000 Professional版来介绍TOMCAT的安装方法。

在控制面版中选择“添加/删除程序”

点击“添加/删除Windows组件”

确认只选中第一项Internet信息服务（TOMCAT），然后点击下一步即可自行进行安装。

系统配置安装完成后，就会弹出一个安装“完成”的对话框来提示安装完成，只要点击“完成”即可。这样TOMCAT安装完毕。



4、 测试

打开IE浏览器，在地址栏中输入localhost或者127.0.0.1，如果能出现“Windows 2000”画面，表明TOMCAT安装成功，这是服务器端安装了Windows 2000时的测试结果。



2.2.5 JSP的脚本语言

在这里我们会了解到HTML语言、VBscript和Jscript的脚本语言。



HTML语言

HTML文件由浏览器解释，通过网络传输协议，可以从一台机器传输到另一台机器上。打开Netscape Navigator或Microsoft explorer浏览器，在地址栏中输入所需要的网址，就可以浏览用HTML写的网页。

HTML文件和其他的文件不同，因为HTML文件中有它自己的标记。如下示：















……等是成对出现的，此种标记称为容器标记。所有的文本都必须放在和<\body>之间。

VBscript语言

VBScript与Basic语言有密切关系。如果你熟悉BASIC，你将会发现VBScript很容易学习和使用。VBScript是Microsoft Visual Basic的简化版本。

VBScript是一种脚本语言。这意味着这种语言比BASIC语言的成熟版本容易使用又难于使用。编制简单的程序时，脚本语言是容易使用的。脚本语言的句法比较简单。但是，简单的句法也使开发大的应用程序变得很困难。

你可以在HTML文件中直接嵌入VBScript脚本。这使你能够扩展HTML，使它不仅仅是一种页面格式语言。带有VBScript脚本的网页在每次下载到浏览器时都可以是不同的，而且可以对用户的操作作出反应。

VBScript是Active Sever Pages的缺省语言。你也可以在JSP网页中使用其它脚本语言，如Jscript（将在第九章中讨论），Perl，或者REXX（由IBM UK实验室的Michael Cowlishaw所创的一种语言）。

VBScript既可以作为客户端编程语言，也可以作为服务器端编程语言。客户端编程语言是可以由浏览器解释执行的语言。Java和Jscript/JavaScript也可以作为客户端编程语言。当一个以这些语言中的任意一种编制的程序被下载到一个兼容的浏览器中时，浏览器将自动执行该程序。

客户端编程语言的优点是浏览器完成了所有的工作，这可以减轻服务器的负担。而且客户端程序运行起来比服务器端程序快得多。当一个浏览器的用户执行了一个操作时，不必通过网络对其作出响应，客户端程序就可以作出响应。Jscript是微软的Java Script语言的开发工具，如果你已经掌握了Java Script，你对script会非常熟悉，除了一些微小的差别，Jscript与Java Script几乎完全相同。Jscript与Java不是同一种语言，虽然Jscript的名字中含有一个，它会使人们产生一种强烈的感觉，以为这两种语是非常相似的，然而Java是一种真正的编程语言，而Jscript只是一种脚本语言。

Jscript可以用来完成VBScript所能完成的任何脚本任务然而在某些特定情况下，有理由使用Jscript 来代替VBScript。即使几乎所有的Active Server Pages脚本都可用VBScript也可用Jscript 来写，但某些脚本用某种语言写会比用另一种来写要简单得多。这两种语言之间还存在一些重大的差别更进一步说，可以混合使用两种脚本语言来编写你网点上的Active Server Pages。你可以用Jscript来写某些Active Server Pages，而用VBScript来写另一些，这取决于哪种语言更合适。而且，你可以在同一个Active Server Pages中加入分别由两种语言写的脚本Jscript 可用作客户端或服务器端的编程语言。客户端编程语言可以在诸如Netscape Navigator 或 Microsoft Internet Explorer 的浏览器上得到解释和执行。另一个客户端编程语言的例子是Java，当用这些语言写的程序被兼容的浏览器读入时，浏览器自动执行这个程序。

客户端编程语言的有利之处在于浏览器处理了全部工作，这就减轻了服务器的负担。客户端程序运行起来也比服务器端程序快得多。当浏览器的用户做出某种行为时，对此的反应不需通过网络进行传输，客户端程序可对它作出反应。

Jscript用作客户端编程语言是非常好的，与VBScript不同，Jscript创建的客户端脚本能被现有的大部分浏览器识别。Netscape Navigator 和 Internet Explorer都可以解释和执行包括Jscript 的HTML文件。

然而，与VBScript相同，Jscript 也是服务器端编程语言。服务器端编程语言在提供网点服务的服务器上执行，而不是在接收网页的浏览器上执行。服务器端编程语言在你的网点计算机上完成所有这些工作，承受所有的负担。”JavaScript”>



语句在这里声明使用JScript。





2.3 动态网页开发工具Dreamweaver MX简介

Macromedia Dreamweaver MX是 建立 Web 站点和应用程序的专业工具。?它将可视布局工具、应用程序开发功能和代码编辑支持组合为一个功能强大的工具，使每个级别的开发人员和设计人员都可利用它快速创建界面吸引人并且基于标准的站点和应用程序。?从对基于 CSS 的设计提供领先的支持到手动编码功能，Dreamweaver 在一个集成和高效的环境中为专业人员提供了所需的工具。?开发人员可以将其选择的服务器技术与 Dreamweaver 配合使用，建立将用户连接到数据库、Web 服务和旧式系统的强大 Internet 应用程序Dreamweaver?MX?是一款专业的 HTML 编辑器，用于对 Web 站点、Web 页和 Web 应用程序进行设计、编码和开发。无论您喜欢直接编写 HTML 代码的驾驭感还是偏爱在可视化编辑环境中工作，Dreamweaver 都会为您提供帮助良多的工具，丰富您的 Web 创作体验。利用 Dreamweaver 中的可视化编辑功能，您可以快速地创建页面而无需编写任何代码。不过，如果您更喜欢用手工直接编码，Dreamweaver 还包括许多与编码相关的工具和功能。并且，借助 Dreamweaver，您还可以使用服务器语言（例如 JSP、JSP.NET、ColdFusion 标记语言 （CFML）、JSP 和 PHP）生成支持动态数据库的 Web 应用程序。Microsoft SQLserver2000是一种关系式数据库，关系式数据库由一系列表组成，表又由一系列行和列组成，每一行是一个记录，每一列是一个字段，每个字段有一个字段名，字段名在一个表中不能重复。一个产品表的例子。产品表由10个记录组成，一个记录占一行，每一个记录由产品ID、产品名称、库存量、订货量、单价和折扣率6个字段组成。产品ID是字段名，其下面的1，2等是字段的值。 　　表与表之间可以建立关系（或称关联，连接），以便查询相关联的信息。SQLserver2000数据库以文件形式保存，文件的扩展名是MDB。

当你执行一个SQL查询时，通过使用包括逻辑运算符的查询条件，你可以得到一个记录列表。此时查询结果是来自一个或多个表。

SQL查询的句法非常简单。假设有一个名为email_table 的表，包含名字和地址两个字段，要得到Bill Gates 的email地址,你可以使用下面的查询：

SELECT email from email_table WHERE name=”Bill Gates”

SELECT语句的结构看起来很直观。如果你请一个朋友从一个表中为你选择一组记录，你也许以非常相似的方式提出你的要求。在SQL SELECT语句中，你“SELECT特定的列FROM一个表WHERE某些列满足一个特定的条件”。



2.5.1 SQL中的常用语句：



添加语句：向表中添加一个新记录。

Insert table(column)values(‘somedata’)

删除语句：从表中删除一条或多条语句。

Delete table where first=’deleteme’

更新记录：更改表中已经存在的一条记录或多条记录。

Updata {table name}[{ table name }]where clause

用select创建记录和表

insert table(first_column,second_column)

select another_first_column,another_sencond_column

from anothertable

where another_first_column=’copy me’

这条语句从anothertable拷贝记录到 table中，只有 anothertable中字段为another_first_column的值为copy me的记录被拷贝。



第三章 需求分析



3.1 开发背景

随着时代的发展，信息技术、Internet/Intranet技术、数据库技术的不断发展完善，网络进程的加快，传统的购物方式也越来越不能满足人们快节奏的生活需求，使得企业的IT部门已经认识到Internet的优势,电子商务就是在这样一个背景下产生发展起来的。伴随着电子商务技术的不断成熟，电子商务的功能也越来越强大，注册用户可以在网上搜索购买到自己想要的各种商品，初步让人们体会到了足不出户,便可随意购物的快感。我的毕业设计也就正是一个电子商务系统的开发---企业产品在线订购。



3.2 系统功能分析

我所负责的用户模块部分的主要功能如下：

1.注册

作为一个电子商务，最基本的功能肯定就是注册了。因为只有注册用户才能在网站内订购自己想要购买的商品。

2.登陆

为了能更方便地使用网站的各项功能，用户登录也是必不可少的。当用户登录以后，便可进行查阅/更改自己的个人资料、修改/处理个人定单等操作。

3.注销

若用户登录后要离开网站，可注销个人帐号，以防止他人修改或使用本人帐号。

4.购物车

当用户选好自己想要的商品后可把商品放入购物车中，购物车将自动产生相应的定单。当然，用户也可以从购物车里删除掉选好的商品，而相应定单的也会删除。

5.查询商品

查询商品可以说是一个网站非常重要的一个功能，通过这一功能，用户可以按照某些特定的条件搜索自己想要购买的商品，这无论为普通用户还是管理员都提供了极大的方便。

6.用户资料修改

用户可以在登陆后使用用户个人资料修改功能对自己的一切信息进行修改，密码修改也包括在其中。也可以对用户邮寄/付款资料、收货资料等信息进行修改补充。



3.3 系统结构分析

3.3.1 逻辑结构

企业产品在线订购的特点就是利用Browser/Server（B/S）结构，提供了一个网络平台，让消费者只要上网就可以实现商品的在线查看，商品的在线查找，商品的在线购买，商品订单的在线管理等功能。系统的优势在于系统简单、功能强大、扩展能力良好以及能够方便的跨地域操作等性能。系统的网络应用原理示意图如图3.1所示：



















图3.1



3.3.2 物理结构

系统实现的物理结构如图3.2所示：



















图3.2











第四章 数据库设计



4.1数据表的介绍

本系统数据库的功能主要是存储网站中所有数据，以便进行操作。

本系统的数据库文件名为db.mdb，保存在系统文件的db子目录中。它主要由Admin、Category、Delivery、Orders、Product、Sorts、Review、User八个表组成。下面将逐一介绍这八个表的意义和功能：



Admin

该表比较简单，主要用来存储论坛管理员的帐号和密码，如图4-1。该表的结构如表4-1所示：





图4-1



表4-1 数据表“admin”的结构

字段名称 数据类型 说明 ID 自动编号 编号 Admin 文本 管理员用户名 Password 文本 密码 Rank 数字 管理员权限

Category

该表存储了商品的大类别信息，如图4-2。该表结构如表4-2所示：



图4-2



表4 数据表“category”的结构

字段名称 数据类型 说明 Categoryid 自动编号 编号 Category 文本 商品大类名 First 数字 是否在首页显示 Crtegoryorder 文本 类别排序



Delivery

该表存储了邮寄/付款信息，如图4-3。该表结构如表4-3所示：



图4-3



表4-3 数据表“delivery”的结构

字段名称 数据类型 说明 Deliveryid 自动编号 编号 Subject 文本 送货/汇款方式名 Fee 数字 各种送货收费价格 Methord 数字 0为送货方式1为汇款方式 Deliveryidord 数字 送货/汇款方式排序 Orders

该表存储了客户定单的资料，如图4-4。该表结构如表4-4所示：





图4-4



表4-4 数据表“order”的结构

字段名称 数据类型 说明 Actionid 自动编号 编号 Username 文本 定单的用户名 Actiondate 日期/时间 定单日期 Id 数字 产品编号 Productnum 数字 产品订购数量 Good 文本 定单编号 State 数字 处理状态 Receipt 文本 收货人 Address 文本 收货地址 Postcode 数值 邮政编码 Comments 备注 评论 Paymethord 数字 付款方式编号 Deliverymethord 数字 送货方式编号 Sex 数字 性别 Paid 数字 总金额 Realname 文本 姓名 Useremail 文本 用户e-mail Usertel 文本 用户电话 userid 数字 用户ID





Sorts

该表存储了商品的小类别信息，如图4-5。该表结构如表4-5所示：





图4-5





表4-5 数据表“sorts”的结构

字段名称 数据类型 说明 Sortsid 自动编号 编号 Sorts 文本 商品小类名 Sortsorder 数字 商品小类排序 Categoryid 数字 对应的大类编号 First 数字 是否在首页显示



Product

该表存储了商品的详细信息，如图4-6。该表结构如表4-6所示：





图4-6



表4-6 数据表“product”的结构

字段名称 数据类型 说明 Id 自动编号 编号 Name 文本 商品名称 Author 文本 生产厂商 Introduce 文本 商品介绍 Productdate 日期/时间 出产日期 Score 数字 购买商品积分 Detail 文本 详细介绍 Content 备注 商品配置说明 Rank 数字 用户评级分数 Price1 数字 商品市场价 Price2 数字 商品会员价格 Vipprice 数字 商品vip价格 Solded 数字 订购次数 Viewnum 数字 查看次数 Discount 数字 商品折扣 Sortsid 数字 商品小类id Categoryid 数字 商品大类id Pic 文本 缩略图 Adddate 日期/时间 商品添加日期 Ranknum 数字 评级次数 Recommend 数字 推荐 Mark 文本 商品产地 Type 文本 商品编码 Pronum 数字 商品件数 Format 文本 商品重量 Protimes 数字 生产批次 Desc 文本 商品简介





User

该表存储了用户的个人详细信息，如图4-7。该表结构如表4-7所示：





图4-7





表10 数据表“user”的结构

字段名称 数据类型 说明 Userid 自动编号 编号 Username 文本 用户名 Useremail 文本 用户e-mail Password 文本 用户密码 Identify 数字 用户身份证号 Mobile 文本 用户移动电话 Userqq 文本 用户QQ Adddate 日期/时间 注册日期 Question 文本 密码提示 Answer 文本 密码答案 Loginnum 数字 登陆次数 Lastvst 日期/时间 最后一次登陆时间 Receipt 文本 收货人姓名 City 文本 收货人城市 Address 文本 收货人地址 Postcode 文本 邮政编码 Usertel 文本 用户电话 Deliverymethord 数字 送货方式编号 Paymethord 数字 汇款方式编号 Sex 数字 用户性别 Realname 文本 姓名 Vip 是/否 是否VIP用户 Score 数字 用户积分









Review

该表存储了用户发表对商品评论的信息，如图4-8。该表结构如表4-8所示：





图4-8



表4-8 数据表“review”的结构



字段名称 数据类型 说明 Reviewid 自动编号 编号 Id 数字 对应产品编号 Title 文本 评论标题 Reviewdtm 日期/时间 评论发表时间 Reviewcontent 备注 评论内容 Audit 数字 审查是否通过



4.3 建立数据库连接



后台服务器配置



本系统使用了Microsoft的TOMCAT作为系统服务器。



2、 后台数据库的配置

本系统采用SQLserver2000文件的相对路径来实现读取数据库功能，代码如下：

dim conn,connstr,db,rs

db="manage/db/db.mdb"

Set conn = Server.CreateObject("ADODB.Connection")

connstr="Provider=Microsoft.Jet.OLEDB.4.0; Data Source=" & Server.MapPath(""&db&"")



如果服务器采用较老版本SQLserver2000驱动，请用下面连接方法

connstr="driver={Microsoft SQLserver2000 Driver (.mdb)}; dbq=" & Server.MapPath(db)

conn.Open connstr





















第五章 详细设计

一. 用户界面的实现 Index.JSP 网站首页 Login.JSP 用户登陆 Reg.JSP 用户注册 Forget.JSP 忘记密码 Help.JSP 帮助信息 New.JSP 新到商品 Hot.JSP 畅销商品 Commend.JSP 推荐商品 Search.JSP 搜索商品 Class.JSP 商品分类 Muser.JSP 消息中心 Userinfo.JSP 用户个人资料 Equser.JSP 用户详细资料 Recinfo.JSP 收货资料 Changepws.JSP 修改密码 Car.JSP 购物车 Myorder.JSP 用户定单 Deposit.JSP 用户积分查询 Statinfo.JSP 统计信息 Logout.JSP 注销退出 Rank.JSP 用户对商品的评级 Comment.JSP 用户对商品评论 Checkout.JSP 结帐 Chkorder.JSP 定单的详细资料 Vpro.JSP 各种商品详细资料 Voder.JSP 定单完成 表5.1（用户模块）

用户模块设计概述

5.2.1 系统原理

本系统的开发是基于现在电子商务应用最广的B/S（Browser/Server）既浏览器/服务器结构，起原理图示如图5.1所示





图5.1



企业产品在线订购的主要体系结构包括：

数据服务器

WEB服务器

后台管理平台

客户端



应用系统体系设计主要考虑的业务技术因素包括：

业务处理方式

数据处理量，存储量

应用功能设计

服务器设计

存储设计

安全设计



5.2.2用户模块的程序流图和数据流图

本系统是由我来负责用户模块的设计 ，其主要功能的程序流图和数据流图我设计如图5.2所示：







































图5.2



用户模块分析

电子商务网站可简单的划分为2个部分，如图5.3所示：











图5.3

网上购物系统平台主要包括四大功能模块，用户管理、论坛管理、管理员管理、搜索等功能模块。其中用户管理模块，主要包括用户注册、用户修改、用户删除等功能；管理员管理主要包括商品资料（添加大类、添加小类、商品添加、商品审查）、商品交易、会员管理、操作管理（管理员添加、管理员审查、管理员退出）等功能；搜索主要包括（商品名称、商品类别）。系统总体流程图如下图所示：











二. 数据库的实现





三个模块的图示如图5.7、图5.8、图5.9：









图5.9

在head.htm文件中我设置了一个“小时钟”，如图5.10：





图5.10

时间日期的编写是一段Javascript程序,代码如下:





在主页中，我们可以看到网站部分商品，商品表中的“商品名”、“品牌”、“定价”、“优惠价”、“VIP价”、“商品描述”等详细信息都是和数据表“product”中的相关内容相连接的。 在所有的页面中只要涉及商品的相关信息，都是调用数据库的Product表中的储存信息。

在主页中，只要点击导航条中的“新到商品”、“畅销商品”、“推荐商品”

就可浏览到本网站所有的商品，并可点击相应的商品图片即可查看到该商品的

详细资料。如果用户想直接找到需要的商品资料，就可以点击“搜索商品”去到search.JSP页面，填写相关的商品信息后点击“开始搜索”按钮查找商品。

如图5.11所示：



图5.11

此搜索功能由一个脚本函数实现，代码如下：







用户还可以点击“商品分类”按钮查看本网站的所有商品的分类情况，通过分类这里也可以查找到想要的商品资料，如图5.12所示：





图5.12

5.4.2 新用户注册

用户要想在本网站购买商品就必须要去注册成为本网站的会员，只需点击

“注册”就可了解到成为会员的必要条约及其必须承担的责任，其内容如图5.13所示：



图5.13

如果你同意就可点击“我同意”继续注册，并来到添写用户信息页面，如图5.14所示：



图5.14

用户在填写完信息后即可提交信息，如果发现填写的信息有误可以马上点击“清除”重添，用户最好记住自己所添写的信息，特别是“密码提示”和“密码答案”，因为这可以为你找回密码。在提交的过程中将会有一个脚本语言函数对用户提交的信息的要求及信息格式的正确性进行判断，其函数代码如下：





在判断提交的信息格式正确后，就由一段JSP代码判断用户是否是已注册过的，核查用户名和E-MAIL地址是否已存在，将正确的信息写入后台数据库，并同时提示用户注册成功。其JSP代码如下：



<%

if NOT isempty(request("RegSubmit")) then

if session("regtimes")=1 then

call MsgBox("对不起，您刚注册过用户!","Back","None")

response.end

end if

set rs=server.CreateObject("adodb.recordset")

rs.open "select username,useremail from [user] where username=''"&trim(request("username"))&"'' or useremail=''"&trim(request("useremail"))&"''",conn,1,1

if not rs.eof and not rs.bof then

call MsgBox("您输入的用户名或Email地址已存在，请返回重新输入！","Back","None")

end if

rs.close

rs.open "select from [user]",conn,1,3

rs.addnew

rs("username")=trim(request("username"))

rs("password")=md5(trim(request("password")))

rs("useremail")=trim(request("useremail"))

rs("quesion")=trim(request("quesion"))

rs("answer")=md5(trim(request("answer")))

rs("realname")=trim(request("realname"))

''身份证

rs("identify")=trim(request("identify"))

rs("mobile")=trim(request("mobile"))

rs("userqq")=trim(request("userqq"))

rs("adddate")=now()

rs("lastvst")=now()

rs("loginnum")=0

rs("postcode")=0

rs("score")=0

rs("paymethord")=0

rs("deliverymethord")=0

rs.update

rs.close

set rs=nothing

response.Cookies(cookieName)("username")=trim(request("username"))

response.Cookies(cookieName).expires=date+1

session("regtimes")=1

session.Timeout=1

call MsgBox("注册成功！请到用户管理中心填详细资料！","GoUrl","muser.JSP")

end if

%>

在提交的信息成功后便马上成为本网站的会员，同时你所填写的信息以写入到后台数据库的User表中，并可进入你自己的帐户中心，如图5.15所示：



购物车功能图



图5.15



在帐户中心中，用户可以对自己的个人信息及交易信息进行管理，如有需要可以对个人资料、收货资料、密码进行修改，可以在“购物车”中进行购物处理，也可以在“我的定单”中对已下的定单进行处理，还可以在“积分查询”、“统计信息”中查看自己的用户积分及交易资料，最后可以点击“注销退出”回到首页。

“个人资料”和“收货资料”如图5.16、5.17所示：



图5.16



图5.17

在提交个人资料是有一个脚本函数对其信息格式判断正确性，函数代码如下：





同样在提交收货资料是也有一个函数判断信息格式的正确性，其代码如下：





5.4.3 用户登陆

用户一旦成为本网站的会员后，即可在登陆页面中登陆，用户只要输入自己的用户名和密码即可实现登陆。这里有JSP函数对用户名和密码进行判断，以此来保证用户的合法性，JSP代码如下：



<%

if NOT isempty(request("LoginSubmit")) then

dim username,password

username=replace(trim(request("username")),"''","")

password=md5(replace(trim(request("password")),"''",""))



if username="" or password="" then

call MsgBox("对不起，登录失败，请检查您的登录名和密码","None","None")

end if



set rs=server.CreateObject("adodb.recordset")

rs.Open "select from [user] where username=''"&username&"'' and password=''"&password&"'' " ,conn,1,3

if not(rs.bof and rs.eof) then

if password=rs("password") then

response.Cookies(cookieName)("username")=trim(request("username"))

response.Cookies(cookieName)("vip")=rs("vip")

rs("lastvst")=now()

rs("loginnum")=rs("loginnum")+1

rs.Update

rs.Close

set rs=nothing

response.redirect "muser.JSP"

else

call MsgBox("对不起，您的用户名或密码有误！","Back","None")

end if

else

call MsgBox("对不起，您的用户名或密码有误！","Back","None")

end if

end if

%>



5.4.4 用户帮助

本系统还提供了帮助功能，用户只需点击“帮助”就可了解到网站的相关信息，包括“购物流程”和“常见问题”。如图5.23所示：



图5.23

5.4.5 我的帐户

我的帐户中的一些信息在前面已经作了介绍，这里我们将介绍其他的几个功能。

1 修改密码

在修改密码功能中用户可以重新设置自己的密码。用户只需填写以前的旧密码，然后再填写新的密码提交即可修改成功。

2 购物车

在“购物车”中用户可以看到所购买的商品信息，可以删除商品，也可以继续采购或是直接去下定单，去下定单过程如图5.24所示：



图5.24



图5.25



图5.26



图5.27

在结帐过程中有一个脚本语言函数对用户所提交信息格式正确性进行判断，代码如下：





3 我的定单

在“购物车”中下完了定单之后，用户边可以在“我的定单”中看到您所下的所有定单，用户可以点击定单号进入该定单，查看该定单的详细资料并且对定单进行处理。“我的定单”和“定单详细资料”页面如图5.28、图5.29所示，用户处理定单状态过程如图5.30、图5.31所示：

1.2 后台

单击首页下方的“诚信网络购物中心客户服务热线”链接，进入如图1.8 所示的后台登录界面。



图1.8 诚信网络购物中心后台管理

在“账号”和“密码”的文本框中输入用户名：mr 密码：mrsoft，最后单击【提交】按钮，即可进入如图1.10所示的后台管理页面。后台管理页面主要包括：商品设置、会员设置、后台管理员设置、订单设置、公告设置和友情链接设置五大管理模块。



图1. 9 后台管理页面

1.2.1 商品设置

单击【商品设置】按钮，界面右侧自动显示相应的商品列表。该界面可以实现商品信息的查看、添加、修改和删除操作。



图1.10 商品设置

1．查看

单击【上一页】、【下一页】按钮可翻页查看商品信息。

单击相应商品信息后的【详细信息】按钮，进入如图1.11所示的相应信息的详细界面。单击界面中的【设置特价商品】按钮，进入如图1.12所示的界面。在特价价格的文本框中输入相应的价格。最后单击“特价价格”文本框后的【提交】按钮即可。



图1.11 商品的详细信息



图1.12 设置特价商品

2. 添加

单击【添加商品】按钮，进入如图1.13所示的商品添加模块。



图1.13 商品信息添加

单击“所属大类别”和“所属于小类别”的下拉按钮，选择要添加的商品类别，在“商品名称”、“生产厂商”、“商品定价”和“商品描述”文本框中输入相应的内容，最后单击【提交】按钮，即完成商品信息的添加操作。

3. 删除

单击相应商品信息后的【删除】按钮可删除其商品信息。

1.2.2 会员设置

单击【会员设置】按钮，界面右侧自动显示如图1.14所示的会员信息列表。在列表中可以对会员信息进行查看及删除。



图1.14 会员列表

1．查看

单击【上一页】、【下一页】按钮可翻页查看会员信息。

单击相应会员信息后的【详细信息】按钮可查看其会员的详细信息。

2．删除

单击相应会员信息后的【删除】按钮即可删除其会员信息。

1.2.3 后台管理员设置

单击【后台管理员设置】按钮，界面右侧自动显示如图1.15所示的管理员信息列表.。



图1.15 管理员信息

1．查看

单击【上一页】、【下一页】按钮可翻页查看管理员信息。

2．添加

单击【添加管理员】按钮，系统自动进入如图1.16所示的管理员信息添加界面。在“管理员账号”、“密码”、“姓名”的文本框中输入相应的内容，最后单击【提交】按钮即可。



图1.16 添加管理员

3．修改

单击相应管理员信息后的【修改】按钮，系统自动进入管理员信息的修改界面，在管理员的密码和姓名的文本框中即可进行修改，最后单击【提交】按钮即可。

4．删除

单击相应管理员信息后的【删除】按钮即可删除其管理员信息。

1.2.4 订单设置

单击【订单设置】按钮，界面右侧自动显示相应的订单列表。在订单列表中可以对订单信息进行查看、出货及删除操作。



图1.17 订单的查询

1．查看

单击【上一页】、【下一页】按钮可翻页查看订单信息。

单击相应信息后的【详细信息】按钮可查看其订单的详细信息。

2．出货

如果商品没有出货，可以单击相应商品信息后的【出货】按钮，系统自动提示出货成功。

3．删除

单击相应订单信息后的【删除】按钮即可删除其订单信息。

1.2.5 公告设置

单击【公告设置】按钮，界面右侧自动显示相应的公告信息列表。在列表中可以对公告信息进行查看、添加、修改及删除操作。



图1.18 公告管理

1．查看

单击【上一页】、【下一页】按钮可翻页查看公告信息。

2．添加

单击【添加公告信息】按钮，系统自动进入如图1.19所示的信息添加界面。在“公告标题”、“公告内容”的文本框中输入相应的内容，最后单击【提交】按钮即可。



图1.19 添加公告信息

3．修改

单击相应公告信息后的【修改】按钮，系统自动进入公告信息的修改界面，在公告标题和公告内容的文本框中进行修改，最后单击【提交】按钮即可。

4．查询

单击相应信息后的【查询内容】按钮可查看公告的详细信息。

5．删除

单击相应信息后的【删除】按钮，系统弹出的提示信息进行确认后即删除该信息。

1.2.6 友情链接设置

单击【友情链接设置】按钮，界面右侧自动显示如图1.20所示的模块。



图1.20 友情链接信息

1．查看

单击【上一页】、【下一页】按钮可翻页查看友情链接信息。

单击相应信息后的【查看图片】按钮可查看相应网站的图片。

2．添加

单击【添加网站信息】按钮，系统自动进入如图1.21所示的信息添加模块。



图1.21 添加网站信息

在“网站名称”和“网站地址”的文本框中输入网站的名称及地址，最后单击【提交】按钮进入如图1.22所示的添加网站图片的模块。单击【浏览】按钮，在系统弹出的模块中选择图片路径，最后单击【提交】按钮即可。



图1.22 添加网站图片

3．删除

单击相应信息后的【删除】按钮即可删除相应的网站信息。

1.2.7 退出后台

单击【退出后台】按钮，系统弹出的提示信息进行确认后即可退出后台管理页面，返回到诚信网络购物中心的前台首页。

第六章 总 结



本文论述了一个基于网上商品草超市系统，基本上体现了电子商务各方面的优点。

经过三个多月的毕业设计，我和刘颖佳同学合作基本开发完成了企业产品在线订购。其中我负责的用户模块功能基本符合要求，可以完成用户注册，登录，显示用户列表，用户密码查询，商品信息查看、查询，购物车以及定单处理等功能。界面美观，明了，易操作。

通过毕业设计我学到了很多新知识，个人能力与了很大的提高，最重要的是我深切的感受到团队合作精神的重要性。在设计中经常遇到种种困难与挫折，几次陷入停顿状态。在这种情况下，同伴不但给予我的很多的鼓励，而且在设计上提出了很多正确的建议和善意的批评。大家一起搜集各种相关资料，一起探讨技术问题，一起攻克设计中的各种困难。

在这里，顺利完成毕业设计我首先要感谢指导老师彭献武老师的细心指导，他帮助解决了我们设计中的疑难和困惑，为我们完成设计提供了极大的帮助。彭献武老师为我们设计了提纲和基本要求，在这个学期中，我们随时都能与他取得联系询问相关问题，他总是耐心的为我们作出解答，并多次给热心地帮我们查找相关书籍资料。我们的这次设计顺利完成离不开彭献武老师的帮助；同组的设计成员刘颖佳同学也为我提供了不少的帮助，在此一并向他们表示衷心的感谢！

不过对我们来说，由于时间有限，也包括我们的知识水平有限，系统中有不足之处，还请各位老师指导指正。



参考文献

[1]、徐建波主编.《Internet与Web设计教程》 .中国矿业大学出版社 .2001

[2] 云舟工作室编著.精通JSP3.0网络编程.人民邮电出版社.2001

[3] 曹建主编.Dreamweaver与JSP实战演练.电子工业出版社.2001

[4] Time创作室编著.office2000系列丛书SQLserver20002000.人民邮电出版社.1999

[5] 武晓军、陈海滨编著.Javascript/VBScript网页编程实例解析.清华大学出版社.2001

[6] [美]Greg Buczek著,王小娟、陈代川译.SQLserver20002002数据库开发即时应用.人民邮电出版社.2002

[7] 林金霖.JSP实务经典.中国铁道出版社.2000

















第 52 页 共 52 页









系统服务器



后台数据库



Internet用户



网上商品超市



Internet



浏览器



浏览器



WEB服务器



数据服务器



浏览器



首 页



登 陆



注册新用户



写入User表



购买商品



搜索商品



下定单



写入Order表



修改定单



写入Order表



主 页



管理员



用 户



企业产品在线订购



用户管理





管理员管理





论坛管理





搜索





添加小类



添加大类



商品添加



商品审查



管理员添加



管理员审查



管理员退出



会员管理





操作管理





商品名称





商品类别





商品资料





用户删除





用户修改



用户注册



商品交易



企业产品在线订购



用户管理





管理员管理





论坛管理





搜索





添加小类



添加大类



商品添加



商品审查



管理员添加



管理员审查



管理员退出



会员管理





操作管理





商品名称





商品类别





商品资料





用户删除





用户修改



用户注册



商品交易