目录实训目的 (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，脚本如下：-- 创建数据库CREATE DATABASE ShopGO本系统数据库中包括如下7表：公告信息表Board（用来保存公告信息）表4.1: 公告信息表编号字段名称数据结构说明1 Id Int 公告编号2 Title Varchar（50）公告题目3 Content Varchar（100）公告容4 PostTime Datetime 提交时间5 Poster Varchar（20）提交人●商品类别表GoodsType（用来保存商品类别的信息）表4.2: 商品类别表编号字段名称数据结构说明1 Id int 分类编号2 Type Varchar50 分类名称●商品信息表Goods（用来保存商品的基本信息）表4.3: 商品信息表修改自身的密码创建，修改自身的信息普通用户编号字段名称数据结构说明1.Id int 商品编号2.Type int 商品类别 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: 购物车表编号字段名称数据结构说明1 Id int 编号2 UserId Varchar（20）用户名3 GoodsId Int 商品编号4 OrderTime Datetime 订购时间5 OrderCount Int 订购数量6 SalePrice Float 销售价格7 UserChecked Char 用户确认8 OrderNumber Varchar（50）订单号9 PostTime datetime 提交时间10 AdminChecked char 管理员确认●客户投诉表Complain（用来保存客户对订单的投诉信息）表4.5: 客户投诉表编号字段名称数据结构说明1 Id int投诉编号2 PostTime datetime 投诉时间3 UserId Varchar（20）用户名4 OrderNumber Varchar（50）订单号5 Content Varchar（1000）投诉容6 Result Varchar（1000）处理结果7 Flag Bit 处理标志●用户表Users（用来保存注册用户的基本信息）表4.6: 用户表编号字段名称数据结构说明1 UserId Varchar(20) 用户名2 Pwd Varchar(20) 用户密码3 UserName Varchar(50) 用户4 Sex Bit 性别5 Address Varchar(1000) 地址6 Email Varchar(50) 电子地址7 Telephone Varchar(100) 固定8 Mobile Varchar(50) 移动管理员表Admin（用来保存系统管理员的基本信息）表4.7: 管理员表编号字段名称数据结构说明1 AdminId Varchar(20)用户名2 PassWd Varchar(20) 密码3 Name 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所示。
图2.7.2: 添加商品的运行界面3）查看商品信息执行GoodView.asp，查看商品信息，如图2.7.3所示。