(完整版)基于BS玩具商城网站的设计毕业设计

2020年12月4日发(作者：喻德渊)





普通全日制本科毕业论文（设计）





论文题目
基于BS玩具交换网站的设
计
与实现——浏览器端


学


专


年级班级
：

11级通本1





院
：

信息科学与工程学院


业
：
通信工程

学生姓名
：
李愈春




指导教师
：
郑惠琴

职称
： 实验师



广西民族大学
普通全日制本科毕业论文（设计）任
务书

课题名称：
__
_基于BS玩具交换网站
设计与实现——浏览器
端

学 院 __ 信息科学与工程学院__
专 业 __ 通信工程_
班 级 __ 11级通1_
姓 名 __ 李愈春

指导教师（签名）__________ 2014年 11 月 30 日
教研室主任（签名）_________ 2014 年 11 月 30 日

2014年 11月 30日

普通全日制本科毕业论文（设计）任
务书
课题名称
基于BS玩具交换网站的设计与实现——浏览
器端
指导教师姓
名
郑惠琴
工作单广西民族大学
位
一、主要内容：
首页登录界面设计，玩具展示模块界面设计，购物车管理
设计，客户 投诉模块设计，管理员界面设计，玩具公告设计，
玩具增删改查和图片上传，进行身份验证，合理的we b标准开
发使能有良好的访问速度，和适合更大的用户访问量，兼容于
不同的浏览器。
二、基本要求(
基本技术要求与数据）
提供合理的外观设计和编排布局，兼容于不同的浏览器
能有良好的访问速度，和适合更大的用户访问量
能连接后台数据库收发数据，读取和存储用户信息
登陆注册功能，商品首页，商品栏目页，商品展览页，添加到
购物车功能



三、论文（设计）工作起始日期：
自 2014年09月 23日起，至 2015年 05月10日
四、进度安排
任务、收集、查阅相关文献资料。
论文（设计说明书）。

五、主要参考文献
[1]李晓黎 等著。SQL Server 2000数据库应用教程，人
民邮电出版社，2007
[2]唐俊开编著。HTML 5技术与移动出版.北京:电子工业出版
社,2013.09
[3]张立峰编著。JavaScript动态网页技术详解2009.10

目 录
摘 要 ....................................... ...........................
Abstract .......... .................................................. ....

1前言 ................................. ..................................
2系统需求分析 .... .................................................. .....
2.1玩具交换网功能需求 ............................ ....................
2.2交换网运作模式性 .............. ....................................
3功能模块划分 .. .................................................. .......
3.1玩具交换网功能简介 .......................... ......................
4数据库结构设计 ............... ..........................................
4.1数 据库的图形结构设计 ........................................ ......
4.2数据库的逻辑结构设计 .......................... ....................
5代码设计 .................... ...........................................
5.1 数据库表代码设计 ......................................... .........
6系统的实现 .............................. ...............................
6.1首页展示 ....... ..................................................
6.2栏目页展示 ..................................... ...................
6.3商品页展示 .................. ......................................
6.4交换购物页 展示 ............................................... .....
6.5接收地址页展示 .............................. ......................
7测试与调试 ................. ............................................
7. 1测试与调试成功界面 ....................................... .........
8结束语 ................................ .................................
参考文献 ........ .................................................. ......
致谢 ..................................... ...............................


基于BS玩具交换网站的设计与实现——浏览器端
摘 要
现代各家各户给小孩买 大量玩具，而大多数玩具在全新的
情况下就被丢在角落，造成大量资源浪费。网上玩具交换平台
为我们提供了很大的方便，避免资源浪费，让资源二次利用，
各取所需，而物品交换也是现代社会的一种 环保活动，应该大
力提倡。本系统采用BS架构的开发模型，分别针对注册客户
和管理员客户设 计了前台，前台管理部分为注册客户提供二手
玩具商品的浏览、选购、添加购物车，下订单，订单查询， 结
算等功能。注册客户首先在前台登录该系统并选购相应的玩具
商品，选购的玩具商品加入购物 车，以订单的形式反馈到后台，
客户则需要根据提示到银行办理汇款业务，管理员在收到汇款
后 在后台根据相应的客户订单进行发货处理。
关键词：
BS架构 php 玩具交换 电子商务


Design and Implementation of Toy Online Exchange
Based on BS Model—the Browser


Abstract
Modern families to give children buy a lot of toys, and most
of the toys in the new situation are discarded, resulting in
substantial waste of resources. Online toy exchange platform
makes great convenience for us, and make the toys second use to
avoid the waste of resources. Each takes what he needs, and toys
exchange is an environmental protection activity in modern
society, therefore, we should vigorously promote. This system
uses the BS architecture, respectively according to the
registered customer and administrator customer design of the
front, front management section provides toy merchandise to
browse, buy, add to cart, is a registered customer orders, order
inquiries, billing and other functions, the registered customer
first at the front desk log on to the system and select the
corresponding purchase commodity purchase toys, toy goods
into shopping the car, in order to form the background of
customer feedback, need according to the prompt to the bank
for remittance, the administrator in after payment is received in
the background according to the corresponding customer orders

for delivery processing.

Keywords：The BS architecture; PHP; The exchange of toys;

1前言
现代各家各户给小孩买大量玩具 ，而大多数玩具在全新的情况下就被
丢弃，造成大量资源浪费。网上玩具交换平台为我们供了很大的方便 ，避
免资源浪费，让资源二次利用，各取所需，而物品交换也是现代社会的一
种环保活动，应该 大力提倡。
本系统采用BS架构的开发模型。该系统以玩具买卖的方式进行交易，
采用虚拟币 方式。用户提交给管理员自己的商品，对自己的商品进行标价，
得到了虚拟金币可以购买其它用户发布的 商品。用户可以按金额对商品进
行价值评估，自愿原则。该系统采用无限级分类对商品分类进行排序，对
用户来讲可以友好快速的查询商品。该系统采用面包屑导航进行当前所处
位置的定位，对用户来 讲可以更清楚的知道自己当前所处的位置，方便用
户快速进行定位。网站分为三个大页面，首页，栏目页 ，商品页。拥有注
册，登陆，购物车等等功能模块。
2系统需求分析

2.1玩具交换网功能需求
前台管理和后台管理。前台管理包括用户注册、用户登录、搜索、 在
线留言、用户信息增删改查等维护功能、浏览玩具、查询玩具、订购玩具、
购物车管理。后台 管理包括公告管理、玩具管理、投诉管理和客户管理等

模块。

系统前台管理具体描述如下：
① 用户注册表单
② 管理员表单
③ 留言表单
④ 商品表单
⑤ 评论表单
⑥ 网站信息表单
⑦ 会员管理表单
⑧其他表单
具体表单发送参数以下面系统后台数据库设计为主。
系统后台管理具体描述如下：
① 玩具商品管理
添加商品：实现玩具基本信息的添加。
商品查看：实现对玩具信息的查询，修改，删除的功能。
添加类别：实现对玩具类别的添加。
类别查看：实现对玩具类别对的查询，修改，删除的功能。
添加供应商：实现对玩具供应商信息的添加。
供应商查看：实现对供应商的查询，修改，删除的功能。
② 前台管理
设置特价商品：对玩具进行打折促销。
设置推荐商品：对玩具进行推荐处理。
评价管理：查看玩具的评价，评价回复。
③ 订单管理
订单查询：实现对订单进行查看的功能。

订单审核：根据订单的未付款，已付款， 已签收等状态分
别状态进行付款提醒，发货，生成销售记录处理。
④ 公告管理：
添加公告：实现公告的添加功能。
公告查看：对已添加的公告进行查看。
⑤投诉管理
投诉查看：查看投诉记录，并添加解决方案。
⑥系统管理
添加管理员：添加管理员信息。
查看管理员：查看管理员信息，删除管理员。
⑦ 数据统计
销售统计：对销售记录进行相关统计。
2.2交换网运作模式性
注册的客户可在前台登录该系统并选购相应的玩具，选购的玩具以订
单的形式返回到后台，客户则需要根 据提示到银行办理汇款业务，管理员
在收到汇款后在后台根据相应提交的订单进行发货处理，前台客户购 物流
程示意图如图2.1所示，后台订单处理流程示意图如图2.2所示。
图2.1前台客户购物流程示意图

图2.2

后台订单处理流程示意图



多客户系统的工作流程都是从 客户登录开始的，之后，对客户的身份
进行验证，确认客户是否是有效的注册客户，以决定客户的操作权 限，从
而决定客户的工作界面。


3功能模块划分

3.1玩具交换网功能简介
从需求分析的功能描述内容可以看到，本系统可以实现10个完整 的功
能；根据这些功能，设计出系统的功能模块如图3.1所示。
图3.1 玩具交换网功能模块示意图

4数据库结构设计
4.1数据库的图形结构设计 < br>图4.1描述的是网站玩具商品的栏目编号，名字，以及栏目的介绍和
父栏目的详细信息。

图4.1

栏目信息实体属性图
图4.2描述商品的所有详细的信息。
图4.2商品实体属性图
图4.3描述了用户的详细的信息
图4.3 用户信息实体属性图
图4.4描述了用户订单的地址电话总金额的详细信息
图4.4订单用户实体属性图
图4.5描述了用户所定所有玩家商品的详细信息
图4.5用户订单的商品信息实体属性图
4.2数据库的逻辑结构设计
数据库中的 表，包含：栏目表wj_category、商品表wj_goods、用户
表wj_user 、创建订单表wj_orderinfo 、订单与商品的对应表
wj_ordergoods。
（1）栏目表wj_category
栏目表wj_category用来描述栏目信息的，结构如表4.1所示：
表4.1栏目信息表

主键 序号 字段名 字段类型 描述

主键
1
null
null




cat_id
cat_name
intro
parent_id
int
Varchar(50)
Varchar(10000)
int




① 商品表wj_good
商品表wj_good用来保存商品的的基本信息，结构如表4.2所示
表4.2

商品表
主键 序号
主键
1










② 用户表wj_user
用户表wj_user用来保存注册客户的基本信息，结构如表4.3所示：
表4.3用户表

主键 序号
Pk

1
2
字段名
id
username
字段类型
Numer
Varchar(20)
描述
编号
账号
2
3
4
6
7
8
9
10
11
字段名
id
name
jiage
dianjiliang
jianjie
字段类型
Number
Varchar(100)
decimal(10,2)
int
Varchar(40000)
描述
玩具编号
名称
价格
点击量
简介
提供者编号
类别编号
折扣状态
推荐状态
图片
Tigongzhe_id number
Leibie_id
iszhekou
Istuijian
tupian
number
number
Number
Varchar(10000)



3
4
passwod
email
Varchar(20)
Varchar(20)
密码
邮箱

③ 订单表wj_orderinfo
订单表wj_orderinfo用来保存客户订购的玩具及收货人 信息，结构
如表4.4所示：
表4.4

订单表

主键 序号
主键
1









2
3
5
6
7
8
9
10
11
字段名
id
Dingdanid
Kehu_id
shoujianren
address
youbian
shoujihao
time
shangpin
fukuanfangsh
i


12
13
jine
dingdanleixin
g
14 songhuofangs
hi
Number
送货方式
decimal(10,2)
Number
金额
订单类型
字段类型
Number
Varchar(50)
Number
Varchar(8)
Varchar(100)
Varchar(20)
Varchar(20)
Varchar(20)
Varchar(500)
Number
描述
序号
订单号
客户编号
收件人
地址
邮编
手机号
日期
商品
付款方式




15
16
17
isfahuo
isqianshou
isqvxiao
Number
Number
Number
是否发货
是否签收
是否取消付款
④ 订单与商品的对应表wj_ordergoods
玩具类别表wj_ordergoods用来保存玩具种类和购买的数量的信息，
结构如表4.5所示：
表4.5订单与商品的对应的信息表

主键 序号
主键
1





2
3
4
5
6
字段名
og_id
order_id
order_sn
goods_id
goods_name
goods_numbe
r


7
8
shop_price
subtotal
Varchar(20)
Varchar(100)


字段类型
Numer
Varchar(8)
Varchar(20)
Varchar(30)
Varchar(4)
Varchar(20)
描述






5代码设计
5.1数据库表代码设计
储存栏目的详细信息，实现代码如下：
create table wj_category (
wj_cat_id int auto_increment primary key,
wj_cat_name varchar(20) not null default'',

wj_intro varchar(100) not null default '',
wj_parent_id int not null default 0
)engine myisam charset utf8;
储存商品的详细的信息，实现代码如下：
CREATE TABLE IF NOT EXISTS `wj_goods` (
`wj_goods_id` int(10) unsigned NOT NULL AUTO_INCREMENT,
`wj_goods_sn` char(15) NOT NULL DEFAULT '',
`wj_cat_id` smallint(6) NOT NULL DEFAULT '0',
`wj_brand_id` smallint(6) NOT NULL DEFAULT '0',
`wj_goods_name` varchar(30) NOT NULL DEFAULT '',
`wj_shop_price` decimal(9,2) NOT NULL DEFAULT '0.00',
`wj_market_price` decimal(9,2) NOT NULL DEFAULT '0.00',
`wj_goods_number` smallint(6) NOT NULL DEFAULT '1',
`wj_click_count` mediumint(9) NOT NULL DEFAULT '0',
`wj_goods_weight` decimal(6,3) NOT NULL DEFAULT '0.000',
`wj_goods_brief` varchar(100) NOT NULL DEFAULT '',
`wj_goods_desc` text NOT NULL,
`wj_thumb_img` varchar(30) NOT NULL DEFAULT '',
`wj_goods_img` varchar(30) NOT NULL DEFAULT '',
`wj_ori_img` varchar(30) NOT NULL DEFAULT '',
`wj_is_on_sale` tinyint(4) NOT NULL DEFAULT '1',
`wj_is_delete` tinyint(4) NOT NULL DEFAULT '0',
`wj_is_best` tinyint(4) NOT NULL DEFAULT '0',
`wj_is_new` tinyint(4) NOT NULL DEFAULT '0',
`wj_is_hot` tinyint(4) NOT NULL DEFAULT '0',

`wj_add_time` int(10) unsigned NOT NULL DEFAULT '0',
`wj_last_update` int(10) unsigned NOT NULL DEFAULT '0',
PRIMARY KEY (`goods_id`),
UNIQUE KEY `goods_sn` (`goods_sn`)
) ENGINE=MyISAM DEFAULT CHARSET=utf8;
储存用户的详细的信息，实现代码如下：
create table user (
wj_user_id int unsigned not null auto_increment primary key,
wj_username varchar(16) not null default '',
wj_email varchar(30) not null default '',
wj_passwd char(32) not null default '',
wj_regtime int unsigned not null default 0,
wj_lastlogin int unsigned not null default 0
) engine myisam charset utf8;
储存用户订单表的详细的信息，实现代码如下：
create table wj_orderinfo(
wj_order_id int unsigned auto_increment primary key,
wj_order_sn char(15) not null default '',
wj_user_id int unsigned not null default 0,
wj_username varchar(20) not null default '',
wj_zone varchar(30) not null default '',
wj_address varchar(30) not null default '',
wj_zipcode char(6) not null default '',
wj_reciver varchar(10) not null default '',
wj_email varchar(40) not null default '',

wj_tel varchar(20) not null default '',
wj_mobile char(11) not null default '',
wj_building varchar(30) not null default '',
wj_best_time varchar(10) not null default '',
wj_add_time int unsigned not null default 0,
wj_order_amount decimal(10,2) not null default 0.0,
wj_pay tinyint(1) not null default 0
) engine myisam charset utf8;
储存用户订单与商品对应的详细的信息，实现代码如下：
create table wj_ordergoods(
wj_og_id int unsigned auto_increment primary key,
wj_order_id int unsigned not null default 0,
wj_order_sn char(15) not null default '',
wj_goods_id int unsigned not null default 0,
wj_goods_name varchar(60) not null default '',
wj_goods_number smallint not null default 1,
wj_shop_price decimal(10,2) not null default 0.0,
wj_subtotal decimal(10,2) not null default 0.0
) engine myisam charset utf8;

6系统的实现
6.1首页展示

图6.1 首页展示

首页如图6.1所示，它提供了方便快捷的页面，可供客户快速的选择
想要兑换购买的商品，页面简洁美 观可以让用户了解所有的结构。提供给

客户多个大栏目组显示商品，分为超值商品，新品商品 ，热购商品，精品
商品。还有各大栏目的链接提供给购买者，可以快速的进行定位和跳转。
6.2栏目页展示

图6.2 栏目页展示
栏目页（如图6.2）给客户 提供了更详细的各大栏目查询，用户可以根
据自己的需求来选着不同的类型玩具栏目。该栏目采用无限级 分类和递归
查找子孙树来实现，有利于查询和显示。


6.3商品页展示

图6.3 商品页展示

商品页如图6.3所示，该页提供了商品的大图 片和价格，重量等其
他详细的描述，让用户对所购买兑换的商品有更好更多的了解，还有购买
车 功能，为用户实现商品的购买交换，可以在该页面全方位的观看到商品
的所有描述以及进行玩具的买卖兑 购。

6.4交换购物页展示

图6.4 交换购物页展示
购 物车页面如图6.4所示，用来结算用户所有的购买兑换商品，清晰
的显示各兑换购买的商品属性给用户 以进行反馈和确认，然后进行确认交
易兑换支付。该界面友好的反馈给用户商品信息，防止错误的兑换购 买，
以避免不必要的麻烦。

6.5接收地址页展示

图6.5 接收地址页展示
接收地址界面如图6.5所示，该页面给用户填写接收地址，电话，邮
件等信 息。然后进行最后的处理，完成最后兑换交易的流程。最后的登陆
注册页面信息显示页面不再进行一一展 示，请到网站进行浏览参观。

7测试与调试
7.1测试与调试成功界面

图7.1 测试与调试成功页展示
从该界面（图7.1）反馈出整个网站测试的成 功完成。从选择要兑换购
选的商品到最终成功兑换购选到发送物品处理等等都顺利完成。

8结束语
从着手开始准备做这个毕业设计系统之后，我就开始了长达三个月的
工程， 完成的这一刻我非常高兴，也非常自豪，尽管现实答辩中很憋屈，
但我还是感到无比的高兴，因为这是属 于我独立完成的一个系统，在这里
面撒满了汗水。从开始布局到页面设计再到一个个功能模块的实现，我 遇
到许许多多的问题，自己一个人慢慢的学着去调试去更改代码，从而也让
我深深地理解和掌握 整个系统。从开始学习基础知识，到慢慢的搭建网站
的框架，到一步步去完善功能，到最后的完成，我掌 握了很多在学校课堂
无法学到的内容。我深深地体会到，大学里老师教的是方法，我们要培养
的 是自我的学习能力，才能立足于现在展望未来。

参考文献
[1]李晓黎 等著。SQL Server 2000数据库应用教程，人民邮电出版社，
2007
[2]唐俊开编著。HTML 5技术与移动出版.北京:电子工业出版社,2013.09
[3]张立峰编著。JavaScript动态网页技术详解2009.10
[4] Karl s著.陆丽娜 等译.软件需求[M].北京：机械工业出版
社,2000.
[5] James McGovern .李琦译.企业架构实用指南[M].北京：清华大学出版
社,2005.
[6] 拉德著,哲等译.深入解析Spring MVC与Web Flow[M].北京：人民邮电
出版社,2008.
[7] Karl s著.陆丽娜 等译.软件需求[M].北京：机械工业出版
社,2000.
[8] 袁玉宇. 软件测试与质量保证[M].北京：北京邮电大学出版社,2008.
[9] 朱少民著.软件测试[M].北京：人民邮电出版社,2009.
[10] 张海藩.软件工程[M].北京：人民邮电出版社,2002.
[11] 潘郁主著.电子商务数据库技术[M].北京：北京大学出版社.2002.
[12] 董杰著.软件测试精要[M].北京：电子工业出版社，2009.

致谢
本论文 在郑惠琴导师的悉心指导下完成的。导师渊博的专业知识、严
谨的治学态度，精益求精的工作作风，诲人 不倦的高尚师德，严于律己、
宽以待人的崇高风范，朴实无华、平易近人的人格魅力对本人影响深远。< br>不仅使本人树立了远大的学习目标、掌握了基本的研究方法，还使本人明
白了许多为人处事的道理 。本次论文从选题到完成，每一步都是在导师的
悉心指导下完成的，倾注了导师大量的心血。在此，谨向 导师表示崇高的
敬意和衷心的感谢！在写论文的过程中，遇到了很多的问题，在老师的耐
心指导 下，问题都得以解决。所以在此，再次对老师道一声：老师，谢谢
您！
时光匆匆如流水，转眼 便是大学毕业时节，春梦秋云，聚散真容易。
离校日期已日趋渐进，毕业论文的完成也随之进入了尾声。 从开始进入课
题到论文的顺利完成，一直都离不开老师、同学、朋友给我热情的帮助，
在这里请 接受我诚挚的谢意！在此我向广西民大学学校信息科学与工程学
院的所有老师表示衷心的感谢，谢谢你们 四年的辛勤栽培，谢谢你们在教
学的同时更多的是传授我们做人的道理，谢谢四年里面你们孜孜不倦的教
诲！
四年寒窗，所收获的不仅仅是愈加丰厚的知识，更重要的是在阅读、
实践中所培 养的思维方式、表达能力和广阔视野。很庆幸这三年来我遇到
了如此多的良师益友，无论在学习上、生活 上，还是工作上，都给予了我
无私的帮助和热心的照顾，让我在一个充满温馨的环境中度过四年的大学< br>生活。感恩之情难以用言语量度，谨以最朴实的话语致以最崇高的敬意。

最后要感谢 的是我的父母，他们不仅培养了我对中国传统文化的浓厚
的兴趣，让我在漫长的人生旅途中使心灵有了虔 敬的归依，而且也为我能
够顺利的完成毕业论文提供了巨大的支持与帮助。在未来的日子里，我会
更加努力的学习和工作，不辜负父母对我的殷殷期望！我一定会好好孝敬
他们，报答他们！爸妈，我爱 你们！
“长风破浪会有时，直挂云帆济沧海。”这是我少年时最喜欢的诗句。
就用这话作为这 篇论文的一个结尾，也是一段生活的结束。希望自己能够
继续少年时的梦想，永不放弃。