范文_毕业论文-游文指导

景德镇高等专科学校毕业设计

陶瓷网站开发与设计

曹斌

二零零八年三月十四日

景德镇高等专科学校毕业设计论文

景德镇高等专科学校 数学与计算机系毕业设计 （2008 届）

课题名称： 姓 学 专 名： 号： 业：

陶瓷网站开发与设计

曹斌

2005104014

计算机应用技术

所在班级：

05 计算机应用技术

指导教师：姓名： 职称： 时

游 讲

文 师

间：二零零八年三月十四日

景德镇高等专科学校毕业设计论文

摘

要

本项目是开发一个陶瓷购物网站,网站开发主要包括后台数据库的建立和维 护以及前台应用程序的开发两个方面。对于前者要求建立起数据一致性和完整 性强、数据安全性好的数据库，而对于后者则要求应用程序功能完备,易使用等 特点。因此本人结合陶瓷店的要求，对 SQL Server2000 数据库管理系统、SQL 语言原理、ASP.NET 设计平台，ASP.NET 数据库技术进行了学习和应用，主要 完成对陶瓷购物系统的需求分析、功能模块划分、数据库模式分析，并由此设 计了数据库结构和应用程序。系统运行结果证明，本文所设计的陶瓷购物网站 可以满足购物者和高级管理员双方面的需求。 通过电子商务网站的建设以实现对陶瓷商家提供信息化管理。 建立了网络订 货系统和网络销售系统。着重论述了系统功能与实现、数据流程及存储,包括商 品目录、会员注册、网上订货与购物、商品查询、后台数据库管理等。

【关键词】 网上购物，SQL Server2000 ，ASP.NET

I

景德镇高等专科学校毕业设计论文

Abstract

The project develops a china shopping web, it develops on two main respects of development including setting-up and maintenance and front application program of backstage supporter's database . Demand to set up the consistency of the data and integrality the strong storehouse, data with good security to the former. Require to the latter that the function of the application program is completed, apt characteristic of using etc. So combine and make the request of the entering type bookstore in person , design the platform to SQL Server2000 database management system , SQL language principle , ASP.NET, ASP.NET database technology has carried on the deeper study and application, mainly finish demand analysis , function module dividing , database mode to the online bookstore system to analysis, and has designed structure of the database and application program from this. Systematic operation result prove online bookstore system this text design can meet shopper and senior administrator need the both sides. In order to realize that offers the informationization to manage to the commercial retailer through the construction of the e-commerce website. Have set up because of the network order system and network marketing system. Have described the systemati

c function and realized emphatically, the procedure of the data and storing, including goods catalog , member registration , ordering and doing shopping , goods inquiry , backstage supporter's data base administration on the net ,etc.

【Keyword】

The online shopping, SQL Server2000, ASP.NET

II

景德镇高等专科学校毕业设计论文

目 录

摘 要………………………………………………………………………………………………I 关键词………………………………………………………………………………………………II 目 录…………………………………………………………………………………………..…... 1 绪 论………………………………………………………………………………………….…..3 第一章 可行性分析 .......................................................................................................... ….….....4 1.1 网站开发背景……………………………………………………………………………4 1.2 网站可行性分析 .............................................................................................................. .4 第二章 系统概述…………………………………………………………………………………..5 2.1 设计目标....................................................................................................................... …..5 第三章 网站的设计 …………………………………………………………………………….7 3.1 主要设计模块………………………………………………………….……………….7 3.2 首页设计 ........................................................................................................................ 10 3.2.1 页头的设计思想 ............................................................................................. 10 3.2.2 首页中搜索栏的设计思想 .............................................................................11 3.2.3 首页中整体设计思想 ..............................................................................……11 3.3 用户登录页面的设计……………………………………………………………… ..13 3.3.1 用户注册、 登录、 忘密页面的设计思想……………………………………13 3.4 购物页设计............................................................................................. ……..…….…16 3.4.1 购物页中购物车的设计思想……………………………………….………16 3.4.2 购物页中推荐商品的设计思想……………………………………....…….17 3.5 陶瓷网后台管理页的设计…………………………………………………………..17 3.5.1 管理员登录页面的设计思想………………………………………………17 3.5.2 后台管理页

面的设计思想…………………………………………………18 第四章 面向对象分析与数据库设计…………………………………………………..20 4.1 系统用例图……………………………………………………………………………..20 4.1.1 确定参与者……………………………………………………………………20 4.1.2 创建系统用例图……………………………...……………………………...20

１

景德镇高等专科学校毕业设计论文

4.2 系统时序图…………………………………….…………..…..……...............................21 4.3 系统协作图…………………………………………………………………..……..........23 4.4 系统状态图…………………………………….…………..…..……...............................25 4.5 系统活动图…………………………………………………………………..……..........26 4.6 数据库设计…………………………………………………………………..……..........27 第五章 模块设计……………………………………………………………………...…....29 5.1 首页设计代码实现…………………………………………………………………….29 5.1.1 首页的特效代码实现……………………………………………………….29 5.1.2 首页搜索商品的主要代码实现……………………………...……………..30 5.2 Web.config 的设置…………………………………….…………..…..……………….31 5.3 购物车的实现…………………………………………………………………..…….....32 总结报告 ....................................................................................................…………………….…. 35 参考文献 ................................................................................................................................ ……..36 致谢.................................................................................................................................................... 37

２

景德镇高等专科学校毕业设计论文

绪 论

在 Internet 飞速发展的今天，互联网成为人们快速获取、发布和传递信息的 重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。Internet 上发布信息主要是通过网站来实现的，获取信息也是要在 Internet“海洋”中按 照一定的检索方式将所需要的信息从网站上下载下来。因此网上购物系统应运 而生，网上购物弥补了传统购物的一些局限性，成为传统购物的补充。通过网 上购物，无论你在哪里都可以轻松地买到心仪的物品，只要那里有一台接入了 Internet 的电脑，通过网上购物可以很清楚的了解各个商品的信

息，从而对它们 进行比较，最后买到自己称心的物品。对于管理人员来说，利用购物系统能轻 松地管理大量的商品，而且可以通过系统查看各种商品的销售状况，通过各种 数据能够及时地知道那种商品正在热卖，而那些商品属于冷门地，从而在运营 上进行调整，更好地管理好商店。 我设计的是陶瓷购物网站。用户可以根据自己的喜好浏览自己喜欢的陶瓷， 但要想购买陶瓷，就必须通过注册成为会员后才能进行购买，登陆后就可以购 物了。各种陶瓷都进行了详细地分类，可以轻松地找到自己想要地陶瓷，同时 查找系统也能很容易地找到相关的陶瓷。当用户买到自己喜欢的陶瓷后就可以 去结算了，通过下订单用户可以填写自己的相关信息，而完成购物的流程。

3

景德镇高等专科学校毕业设计论文

第一章 可行性分析

1.1 网站开发背景

近年来, 随着人们生活水平的不断提高 , 很多人开始对收藏陶瓷感兴趣 , 因 此产生了很多陶瓷经营店 , 然而它们的销售仅仅只能满足于光顾过陶瓷店的群 体,这样就造成了陶瓷店销售的局限性 ,而导致其局限性的主要原因是距离 , 由 于人们生活在不同的城市,所以不可能每个陶瓷爱好者都能光顾商家的陶瓷店. 在这个信息发展的时代 ,网络已经拉近了人们的距离 , 因此, 我们要解决陶 瓷店销售的局限性就要建立起自己的陶瓷网 , 使得全世界的陶瓷爱好者都能在 网上欣赏和购买陶瓷.

1.2 网站可行性分析

优秀的网页设计必然服务于网站的主题，就是说，什么样的网站，应该有 什么样的设计。例如，设计类的个人站点与商业站点性质不同，目的也不同， 所以评论的标准也不同。网页艺术设计与网站主题的关系应该是这样：首先， 设计是为主题服务的； 其次， 设计是艺术和技术结合的产物， 就是说， 即要 “美” ， 又要实现“功能” ；最后， “美”和“功能”都是为了更好地表达主题。当然， 有些情况下， “功能”即是“主题” ，还有些情况下， “美”即是主题。例如，雅 虎作为一个搜索引擎，首先要实现“搜索”的“功能” 。它的主题即是它的“功 能” 。而一个陶瓷网站的服务群体是广大消费者，他的主题在于陶瓷信息。整个 网站的主题应该着重在陶瓷的信息。如果只注重主题思想的条理性而忽视网页 构成元素空间关系的形式美组合，或者只重视网页形式上的条理而淡化主题思 想的逻辑，都将削弱网页主题的最佳诉求效果，难以吸引浏览者的注意力，出 现平庸的网页设计或使网页设计以失败而告终。

4

景德镇高等专科学校毕业设计论文

第二章 系统概述

2.1 设计目标

本陶瓷网开发的目的是

构建一个陶瓷商家与客户在网上进行交易的 B2C 电子 商务平台.开发本陶瓷网站的作用是扩展陶瓷经营店的销售网.使得陶瓷销售不 受距离的影响.因此,陶瓷网的设计必须满足用户的购买需要.首先,用户可以在 首页欣赏各类陶瓷;其次,网站还设置了分类按钮,用户可以分类欣赏陶瓷;最后, 如果用户要欣赏或购买某个陶瓷,可以在网站的搜索栏里面输入陶瓷名称进行 查找.当用户看中某个陶瓷的时候就可以点击“购买”按钮，将其添加到购物篮 里,然后进行交易.最后就可以足不出户购买到自己所欣赏的陶瓷.。 陶瓷网站的功能至少包括以下几点 1. 建立和维护用户信息库 首先声明本陶瓷网的销售思想是和谐,不用注册也可以浏览全部陶瓷,就像 一家服务好的商店服务宗旨永远是不买也可以进来看看.如果用户看到了自己 所喜欢的陶瓷的话,可以免费注册成为我们陶瓷网的会员,注册的时候需要用户 填写一些基本信息,例如:密码保护的信息等等,注册成功后页面会自动跳转到 登录页面,如果用户忘记密码,还可以点击在陶瓷情概况下又分新品陶瓷 与精品陶瓷；如下图所示：

3.1.1 根据功能需要把系统划分为以下几个子模块，如(图 3-1)

陶瓷电子商务系统

陶 瓷 类 目 显 示

陶 瓷 目 录 显 示

搜 索 类 目

收 款 系 统

类 目 管 理

购 物 篮

处 理 客 户 订 单

推 荐 系 统

客 户 信 息 管 理

(图 3-1) 陶瓷电子商务系统总体功能结构图

3.1.2 商品类目显示模块包括如(图 3-2)所示的几个部分

陶瓷类目模块

显示陶瓷类目列表

获取陶瓷详细信息

(图 3-2) 陶瓷类目显示模块 7

景德镇高等专科学校毕业设计论文

3.1.3 陶瓷目录显示模块包括如(图 3-3)所示的几个部分

陶瓷目录显示模 块

显 示 类 目 的 详 细 信 息

显 示 指 定 类 目 的 陶 瓷 列 表

显 示 主 页 上 推 荐 的 陶 瓷 列 表

(图 3-3) 陶瓷类目显示模块

3.1.4 陶瓷后台管理模块如（图 3-4）所示的几个部分。

陶瓷后台管理模块

管 理 员 身 份 验 证

管 理 陶 瓷 商 家

管 理 类 目

管 理 陶 瓷

管 理 陶 瓷 细 节

上 传 陶 瓷 图 片

（图 3-4）陶瓷后台管理模块

8

景德镇高等专科学校毕业设计论文

3.1.5 购物篮模块包括（图 3-5）所示的几个部分。

购物篮模块

添 加 陶 瓷 入 购 物 车

更 新 陶 瓷 数 量

删 除 不 想 要 的 陶 瓷

检 索 购 物 车 所 有 陶 瓷

计 算 购 物 陶 瓷 总 价

（图 3-5） 购物篮模块

3.1.6 处理客户订单包括（图 3-6）所示的几个部分

处理客户订单

订购系统

管理订单列表

订单流水线管理

订单细节管理

通 知 客 户

信 用 卡 授 权

库 存 检 查

付 款

发 货

（图 3-6） 处理客户订单

9

景德镇高等专科学校毕业设计论文

3.1.7 客户信息管理模块包括（图 3-7）所示的几个部分

客户信息管理

客 户 登 录

客 户 注 册

未 注 册 客 户 检 查

客 户 找 回 密 码

（图 3-7） 客户信息管理

3.2 首页设计

3.2.1 页头的设计思想

陶瓷网首页以橘黄色为主要色调，散发出青春活力气息，左上角添加本网 的标题图片，图片下面添加“设为主页”和“加入收藏”的代码，中间添加一 个陶瓷网的 flash，让人耳目一新，flash 下面是用 Fireworks 处理的按钮，用于陶 瓷分类查看，表现出本陶瓷网分类欣赏的特色，右边是用户注册、登录和管理员 登录窗体的链接，单击后可分别跳转到注册，登录的页面。如（图 3-8） （图 3-9）

（图 3-8）首页页头

10

景德镇高等专科学校毕业设计论文

（图 3-9）陶瓷类目浏览

3.2.2 首页中搜索栏的设计思想

网站中的搜索栏是使用 Fireworks 处理的图片，先将其在 Dreamweaver 里布 局好，然后将代码导入到 Microsoft Visual Studio .NET 2003 里进行后台代码编 写。在搜索栏的左上方添加了显示日期

时间的代码，它和图片的结合显示出和 谐的效果，使用户可以在浏览网站的同时了解当前的日期时间，同时也给首页 添加了几分时尚的气息。搜索部分是在 Datalist 控件里选择陶瓷类目，然后在搜 索栏里输入陶瓷名称，点击“go”按钮进行搜索。如（图 3-10）

（图 3-10）首页搜索栏

3.2.3 首页中整体设计思想

首页的整体设计思想是使用 web 用户控件生成上下文，首页使用的控件有： 11

景德镇高等专科学校毕业设计论文

页头的 head.ascx 控件（图 3-11） 、注册的 main.ascx 控件（图 3-12） 、显示陶瓷的 ProductsList.ascx 控件 （图 3-13） ， 其中 ProductsList.ascx 不是直接拖入页面表格的， 而是在 html 里给表单的单元格定义 id，再在后台根据判断语句返回当前所需要 显示的陶瓷，因为首页 main.aspx 会根据不同的操作显示不同的效果，从而加载 不同的控件，因此这样做可以充分使用页面。首页的整体布局除了上面所说的 页头和搜索栏部分外，在搜索栏的左下方是注册部分，注册的下方是查看购物 车按钮，单击后转到购物车页面，注册控件旁边是显示商品，显示的商品配合 用 Fireworks 处理的橘黄色图片给人耳目一新的视觉如(图 3-14)。

（图 3-11）控件 head.ascx

（图 3-12 ）控件 main.ascx

（图 3-13 ）控件 ProductsList.ascx

（图 3-14）首页整体布局

12

景德镇高等专科学校毕业设计论文

3.3 用户登录页面的设计

3.3.1 用户注册、登录、忘密页面的设计思想

用户注册、 登录、 忘密页面的设计思想是将多个表格全部放在一个页面里， 这样就有利于传值。首先：注册页面（图 3-15、图 3-16、图 3-17、图 3-18） 是运用了高级验证控件提示用户在注册的时候必须注意的问题；其次：登录页 面（图 3-19）运用了验证码功能，而且使用 session 检查用户是否登录；最后： 忘密页面（图 3-20、图 3-21、图 3-22、图 3-23、图 3-24）是根据用户注册时 候填写的密保信息找回密码，并且可以重新设置新密码。

（图 3-15）注册条款声明

（图 3-16）用户帐号信息填写

13

景德镇高等专科学校毕业设计论文

（图 3-17）用户基本信息填写

（图 3-18）注册成功

（图 3-19）注册页面

14

景德镇高等专科学校毕业设计论文

（图 3-20）输入用户名

（图 3-21）输入密码提示答案

（图 3-22）找回成功

（图 3-23）设置新密码

（图 3-24）新密码设置成功

15

景德镇高等专科学校毕业设计论文

3.4 购物页的设计

3.4.1 购物页中购物车的设计思想

购物车的设计思想是在首页 main.aspx 里添加“购物车”按钮，单击它后 main.aspx 页 面 就 会 加 载 购 物 车 的 ShoppingCart.ascx 控 件 （ 图 3-25 ） ， ShoppingCart.ascx 控件的

设计是利用 datagrid 从表 ShoppingCart 和表 Product 里 面读取数据，为了让数据显示在具体的表格里面，在 html 里给相应的单元格添 加了绑定代码：

21

景德镇高等专科学校毕业设计论文

登录系统 系统管理员 1.输入帐号密码

陶瓷管理模块

相关处理

数据库模块

2.提交管理员ID

3.显示产品处理 4.提交增、删、改的产品ID

5.数据苦处理,并更新数据

6.提示成功

7.提示成功信息

（图 4-5）管理员管理产品时序图

⑵ 管理员管理类目的时序图如（图 4-6）所示

登录系统 系统管理员 1.输入帐号密码

类目管理模块

相关处理

数据库模块

2.提交管理员ID

3.显示类目处理信息

4.提交增、删、改操作

5.数据库处理,并更新结果

6.更新成功

7.提示成功信息

（图 4-6）管理员管理类目时序图

22

景德镇高等专科学校毕业设计论文

⑶ 用户购买商品的时序图如（图 4-7）

登录系统 注册用户 1.输入帐号密码

产品展示系统

购物车系统

定单处理系统

支付交易系统

2.提交用户ID

3.显示商品 4.选择商品 5.将被选商品放入购物车 6.返回添加成功 7.提交查看购物车命令 8.显示购物车信息 9.提交定单处理命令 10.提交购物车列表 11.显示定单列表,请求确认 12.确认定单，提交支付命令 13.提交定单列表 14.显示支付列表,请求确认支付

填写用户名和密码,确认支付 显示反馈信息

（图 4-7）用户购买商品时序图

4.3 系统协作图

由于系统的时序图和协作图一般描述相同的内容，因此根据系统的时序图， 本陶瓷网的协作图可分为以下几个： ⑴ 管理员管理产品的协作图如（图 4-8）

23

景德镇高等专科学校毕业设计论文

1: 输入帐号和密码

数据库模块

系统管理员

登录系统

⑵ 管理员管理类目的协作图如（图 4-9）

7 4: : 提 提 交 交 处 增 理 、 成 删 功 、 信 改 息 操 作

⑶ 用户购买商品的协作图如（图 4-10）

6: 提交成功 5: 数据库处理,并更新数据库

2: 提交管理员ID

4: 提 7: 交 提 增 交 、 成 删 功 、 信 改 息 产 品 ID

3:

显

示 商

品

信 息

相关处理

产品管理模块

（图 4-8）管理员管理产品协作图

1: 输入帐号和密码

数据库模块

系统管理员

登录系统

6: 更新成功 5: 数据库处理,并更新数据库

2: 提交管理员ID

3:

显

示

类

目

处

理

信

息

产品管理模块

相关处理

（图 4-9）管理员管理类目协作图

24

景德镇高等专科学校毕业设计论文

1:

输

入

帐

号

和

密

码

登录系统

2: 提 用 交 ID 户

9: 提交购物车列表

15: 提交反馈信息 14: 确认支付 13: 显示支付列表

12

:提

交

定

单

列

表

支付交易系统

（图 4-10）用户购买商品协作图

4.4 系统状态图

⑴ 后台产品管理状态图如（图 4-11）

错误页面 登录失败

添加产品状态

添加

登录后台管理

模块

产品

数据更新页面

删除产品状态

删除 产品

请求

登录成功

请求

修改产品状态

请求 产品 修改

产品管理模块

（图 4-11）后台产品管理状态图

⑵ 后台类目管理状态图如（图 4-12）

25

5:

被

定单处理系统

购物篮系统

选

商 品 放

认 确 求 命令 请 , 表 支付 列 单 ,提交 定 示 定单 :显 认 0 1 :确 系统管理员 11

3: 显示商品信息 4: 选择商品

6: 提 交 8: 提 查看 交 7: 显 定单 购物 示 购 处理 车命 物 车 命令 令 信 息

如

购

物 车

景德镇高等专科学校毕业设计论文

错误页面 登录失败 登录后台管理模块 添加 请求 登录成功 删除 请求 类目管理模块 请求 改 修

添加类目状态

数据更新页面

删除类目状态

修改类目状态

（图 4-12）后台类目管理状态图

⑶前台业务模块的状态图如（图 4-13）

输入陶瓷 网网址 支付系统 支付失败 定单处理 用户登录 登录成功 购物车 选择商品 产品展示区 陶瓷网首页 登录失败

（图 4-13）前台业务模块状态图

4.5 系统活动图

⑴ 前台业务模块的活动图如（图 4-14）

进入网站

登录

新用户注册

显示类目

查看产品列表

进入购物车管理

选择商品

进入支付管理

（图 4-14）前台业务模块活动图

26

景德镇高等专科学校毕业设计论文

⑵ 后台业务模块的活动图如（图 4-15）

登录

陶瓷商家管理

类目管理

产品管理

（图 4-15）后台业务模块活动图

4.6 数据库设计

根据模块的划分，本陶瓷网应建立的数据表如下： ⒈Customer 表：用户信息表。 ⒉Department 表：陶瓷商家信息表 ⒊Category 表：陶瓷类目信息表 ⒋Product 表：陶瓷信息表 ⒌ProductCategory 表：把陶瓷和陶瓷类目相关联起来的表 ⒍ShoppingCart 表：存储所有购物车的信息表 ⒎Orders 表：存储订单本身的数据和发出定单的客户信息表 ⒏OrderDetail 表：存储每个定单中的商品信息表 ⒐Audit 表：审核定单信息表 ⒑Status 表：状态表 表之间的关系如（图 4-16）

27

景德镇高等专科学校毕业设计论文

（图 4-16）各表关系图

28

景德镇高等专科学校毕业设计论文

第五章 模块设计

5.1 首页设计代码实现

5.1.1 首页的特效代码实现

设为主页，加入收藏：

33

景德镇高等专科学校毕业设计论文

购物车取消编辑按钮代码： Private Sub grid_CancelCommand(ByVal source As Object, ByVal e As System.Web.UI.WebControls.DataGridCommandEventArgs) Handles grid.CancelCommand grid.EditItemIndex = -1 BindShoppingCart() End Sub 购物车更新按钮代码： Private Sub grid_UpdateCommand(ByVal source As Object, ByVal e As System.Web.UI.WebControls.DataGridCommandEventArgs) Handles grid.UpdateCommand Dim productId As String = grid.DataKeys(e.Item.ItemIndex) Dim quantity As String = CType(e.Item.FindControl(