目
录
实训目的 ........................................................ 1
实训内容 ........................................................ 2
一、目标及网站构架 .............................................. 2
1 了解实训目标,建立目标文档.....................................................................................................2
2 根据已有信息,构建网站内容框架.............................................................................................2
二、收集制作素材 ................................................ 4
三、设计制作网页、功能扩展 ...................................... 4
1 数据库的相关操作......................................................................................................................... 4
2 界面设计......................................................................................................................................... 6
2.1 通用模块介绍.................................................................................................. 6
2.2 系统主界面与登录程序设计.......................................................................... 7
2.3 设计商品查询与购买模块.............................................................................. 8
2.4 设计客户投诉模块.......................................................................................... 9
2.5 管理主界面.................................................................................................... 10
2.6 公告信息管理模块设计................................................................................ 10
2.7 商品管理模块设计........................................................................................ 11
2.8 订单管理模块设计........................................................................................ 12
2.9 投诉管理模块设计........................................................................................ 12
四 上传、管理及维护 ............................................ 13
实训总结 ....................................................... 13
实训目的
通过 2 周时间完成具体网站的设计、建设、维护及管理。在实训的过程中需要充分
结合已经学习过的相关知识如图像处理软件、数据库技术、动态页面技术等来完成
实训任务。
实训内容
一、目标及网站构架
1 了解实训目标,建立目标文档
本系统的建成,客户首先可以在不注册的情况下,浏览本网站的商品,有意愿的情况的下,
可以注册,然后购买商品,管理员则可以通过台管理,去处理订单,产品的上架,注册用户的
管理等网站的维护操作。
2 根据已有信息,构建网站内容框架
客户购物流程如图 2.2.1 所示。
浏
览
商
品
选
择
商
品
订
购
商
品
网站结构总图如下:
未注册用户
注册
已登陆注册用户
未登录 用户
登录
图 2.2.1 客户购物流程
去
购
物
车
去
收
银
台
提
交
订
货
单
浏览公告
浏览商品
前台管理
查询商品
购买商品
购物车
用户信息维护
公告管理
在
线
购
物
系
统
商品详细资料
商品编号
商品类别
商品关键字
订单查询
用户注册
用户登陆
用户资料修改
添加公告
修改公告
删除公告
添加商品类别
修改商品类别
删除商品类别
添加商品信息
商品管理
商品图片的上传,修改和删除息
后台管理
订单管理
修改商品信息
删除商品信息
查看商品信息
处理订单
办理发货
办理结帐
删除订单
录入投诉的解决方法
投诉管理
删除已解决的投诉
修改自身的密码
系统管理
查看投诉用户
Admin 用户
普通用户
创建,修改和删除管理员信息
删除用删除用户信息
户信息
修改自身的密码
创建,修改自身的信息
二、收集制作素材
根据网站搜集相关素材,包括文字、图片、动画、音视频等;根据网站制作素材,包括修改已
有素材及自行设计制作素材;自己设计的 logo 如下:
三、设计制作网页、功能扩展
1 数据库的相关操作
首先创建一个数据库 Shop,脚本如下:
-- 创建数据库
CREATE DATABASE Shop
GO
本系统数据库中包括如下 7 张表:
公告信息表 Board(用来保存网站公告信息)
表 4.1: 公告信息表
编号
字段名称
数据结构
1
2
3
4
5
Id
Title
Content
PostTime
Poster
商品类别表 GoodsType(用来保存商品类别的信息)
编号
1
2
表 4.2: 商品类别表
字段名称
Id
Type
数据结构
int
Varchar50
商品信息表 Goods(用来保存商品的基本信息)
表 4.3: 商品信息表
Int
Varchar(50)
Varchar(100)
Datetime
Varchar(20)
说明
公告编号
公告题目
公告内容
提交时间
提交人
说明
分类编号
分类名称
编号
1.
2.
3.
4.
5.
6.
7.
字段名称
Id
Type
Name
SN_Numbei
Producer
Package
SalePrice
数据结构
int
int
Varchar(50)
Varchar(50)
Varchar(50)
Varchar(50)
Float
说明
商品编号
商品类别
商品名称
商品序列号
生产厂家
包装类型
销售价格
8.
9.
10.
11.
12.
StorePrice
Content
ReadCount
BuyCount
ImageFile
Float
Varchar(100)
Int
Int
进货价格
商品简介
阅读次数
销售数量
图片文件
说明
编号
用户名
商品编号
订购时间
订购数量
销售价格
用户确认
订单号
提交时间
管理员确认
Varchar(50)
购物车表 Basket(用来保存用户订购的商品信息)
编号
1
2
3
4
5
6
7
8
9
10
表 4.4: 购物车表
字段名称
Id
UserId
GoodsId
OrderTime
OrderCount
SalePrice
UserChecked
OrderNumber
PostTime
AdminChecked
数据结构
int
Varchar(20)
Int
Datetime
Int
Float
Char
Varchar(50)
datetime
char
客户投诉表 Complain(用来保存客户对订单的投诉信息)
表 4.5: 客户投诉表
编号
1
2
3
4
5
6
7
字段名称
Id
PostTime
UserId
OrderNumber
Content
Result
Flag
说明
投诉编号
投诉时间
用户名
订单号
数据结构
int
datetime
Varchar(20)
Varchar(50)
Varchar(1000) 投诉内容
Varchar(1000) 处理结果
Bit
处理标志
用户表 Users(用来保存注册用户的基本信息)
表 4.6: 用户表
编号
1
2
3
4
5
6
电子邮件地址
7
固定电话
8
移动电话
管理员表 Admin(用来保存系统管理员的基本信息)
说明
数据结构
用户名
Varchar(20)
用户密码
Varchar(20)
用户姓名
Varchar(50)
Bit
性别
Varchar(1000) 地址
Varchar(50)
Varchar(100)
Varchar(50)
字段名称
UserId
Pwd
UserName
Sex
Address
Email
Telephone
Mobile
表 4.7: 管理员表
编号
1
2
3
1.创建表 Board
字段名称
AdminId
PassWd
Name
代码如下:
USE Shop
GO
数据结构
Varchar(20)
Varchar(20)
Varchar(50)
说明
用户名
密码
用户姓名
CREATE TABLE Board (
Id int IDENTITY (1, 1),
Title varchar (50),
Content varchar (1000),
PostTime datetime,
Poster varchar (20)
)
GO
其他表格的创建大同小异,这里就不将代码一一列出。
2 界面设计
2.1 通用模块介绍
1)ConnDB.asp
用来实现数据库的连接,代码如下:
Dim Conn
Dim ConnStr
Set Conn = Server.CreateObject("ADODB.Connection")
ConnStr = "DRIVER={SQL Server};SERVER=(local);UID=sa;PWD=sa;Database=Shop"
Conn.Open ConnStr
<%
%>
实现 ConnDB.asp 的代码如下: