网站设计书实例.doc

PAGE  PAGE 16 网站设计说明书提纲 封面 目录 3级标题 前言 1 网站规划 网站设计目的意义 网站设计使用技术 网站布局 网站配色 网站导航 网站栏目等 2 网站功能设计 前台 后台 3 网站效果图设计 主页 副页 4 数据库设计 5 网站详细设计 前台 后台 6 重难点分析 7 小结 附录 以下网站设计说明书，仅供参考  网站设计说明书 题 目：《美丽一身》网站的设计与制作 姓 名： 杜克翔 学 号： 20100530105 班 级： 10信管 指导教师： 孙俊国 完成日期： 2012.6.26  前 言 随着计算机网络技术的不断普及，人们对于互联网技术的要求已不单单是浏览一下网页，收发电子邮件，日益忙碌的人们开始追求足不出户的利用互联网这一强大的平台来实现的网上购物。对于企业来讲，无论是企业之间（B to B），还是企业和客户之间（B to C）的交易，如果能够实现网上交易将大大提高交易速度、节约交易成本。电子商务的发展，必将对人类的经济，生活模式产生一种全新的变革。本电子商务网站采用的是模式为浏览器服务器（B/S）模式，即客户通过数据连接来调用后台数据库中的数据。网站名称：“美丽一身”青岛旗舰店；网站类型：女性服装饰品类商业购物网站；网站技术：HTML语言+CSS样式+JavaScript语言+ASP技术+ACCESS数据库。 1 网站功能介绍 网站的界面设计主调颜色为粉红色，由浅粉和桃红色进行搭配，设计美观。 本网站分为前台展示和后台管理两大部分，其中前台的主要功能是商品展示和用户购买及评价留言，后台的主要功能是管理员管理商品、处理订单、管理用户、管理基本信息。具体介绍如下： 1.1前台主要功能及特点 1.1.1主页功能 商品分类导航 服装：外套、连衣裙、T恤、针织衫； 饰品：包包、首饰、帽子； 顶部导航：特卖专区、特别活动、会员注册、在线留言。如图1所示： 图1.1 主页顶部展示 会员登录界面； 销量前6名商品排序； 最新商品展示，包括商品名称、商品图片、商品价格，共9个服装类、6个饰品类；如图2所示： 图1-2 主页商品展示及会员登录、商品排名等 底部：加入收藏、设为主页、后台管理。 1.1.2 会员注册 会员注册信息有：用户名、密码、真实姓名、电话、地址、头像等； 会员注册后即有10个积分、每次登陆增加2个积分、每次购物增加5个积分； 会员注册界面如图3所示： 图1-3 会员注册界面 商品细节显示 商品小图片、大图片、商品名称、原价格、现价格； 商品详情； 商品评价； 商品最近成交记录； 参考尺寸、物流介绍、质量保证； 商品细节显示如图4所示： 图1-4 商品细节显示 1.1.4会员购物 会员登陆后，可以购物； 购物时填入确定电话、地址、邮编； 购物后可以评价，评价后即在网页中显示购物记录及评价信息； 1.1.5在线留言 会员登陆后可以留言 管理员可以删除留言 会员在线留言如图5所示： 图1-5 在线留言 1.2后台主要功能及特点 (1) 对管理员的管理：包括添加、删除管理员、修改密码等； 商品的添加：添加时，需选择商品的分类，输入商品的名称、价格、上传商品的图片，如图6所示： 图2-1 商品添加 商品的管理：可以分页显示商品，具有删除功能； 用户管理：管理本网站的用户，具有删除功能； 订单查看：分页显示交易记录； 客服设置。  2 数据库设计 采用ACCESS进行数据库设计，有8个数据表：商品分类表（big和class）、商品信息表（book）、商品成交记录表（chengjiao）、留言信息表（liuyan）、管理员信息表（shop_admin）、用户信息表（tb_user）、客服信息表（kf），下面为几个主要表的结构展示： 商品分类表（big和class）的数据表视图 图2-1商品分类表表结构 商品信息表（book）的设计表视图 图2-2商品分类表表结构 商品成交记录表（chengjiao）的设计表视图 图2-3商品分类表表结构 用户信息表（tb_user）的设计表视图 图2-4商品分类表表结构 其他各表不再详细在这里列出，各表关系如下 图2-5商品分类表表结构 3 详细设计 3.1数据库连接技术 在需要与数据库进行连接的所有页面的设计上，我采用 !--#include file=conn.asp--的头文件,conn.asp的具体内容如下所示： % db=data/shopdata.mdb ‘数据库路径 Set conn = S