后台订单 管理 浏览商品订单 删除商品订单信息 显示商品订单信息 删除商品订单信息 表示已经完成了该订单 表3- 1功能划分表
3.2 数据库设计
系统数据库命名为bookstore,8个数据表分别为admin(管理员)、user(用户)、replytable(回复)、catelog(商品分类)、book(商品)、orders(订单)、orderitem (订单项)、messa(留言)。
1.商店管理员表(admin):管理员登陆是需要管理员账户和密码的,所以管理员数据表中必须包含账户(name)和密码(password),从功能上数据表的设计,如表3-2所示。
列名 name password 数据类型 varchar(45) varchar(45) 空值 非空 非空 表3- 2管理员数据表
2.用户表(user):用户id(userid),用户名(username),密码(password),性别(sex),年龄(age)。如表3-3:
列名 userid username password sex age 数据类型 int(11) unsigned varchar(45) varchar(45) varchar(45) Int 表3- 3用户数据表 空值 非空 非空 非空 主键 3.商品分类表(catelog):id(catelogid)和类名(catelogname)。如表3-4: 列名 catelogid catelogname 数据类型 int(11) unsigned varchar(45) 空值 非空 非空 主键 表3- 4图书分类数据表 4.商品表(book):商品id(bookid)、书名(bookname)、价格(price)、图片(picture)
4
等,与商品分类表是一对多的联系,使用外键cat_id进行关联。具体如下表4-5:
列名 bookid catelogid bookname price picture 数据类型 int int varchar(45) int varchar(45) 表4 -5商品数据表
主键 外键 空值 非空 非空 非空 非空 非空 5.订单项表(orderitem):订单项编号(orderitemid)、商品编号(bookid)、订单编号(orderid)。订单项表与订单和商品是一对多的关系,两张表通过订单号(orderid)和商品分类编号(catelogid)进行关联。具体如表5-6所示。
列名 orderitemid bookid orderid quantity 数据类型 int(11) unsigned int(11) unsigned zerofill int(11) unsigned zerofill float 表5- 6订单项表
主键 外键2 外键1 空值 非空 非空 非空 非空 6.订单表(orders):订单编号(orderid)、用户编码(userid)、订单日期(orderdate)等。订单表与订单项、用户都存在一对多的关联,使用外键用户编码(orderid)和书号(ordeid)关联。如表6-7:
列名 orderid userid orderdate 数据类型 int int timestamp 空值 非空 非空 非空 主键 外键 表6- 7订单表
7.留言(messa):具体如表7-8。 列名 name sex email 数据类型 varchar(45) varchar(45) varchar(45) 空值 5
subject memo varchar(45) varchar(45) 表7-8留言
8.回复(replytable):具体如表8-9。 列名 name subject reply time
数据类型 varchar(45) varchar(45) varchar(45) timestamp 空值 表7-8留言
四、项目的详细设计
从前面的需求分析中我们得知,可以将网上皮肤商店的功能分为前台功能实现和后台功能实现,因此模块课分为两类,前台和后台。系统模块层次图,如图所示:
图4- 1功能模块图
前台商品浏览模块 个人信息管理 普通 用户 MyPetShop 网站 管理员 用户 购物车模块 订单、结算模块 留言板管理 商品信息查看 商品信息管理 订单管理 6
图4- 1系统流程图
开 始 用户注册 查看商品 查看各地天气 访问购物车 搜索商品 填写注册信息 注册失败 注册结果 登录网站 注册成功 登录失败 登录并判断角色 登录成功 匿名用户 判断权 限 合法用户 自动登录 查看购物记录 购买商品 添加 修改 购物 车中 商品 订单、结算 个人信息 注 销 结 束 7
皮肤商店主界面模块设计的实现:
图4 3主界面
1.用户注册模块设计的实现,如图:
图4 4用户注册
2.用户登录模块设计的实现:
图4- 5用户登录
3.管理员登录界面设计,如图4-6:
8