目录实训目的 (2)实训内容 (3)一、目标及网站构架 (3)1 了解实训目标，建立目标文档 (3)2 根据已有信息，构建网站内容框架 (3)二、收集制作素材 (5)三、设计制作网页、功能扩展 (5)1 数据库的相关操作 (5)2 界面设计 (7)2.1 通用模块介绍 (7)2.2 系统主界面与登录程序设计 (8)2.3 设计商品查询与购买模块 (9)2.4 设计客户投诉模块 (10)2.5 管理主界面 (11)2.6 公告信息管理模块设计 (11)2.7 商品管理模块设计 (12)2.8 订单管理模块设计 (13)2.9 投诉管理模块设计 (13)四上传、管理及维护 (14)实训总结 (14)实训目的通过2周时间完成具体网站的设计、建设、维护及管理。

在实训的过程中需要充分结合已经学习过的相关知识如图像处理软件、数据库技术、动态页面技术等来完成实训任务。

实训内容一、目标及网站构架1 了解实训目标，建立目标文档本系统的建成，客户首先可以在不注册的情况下，浏览本网站的商品，有意愿的情况的下，可以注册，然后购买商品，管理员则可以通过台管理，去处理订单，产品的上架，注册用户的管理等网站的维护操作。

2 根据已有信息，构建网站内容框架客户购物流程如图2.2.1所示。

图2.2.1客户购物流程网站结构总图如下：二、收集制作素材根据网站搜集相关素材，包括文字、图片、动画、音视频等；根据网站制作素材，包括修改已有素材及自行设计制作素材；自己设计的logo如下：三、设计制作网页、功能扩展1 数据库的相关操作首先创建一个数据库Shop，脚本如下：后台管理订单管理系统管理修改商品信息删除商品信息查看商品信息处理订单办理发货办理结帐删除订单投诉管理录入投诉的解决方法删除已解决的投诉查看投诉用户修改自身的密码创建，修改和删除管理员信息删除用删除用户信息修改自身的密码创建，修改自身的信息普通用户Admin用户-- 创建数据库CREATE DATABASE ShopGO本系统数据库中包括如下7张表：公告信息表Board（用来保存网站公告信息）表4.1: 公告信息表编号字段名称数据结构说明1Id Int公告编号2Title Varchar（50）公告题目3Content Varchar（100）公告内容4PostTime Datetime提交时间5Poster Varchar（20）提交人●商品类别表GoodsType（用来保存商品类别的信息）表4.2: 商品类别表编号字段名称数据结构说明1Id int分类编号2Type Varchar50分类名称●商品信息表Goods（用来保存商品的基本信息）表4.3: 商品信息表编号字段名称数据结构说明1.Id int商品编号2.Type int商品类别3.Name Varchar（50）商品名称4.SN_Numbei Varchar（50）商品序列号5.Producer Varchar（50）生产厂家6.Package Varchar（50）包装类型7.SalePrice Float销售价格8.StorePrice Float进货价格9.Content Varchar（100）商品简介10.ReadCount Int阅读次数11.BuyCount Int销售数量12.ImageFile Varchar（50）图片文件●购物车表Basket（用来保存用户订购的商品信息）表4.4: 购物车表编号字段名称数据结构说明1Id int编号2UserId Varchar（20）用户名3GoodsId Int商品编号4OrderTime Datetime订购时间5OrderCount Int订购数量6SalePrice Float销售价格7UserChecked Char用户确认8OrderNumber Varchar（50）订单号9PostTime datetime提交时间10AdminChecked char管理员确认●客户投诉表Complain（用来保存客户对订单的投诉信息）表4.5: 客户投诉表编号字段名称数据结构说明1Id int投诉编号2PostTime datetime投诉时间3UserId Varchar（20）用户名4OrderNumber Varchar（50）订单号5Content Varchar投诉内容6Result Varchar处理结果7Flag Bit处理标志●用户表Users（用来保存注册用户的基本信息）表4.6: 用户表编号字段名称数据结构说明1UserId Varchar(20)用户名2Pwd Varchar(20)用户密码3UserName Varchar(50)用户姓名4Sex Bit性别5Address Varchar(1000)地址6Email Varchar(50)电子邮件地7Telephone Varchar(100)固定电话8Mobile Varchar(50)移动电话●管理员表Admin（用来保存系统管理员的基本信息）表4.7: 管理员表编号字段名称数据结构说明1AdminId Varchar(20)用户名2PassWd Varchar(20) 密码3Name Varchar(50)用户姓名1．创建表Board代码如下：USE ShopGOCREATE 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 ConnDim ConnStrSet Conn = Server.CreateObject("ADODB.Connection")ConnStr = "DRIVER={SQL Server};SERVER=（local）;UID=sa;PWD=sa;Database=Shop"Conn.Open ConnStr%>实现ConnDB.asp的代码如下:<!--#include file=”ConnDB.asp” -- >2)IsAdmin.asp判断当前用户是否是管理用户，如果不是，则跳转到Login.asp，要求用户登录：如果是，则不执行任何操作，直接进入包含它的网页。

代码如下：<%'从Session变量中读取用户信息AdminId = Trim(Session("admin_id"))Passwd = Trim(Session("admin_pwd"))'用户名是否为空If AdminId <> "" Thensql = "Select * From Admin Where AdminId='" & AdminId & "' And Passwd='" & Passwd & "'"'是否存在此用户名Set rs = Conn.Execute(sql)If rs.EOF ThenResponse.Redirect "Login.asp"End IfElseResponse.Redirect "Login.asp"End If%>3）IsUser.asp注册用户在确认订单、查看购物车、提交投诉等情况下，需要通过身份验证。

IsUser.asp可以实现此功能，代码如下：<%'从Session变量中读取注册用户信息，并连接到数据库验证UserId = Trim(Session("user_id"))Pwd = Trim(Session("user_pwd"))'如果用户名为空，则显示提示信息If UserId = "" ThenResponse.Write("不是注册用户，不能进入")Response.EndElse'连接数据库，进行身份验证sql="SELECT * FROM Users WHERE UserId='" & UserId & "' AND Pwd='" & Pwd & "'"Set rs = conn.Execute(sql)If rs.EOF ThenResponse.Write("不是注册用户，不能进入")Response.EndEnd IfEnd If%>实现IsUser.asp代码如下：<!--#include file=” IsUser.asp” -- >2.2 系统主界面与登录程序设计主界面为index.asp，显示网络商城的给定信息:系统公告、用户公告、用户登录、订单查询、商品查询、最新商品、热卖商品和商品分类等信息,如图所示图2.2.1: 主界面用户注册，文件为UserAdd.asp界面如图2.2.2所示。

图2.2.2:用户注册界面查询订单商品搜索界面如图2.2.3所示。

图2.2.3: 查询订单商品搜索界面2.3 设计商品查询与购买模块1）按分类查看商品列表在主界面Right.asp中，显示了商品分类的超级链接，单击超级链接，将打开Search.asp页面，查看指定分类中的商品列表,如图2.3.1所示。

图2.3.1: 按分类查看商品的页面2）选择要购买的商品图2.3.2: 订购商品的信息●购物车管理图2.3.3: 购物车的页面●收银台管理图2.3.4: 收银台的页面我的订单图2.3.5: 订购商品的处理状态2.4 设计客户投诉模块1）填写客户投诉图2.4.1:客户投诉界面2）查看客户投诉图2.4.2:投诉处理界面2.5 管理主界面图2.5.1:管理员登录主界面管理主界面为AdminIndex.asp，界面如图2.5.2所示。

图2.5.2: 管理主界面2.6 公告信息管理模块设计1）添加公告信息图2.6.1: 添加公告信息界面2）查看公告信息图2.6.2: 查看公告信息界面2.7 商品管理模块设计1）设计商品类别管理页面图2.7.1: 商品类别管理界面2）添加商品GoodsAdd.asp的运行界面如图2.7.2所示。