爱上巧克力网站”设计与实现
2016年3月8日目录
一、引言 1
(一)开发背景与意义 1
(二)设计目标 1
(三)开发环境 1
*景先生毕设|www.jxszl.com +Q: ^3^5^1^9^1^6^0^7^2^*
/> 二、系统分析 1
(一)系统功能分析 1
(二)用户权限分析 1
(二)系统流程分析 2
三、系统设计 2
(一)功能模块设计 2
(二)数据库设计 3
(1)数据库表设计 3
(三)网站主体设计 5
(1)网站LOGO的设计理念 5
(2)网页色彩搭配理念 5
(3)网页布局设计 6
四、网站具体内容实现 7
(一)首页 7
(二)产品中心 8
(三)新闻资讯 9
(四)品牌文化 9
(五)心意之选 10
(六)领优惠券 10
(七)确认领取 11
五、系统实现 11
(一)用户登录和注册 11
(1)用户登录 11
(2)用户注册 15
(二)商品详情 18
(1)商品列表 18
(2)商品详情 18
(三)加入购物车 20
(四)提交订单 22
(五)查看订单 24
总结 27
致谢 29
参考文献 30
爱上巧克力网站设计与实现
一、引言
(一)开发背景与意义
巧克力,一个多么甜美的名字。它充满了浪漫,熔化人们的心;科学合理地食用它有利于人们的身心健康。随着人们的生活水平提高,巧克力的制作工艺也有所提高。同时,巧克力市场也蕴藏着巨大的商机。
本网站是一个爱上巧克力网站,是一个动态网站。它将传统的巧克力实体店流程电子化、网络化,以网络资源代替人力资源,简单、方便、快捷,突破了时间限制和空间限制。
(二)设计目标。
本网站的任务是设计和制作一个商家和消费者都满意的网上购买巧克力的平台,消费者可以通过网络了解现有的商品信息,并且对商品进行选购,构建一个专门的电子商务系统。普通用户可以进行本网站的商品浏览,会员用户可以进行登录、商品浏览、加入购物车、结账、提交订单、查看所有订单的状态。
(三)开发环境
Web服务器:TomcatV6.0
开发软件:MyEclipse 6.5
Java开发包:JDK 1.5
数据库:Mysql Server 5.6
客户端浏览器:谷歌浏览器
二、系统分析
(一)系统功能分析
(1)用户管理:会员用户的登录、会员用户的登出、普通用户的注册。
(2)商品显示:商品浏览、商品详情显示。
(3)购物车管理:加入购物车、结算购物车、购物车商品数量的修改、删除购物车商品。
(4)订单管理:提交订单、查看订单。
(二)用户权限分析
爱上巧克力网站设有两种用户:普通用户和会员用户。普通用户只能进行本网站的商品浏览和查看商品的详细信息,想要有更多的操作权限,必须由普通用户通过注册和登录之后才能进行查看本网站的商品、商品的详细信息、把喜欢的商品加入购物车、删除购物车里面的商品、结算购物车、提交订单和查看所有订单的状态。
具体的权限分析,如下图一所示:
图一 网站用户权限分析
(二)系统流程分析
下图是本网站的系统流程分析图,如下图二所示:
图二 网站系统流程分析
三、系统设计
(一)功能模块设计
(1)爱上巧克力网站的功能模块结构,如下图三所示:
图三 网站功能模块结构图
(二)数据库设计
(1)数据库表设计
1.本网站的用户信息表user_info,如下图四所示:
图四 user_info
2. 本网站的商品信息表product_info,如下图五所示:
图五 product_info
3.本网站的订单信息表order_info,如下图六所示:
图六 order_info
4. 本网站的订单信息表order_detail,如下图七所示:
图七 order_ detail
(三)网站主体设计
(1)网站结构图,如下图八所示
图八 网站结构图
(2)网站LOGO的设计理念
爱上巧克力网站的Logo设计以巧克力色为主要色调,字体是巧克力色,字形似草莓,就如香甜的巧克力酱淋成般,散发出诱人香甜。视觉上给人一种美妙的感觉,但由于本身纯度较低,视觉上使人产生浓重和厚重的感觉。如下图三十九所示:
图三十九 LOGO设计
(3)网页色彩搭配理念
网页的主色调为白色,加之以少量的豆沙色与黑白色,以简洁为主要标准,避免眼花缭乱,让人一目了然。如下图十所示:
图十 首页头部和尾部
(3)网页布局设计
1.一级页面
网站的一级页面,就是网站首页。
2.二级页面
网站的二级页面,就是产品中心,各类商品的显示。如下图十二:
图十二 二级页面
3.三级页面
网站的三级页面,就是商品详情页面。如下图3所示:
图3 三级页面
四、网站具体内容实现
(一)首页
在本网站的首页设计中,最先呈现在用户视野中的是banner部分的大屏广告,图片自动切换效果,嵌入JavaScript的功能;其次就是小图的360度旋转,嵌入CSS3的功能;再其次就是小图的放大,嵌入CSS3的功能。如下所示:
原文链接:http://www.jxszl.com/jsj/xxaq/48866.html