基于BS玩具商城网站的设计毕业论文.doc

普通全日制本科毕业论文（设计） 论文题目 基于B/S玩具交换网站的设计与实现浏览器端 学 院： 信息科学与工程学院 专 业 ： 通信工程 年级班级 ： 11级通本1 学 号 ： 111263010417 学生姓名 ： 李愈春 指导教师 ： 郑惠琴 职称： 实验师 广西民族大学普通全日制本科毕业论文（设计）任务书 课题名称：_基于B/S玩具交换网站设计与实现浏览器端 学院 _ 信息科学与工程学院_专 业 _ 通信工程_ 班 级 _ 11级通1_ 学 号 _ 111263010417_ 姓 名 _ 李愈春 指导教师（签名）_ 2014年 11 月 30 日教研室主任（签名）_ 2014 年 11 月 30 日 2014年 11月 30日普通全日制本科毕业论文（设计）任务书课题名称 基于B/S玩具交换网站的设计与实现浏览器端指导教师姓名郑惠琴工作单位广西民族大学一、主要内容：首页登录界面设计，玩具展示模块界面设计，购物车管理设计，客户投诉模块设计，管理员界面设计，玩具公告设计，玩具增删改查和图片上传，进行身份验证，合理的web标准开发使能有良好的访问速度，和适合更大的用户访问量，兼容于不同的浏览器。二、基本要求(基本技术要求与数据）提供合理的外观设计和编排布局，兼容于不同的浏览器能有良好的访问速度，和适合更大的用户访问量能连接后台数据库收发数据，读取和存储用户信息登陆注册功能，商品首页，商品栏目页，商品展览页，添加到购物车功能三、论文（设计）工作起始日期：自 2014年09月 23日起，至 2015年 05月10日 四、进度安排 2014.09.23-2014.11.30: 指导教师下达毕业设计（论文）任务书，学生接受任务、收集、查阅相关文献资料。2014.12.01-2014.12.30: 开题报告2015.01.01-2015.03.15 学生撰写论文提纲；系统设计、调试、实验；撰写论文（设计说明书）。2015.03.16-2015.03.19: 论文修改、定稿。2015.04.22-2015.05.10: 论文答辩准备及答辩。五、主要参考文献1李晓黎等著。SQLServer2000数据库应用教程，人民邮电出版社，20072唐俊开编著。HTML 5技术与移动出版.北京:电子工业出版社,2013.093张立峰编著。JavaScript动态网页技术详解2009.10目 录摘 要5Abstract61前言72系统需求分析72.1玩具交换网功能需求72.2交换网运作模式性83功能模块划分103.1玩具交换网功能简介104数据库结构设计114.1数据库的图形结构设计114.2数据库的逻辑结构设计145代码设计165.1数据库表代码设计166系统的实现196.1首页展示196.2栏目页展示206.3商品页展示216.4交换购物页展示226.5接收地址页展示237测试与调试247.1测试与调试成功界面248结束语25参考文献26致谢27 基于B/S玩具交换网站的设计与实现浏览器端摘 要现代各家各户给小孩买大量玩具，而大多数玩具在全新的情况下就被丢在角落，造成大量资源浪费。网上玩具交换平台为我们提供了很大的方便，避免资源浪费，让资源二次利用，各取所需，而物品交换也是现代社会的一种环保活动，应该大力提倡。本系统采用B/S架构的开发模型，分别针对注册客户和管理员客户设计了前台，前台管理部分为注册客户提供二手玩具商品的浏览、选购、添加购物车，下订单，订单查询，结算等功能。注册客户首先在前台登录该系统并选购相应的玩具商品，选购的玩具商品加入购物车，以订单的形式反馈到后台，客户则需要根据提示到银行办理汇款业务，管理员在收到汇款后在后台根据相应的客户订单进行发货处理。关键词：B/S架构 php 玩具交换 电子商务28Design and Implementation of Toy Online ExchangeBased on B/S Modelthe 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 B/S 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 B/S architecture; PHP; The exchange of toys; 1前言现代各家各户给小孩买大量玩具，而大多数玩具在全新的情况下就被丢弃，造成大量资源浪费。网上玩具交换平台为我们供了很大的方便，避免资源浪费，让资源二次利用，各取所需，而物品交换也是现代社会的一种环保活动，应该大力提倡。本系统采用B/S架构的开发模型。该系统以玩具买卖的方式进行交易，采用虚拟币方式。用户提交给管理员自己的商品，对自己的商品进行标价，得到了虚拟金币可以购买其它用户发布的商品。用户可以按金额对商品进行价值评估，自愿原则。该系统采用无限级分类对商品分类进行排序，对用户来讲可以友好快速的查询商品。该系统采用面包屑导航进行当前所处位置的定位，对用户来讲可以更清楚的知道自己当前所处的位置，方便用户快速进行定位。网站分为三个大页面，首页，栏目页，商品页。拥有注册，登陆，购物车等等功能模块。2系统需求分析2.1玩具交换网功能需求前台管理和后台管理。前台管理包括用户注册、用户登录、搜索、在线留言、用户信息增删改查等维护功能、浏览玩具、查询玩具、订购玩具、购物车管理。后台管理包括公告管理、玩具管理、投诉管理和客户管理等模块。系统前台管理具体描述如下： 用户注册表单 管理员表单 留言表单 商品表单 评论表单 网站信息表单 会员管理表单其他表单具体表单发送参数以下面系统后台数据库设计为主。系统后台管理具体描述如下： 玩具商品管理添加商品：实现玩具基本信息的添加。商品查看：实现对玩具信息的查询，修改，删除的功能。添加类别：实现对玩具类别的添加。类别查看：实现对玩具类别对的查询，修改，删除的功能。添加供应商：实现对玩具供应商信息的添加。供应商查看：实现对供应商的查询，修改，删除的功能。 前台管理 设置特价商品：对玩具进行打折促销。设置推荐商品：对玩具进行推荐处理。评价管理：查看玩具的评价，评价回复。 订单管理订单查询：实现对订单进行查看的功能。订单审核：根据订单的未付款，已付款，已签收等状态分别状态进行付款提醒，发货，生成销售记录处理。 公告管理：添加公告：实现公告的添加功能。公告查看：对已添加的公告进行查看。投诉管理投诉查看：查看投诉记录，并添加解决方案。系统管理添加管理员：添加管理员信息。查看管理员：查看管理员信息，删除管理员。 数据统计销售统计：对销售记录进行相关统计。2.2交换网运作模式性注册的客户可在前台登录该系统并选购相应的玩具，选购的玩具以订单的形式返回到后台，客户则需要根据提示到银行办理汇款业务，管理员在收到汇款后在后台根据相应提交的订单进行发货处理，前台客户购物流程示意图如图2.1所示，后台订单处理流程示意图如图2.2所示。图2.1前台客户购物流程示意图用 户 订 单订 单 处 理订 单 发 货订 单 结 帐生成销售记录图2.2 后台订单处理流程示意图 多客户系统的工作流程都是从客户登录开始的，之后，对客户的身份进行验证，确认客户是否是有效的注册客户，以决定客户的操作权限，从而决定客户的工作界面。3功能模块划分3.1玩具交换网功能简介从需求分析的功能描述内容可以看到，本系统可以实现10个完整的功能；根据这些功能，设计出系统的功能模块如图3.1所示。图3.1 玩具交换网功能模块示意图4数据库结构设计4.1数据库的图形结构设计图4.1描述的是网站玩具商品的栏目编号，名字，以及栏目的介绍和父栏目的详细信息。父编号待定栏目表栏目介绍待定待定栏目名字栏目编号待定图4.1 栏目信息实体属性图图4.2描述商品的所有详细的信息。玩具名称本店价址重量数量栏目号商品描述序号市场价图片缩略图式商品列表发布时间是否下架是否热卖热售玩具编号图4.2商品实体属性图图4.3描述了用户的详细的信息密码姓名Email地址用户名待定性别待定用户信息待定待定图4.3 用户信息实体属性图图4.4描述了用户订单的地址电话总金额的详细信息地址Email订单数量送货时间用户号总价钱序号电话待定邮编订单列表待定待定待定待定玩具编号图4.4订单用户实体属性图图4.5描述了用户所定所有玩家商品的详细信息密码姓名Email地址用户名身份证性别移动电话商品订单出生日期邮编图4.5用户订单的商品信息实体属性图4.2数据库的逻辑结构设计数据库中的表，包含：栏目表wj_category、商品表wj_goods、用户表wj_user 、创建订单表wj_orderinfo 、订单与商品的对应表wj_ordergoods。（1）栏目表wj_category栏目表wj_category用来描述栏目信息的，结构如表4.1所示：表4.1栏目信息表主键序号字段名字段类型描述主键1cat_idintnullcat_nameVarchar(50)nullintroVarchar(10000)parent_idint 商品表wj_good商品表wj_good用来保存商品的的基本信息，结构如表4.2所示表4.2 商品表主键序号字段名字段类型描述主键1idNumber玩具编号2nameVarchar(100)名称3jiagedecimal(10,2)价格4dianjiliangint点击量6jianjieVarchar(40000)简介7Tigongzhe_idnumber提供者编号8Leibie_idnumber类别编号9iszhekounumber折扣状态10IstuijianNumber推荐状态11tupianVarchar(10000)图片 用户表wj_user用户表wj_user用来保存注册客户的基本信息，结构如表4.3所示：表4.3用户表主键序号字段名字段类型描述Pk1idNumer编号2usernameVarchar(20)账号3passwodVarchar(20)密码4emailVarchar(20)邮箱 订单表wj_orderinfo订单表wj_orderinfo用来保存客户订购的玩具及收货人信息，结构如表4.4所示：表4.4 订单表主键序号字段名字段类型描述主键1idNumber序号2DingdanidVarchar(50)订单号3Kehu_idNumber客户编号5shoujianrenVarchar(8)收件人6addressVarchar(100)地址7youbianVarchar(20)邮编8shoujihaoVarchar(20)手机号9timeVarchar(20)日期10shangpinVarchar(500)商品11fukuanfangshiNumber付款方式12jinedecimal(10,2)金额13dingdanleixingNumber订单类型14songhuofangshiNumber送货方式15isfahuoNumber是否发货16isqianshouNumber是否签收17isqvxiaoNumber是否取消付款 订单与商品的对应表wj_ordergoods 玩具类别表wj_ordergoods用来保存玩具种类和购买的数量的信息，结构如表4.5所示：表4.5订单与商品的对应的信息表主键序号字段名字段类型描述主键1og_idNumer2order_idVarchar(8)3order_snVarchar(20)4goods_idVarchar(30)5goods_nameVarchar(4)6goods_numberVarchar(20)7shop_priceVarchar(20)8subtotalVarchar(100)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李晓黎等著。SQLServer2000数据库应用教程，人民邮电出版社，20072唐俊开编著。HTML 5技术与移动出版.北京:电子工业出版社,2013.093张立峰编著。JavaScript动态网页技术详解2009.104Karl E.Wiegers著.陆丽娜 等译.软件需求M.北京：机械工业出版社,2000.5 James McGovern .李琦译.企业