青岛美丽一身网站的设计与制作计划书

1 青岛美丽一身网站的设计与制作计划书 1 网站功能介绍 网站的界面设计主调颜色为粉红色，由浅粉和桃红色进行搭配，设计美观。 本网站分为前台展示和后台管理两大部分，其中前台的主要功能是商品展示和用户购买及评价留言，后台的主要功能是管理员管理商品、处理订单、管理用户、管理基本信息。具体介绍如下： 页功能 （ 1） 商品分类导航 服装：外套、连衣裙、 T 恤、针织衫； 饰品：包包、首饰、帽子； （ 2） 顶部导航：特卖专区、特别活动、会员注册、在线留言。如图 1 所示： 图 页顶部展示 （ 3） 会员登录界面； （ 4） 销量前 6 名商品排序； （ 5） 最新商品展示，包括商品名称、商品图片、商品价格，共 9 个服装类、6 个饰品类；如图 2 所示： 2 图 1页商品展示及会员登录、商品排名等 （ 6） 底部：加入收藏、设为主页、后台管理。 员注册 （ 1） 会员注册信息有：用户名、密码、真实姓名、电话、地址、头像等； （ 2） 会员注册后即有 10 个积分、每次登陆增加 2 个积分、每次购物增加 5个积分； 会员注册界面如图 3 所示： 图 1员注册界面 i. 商品细节显示 3 （ 1） 商品小图片、大图片、商品名称、原价格、现价格； （ 2） 商品详情； （ 3） 商品评价； （ 4） 商品最近成交记录； （ 5） 参考尺寸、物流介绍、质量保证； 商品细节显示如图 4 所示： 图 1品细节显示 员购物 （ 1） 会员登陆后，可以购物； （ 2） 购物时填入确定电话、地址、邮编； （ 3） 购物后可以评价，评价后即在网页中显示购物记录及评价信息； 线留言 （ 1） 会员登陆后可以留言 （ 2） 管理员可以删除留言 会员在线留言如图 5所示： 图 1线留言 4 台主要功能及特点 (1) 对管理员的管理：包括添加、删除管理员、修改密码等； (2) 商品的添加：添加时，需选择商品的分类，输入商品的名称、价格、上传商品的图片 ，如图 6 所示： 图 2商品添加 (3) 商品的管理：可以分页显示商品，具有删除功能； (4) 用户管理：管理本网站的用户，具有删除功能； (5) 订单查看：分页显示交易记录； (6) 客服设置。 5 2 数据库设计 采用 行数据库设计，有 8 个数据表：商品分类表（ 商品信息表（ 商品成交记录表（ 留言信息表（ 管理员信息表（ 用户信息表（ 客服信息表（ 下面为几个主要表的结构展示： (1) 商品分类表（ 数据表视图 图 2品分类表表结构 (2) 商品信息表（ 设计表视图 图 2品分类表表结构 (3) 商品成交记录表（ 设计表视图 图 2品分类表表结构 （ 4） 用户信息表（ 设计表视图 6 图 2品分类表表结构 其他各表不再详细在这里列出，各表关系如下 图 2品分类表表结构 7 3 详细设计 据库连接技术 在需要与数据库进行连接的所有页面的设计上，我采用 的头文件 , 售排名技术 将销售前 6 名的商品展示到主页上，可以使用 句中的排序语句： “ * 品信息表 售量 使其按销售量由高到底排列，主要代码如下 50 50 1 第 名： 价格： 元 总销售额： 件 员注册技术中的注册信息检查 由于在会员注册时，用户可能输入非法信息，如两次密码不一致，所以本设计使用句来判断用户的输入是否合 法，主要代码如下： ) 8 请输入用户名！ ); ) 请输入真实姓名！ ); ) 请输入密码！ ); |(表示 示大类， 示小类。 页中使用 语句找到相应的类别，然后使用双重 do 句显示商品，伪代码如下： 户购物功能设计 浏览者只有注册为本网站的用户，才能进行购物，用户注册或者登陆后，将会产生一个 ，用过这个 连接各网页，判断用户是否登陆。 用户在购买商品后，可以对商品进行评价，交易和评价的结果会添加到数据库，显示到网页中去。如图 7 展示的为商品评价： 10 图 4品评价 台管理 后台管理界面采用左右两侧框架技术，左侧为导航链接，右侧为操作界面，如上文中的图 6 所示。 品添加技术 向数据库中添 加商品，使用的 言如下： rs= ,3 添加记录 =) 商品名 =图片地址 更新记录 rs= 图片上传技术 图片上传技术 是本设计的 难点 ，我将图片上传的保存路径设置为 件夹，并为文件命名，再将图片保存到数据库中；同样，删除改商品时，该图片也将删除，以存储空间。 上传后显示及保存图片主要代码如下： 如果 0 说明有文件数据 保存文件 上传成功 & 11 ) =f 品的管理 对商品进行管理如图 8 所示，可以查看商品，删除商品 图 4品查看与管理 删除商品的记录，使用 句： id &) 删除商品同时 也删除其上传的图片，使用如下语句进行删除 .&) 查找商品图片名称并赋予 量 et 找到商品图片路径 删除改 文件 户管理与订单查看，与商品管理的操作相似，不再冗速。 12 4 小 结 网站已上传。经过测试，前台网页运行正常，实现了商品的动态显示，顾客可以方便地进行选购，后台管理方便可行。 设计主调颜色为粉红色，由浅粉和桃红色进行搭配，符合现代女性审美观念，美观大方。网站操作简单，主题鲜明，可以适应中小型企业或店铺的商务网站的运营。通过这次实践考核锻炼了我网站建设和设计能力及一些相关软件的运用能力。同时，还存在一些问题和不足。 在技术上也需要