槿漫轩网站的设计与实现
目录
一、引言 1
二、开发工具介绍 1
（一）Adobe Photoshop 1
（二）MyEclipse 1
（三）Jquery 1
（四）SQL Server 2008 1
三、需求分析 1
（一）功能需求 1
1.模块设计 1
（二）非功能性需求 3
1.前台显示 3
2.商品管理 3
3.商品购买 4
4.订单管理 4
5.登录注册 4
四、数据库设计 4
（一）数据库概念设计 4
1.用户信息表： 4
2.鲜花信息表： 4
3.订单信息表： 4
4.订单详情信息表： 4
（二）数据库概念结构设计 4
（三）数据库逻辑结构设计 6
五、网站设计 7
（一）网站结构设计图 7
（二）网站首页布局 8
（三）界面设计 9
1.色彩搭配 9
2.文字设计 9
（四）logo设计 9
（五）网站具体内容实现 10
1.新闻天地 10
2.十二星座花语 10
3.用户登录 11
4.新用户注册 13
5.购物车 16
6.订单信息 18
7.留言版 19
8.关于我们 20
9.鲜花 21
10.鲜花详情 21
11.其他子页 24
12.我的订单 24
（六）网站后 *好棒文|www.hbsrm.com +Q: ^3^5`1^9`1^6^0`7^2#
台管理 24
1.添加鲜花 25
2.鲜花列表 25
3.订单列表 29
总结 32
参考文献 33
致谢 34
一、引言
如今是互联网飞速发展的时代，网络范围遍布全球，同时一项产物孕育而生,那就是电子商务。现今的电子商务与传统的销售势均力敌，平分秋色。跟随现代发展的主流步伐设计了一个小型的商务网站—槿漫轩。面向所需人群，网络销售不仅节约了大量的时间，还使得样式更加的丰富多样，突破了局限,市场的各种要素高效、及时融合,提高了整个市场的经济运行效率。该网站主要以销售鲜花为主，辅以相关的周边产品，例如，花枕，盆栽等。网站的页面设计以庄严沉稳的灰色调为主，运用了JavaScript和Jquery 技术处理页面特效果，结合html 网页和JavaWeb网页完成框架搭建，css样式帮助修是美化页面，后台搭建以SQL Server 2008为基础进行建设。以主要包括会员的注册登录，产品的添加、删除、修改查询，订单的查询，订单明细，以及确认收发货等。
二、开发工具介绍
（一）Adobe Photoshop
Photoshop以处理以香素构成的数字图像为主。使用了许多的绘图工具，进行图片的编辑和修改工作。Adobe支持多种操作系统。适用范围非常广泛。
（二）MyEclipse
MyEclipse是一种企业工具智能的体现。有了MyEclipse，你就拥有了关于大量Web的开发技术。Web项目中包含了快速添加技术功能，使用大量直观的可视工具，并且可在许多浏览器中测试你的服务。
（三）Jquery
Jquery是一个优秀的JavaScript库。它是开源的，免费的，它兼容许多浏览器。Jquery能方便处理HTML语言，许多动画效果，都能用一些成熟的插件来实现。
（四）SQL Server 2008
在Microsoft的数据平台上发布的SQL Server 2008。存储到数据库中的数据包括结构化、半结构化和非结构化文档的数据。可以对数据进行查询、搜索、同步、报告和分析之类的操作。数据在各种设备上存储，它都可以控制数据而不用管数据存储在哪里。
三、需求分析
（一）功能需求
1.模块设计
1.1买家
该模块划分为：公共模块，商品模块，购物车模块和订单管理模块。如图3-1-1所示：
公共模块细分为：用户登录，新用户注册，退出。
商品模块细分为：鲜花的浏览，详细信息查询，鲜花查询。
购物车模块细分为：添加商品，查询购物车，删除购物车。
订单管理模块细分为：订单确认，订单添加，浏览订单，确认收货。
图3-1-1买家模块设计图
1.2卖家
该模块划分为：鲜花管理模块和鲜花订单管理模块。如图3-1-2所示：
商品模块细分为：浏览鲜花，添加鲜花，删除鲜花，修改鲜花，查询鲜花。
订单管理模块细分为：订单列表，订单明细，订单查询，商品发货，订单统计。
图3-1-2卖家模块设计图
（二）非功能性需求
1.前台显示
主要是展示商品包括特别推荐，与此同时，用户的登录，新用户的注册也通过该页面的跳转进行，该页面还包括新闻天地和十二星座花语版块，其中新闻天地还细分为最新消息，热门推荐，特别推荐。在点击导航栏各个导航时，跳转到相关页面，其中鲜花页面中还包含鲜花详情。
2.商品管理
通过商品管理来完成以下任务：
添加新的鲜花，向数据库中添加新的鲜花，填入鲜花的信息，并在鲜花页面显示出来。
修改鲜花，可修改其价格，数量，种类，名称介绍等，以具有诱惑力的语言刺激消费者的购买欲。
删除鲜花，保证了鲜花具有的新鲜感，避免因为视觉疲劳是用户产生厌恶心理。
查询鲜花，便于以最短的时间搜寻掌握鲜花信息。
3.商品购买
当消费者点击详情介绍时跳转到详情页面，点击购买后将鲜花信息存储到购物车，方便消费者继续购物。
4.订单管理
当确认消费者购物完毕后，点击结算按钮，首先将在订单页生成此次用户的订单列表，当用户确认提交后将信息存入数据库，以便管理员日后的查询及管理。
5.登录注册
当消费者想要购买商品时，会自动判断用户是否登录，如果以登录，就可开始购买商品，否则将会提示请先登录。当输入的用户帐号密码及验证码时，系统将会由后台获取相关信息来判断数据库中是否有该用户的存在，如果存在将可进行购物。反之你将先在注册页面中根据要求填写正确信息，提交成功后，返回登录页面进行登录，购买商品。注意验证码的信息必须填写正确。
图5-1-1网站前台结构图
图5-1-2网站后台结构图
（二）网站首页布局
网站首页的框架是整个网站的基础，所有的内容都会一次为根据进行布局，简洁大方得体的布局能帮助用户快速搜索到他所需的信息。本网站的页面风格简洁沉稳，内容多而不显杂乱，首页基本囊括了网站所需的全部内容，最大限度地从考虑用户的角度出发，使之快捷的获取所需信息。
一、引言 1
二、开发工具介绍 1
（一）Adobe Photoshop 1
（二）MyEclipse 1
（三）Jquery 1
（四）SQL Server 2008 1
三、需求分析 1
（一）功能需求 1
1.模块设计 1
（二）非功能性需求 3
1.前台显示 3
2.商品管理 3
3.商品购买 4
4.订单管理 4
5.登录注册 4
四、数据库设计 4
（一）数据库概念设计 4
1.用户信息表： 4
2.鲜花信息表： 4
3.订单信息表： 4
4.订单详情信息表： 4
（二）数据库概念结构设计 4
（三）数据库逻辑结构设计 6
五、网站设计 7
（一）网站结构设计图 7
（二）网站首页布局 8
（三）界面设计 9
1.色彩搭配 9
2.文字设计 9
（四）logo设计 9
（五）网站具体内容实现 10
1.新闻天地 10
2.十二星座花语 10
3.用户登录 11
4.新用户注册 13
5.购物车 16
6.订单信息 18
7.留言版 19
8.关于我们 20
9.鲜花 21
10.鲜花详情 21
11.其他子页 24
12.我的订单 24
（六）网站后 *好棒文|www.hbsrm.com +Q: ^3^5`1^9`1^6^0`7^2#
台管理 24
1.添加鲜花 25
2.鲜花列表 25
3.订单列表 29
总结 32
参考文献 33
致谢 34
一、引言
如今是互联网飞速发展的时代，网络范围遍布全球，同时一项产物孕育而生,那就是电子商务。现今的电子商务与传统的销售势均力敌，平分秋色。跟随现代发展的主流步伐设计了一个小型的商务网站—槿漫轩。面向所需人群，网络销售不仅节约了大量的时间，还使得样式更加的丰富多样，突破了局限,市场的各种要素高效、及时融合,提高了整个市场的经济运行效率。该网站主要以销售鲜花为主，辅以相关的周边产品，例如，花枕，盆栽等。网站的页面设计以庄严沉稳的灰色调为主，运用了JavaScript和Jquery 技术处理页面特效果，结合html 网页和JavaWeb网页完成框架搭建，css样式帮助修是美化页面，后台搭建以SQL Server 2008为基础进行建设。以主要包括会员的注册登录，产品的添加、删除、修改查询，订单的查询，订单明细，以及确认收发货等。
二、开发工具介绍
（一）Adobe Photoshop
Photoshop以处理以香素构成的数字图像为主。使用了许多的绘图工具，进行图片的编辑和修改工作。Adobe支持多种操作系统。适用范围非常广泛。
（二）MyEclipse
MyEclipse是一种企业工具智能的体现。有了MyEclipse，你就拥有了关于大量Web的开发技术。Web项目中包含了快速添加技术功能，使用大量直观的可视工具，并且可在许多浏览器中测试你的服务。
（三）Jquery
Jquery是一个优秀的JavaScript库。它是开源的，免费的，它兼容许多浏览器。Jquery能方便处理HTML语言，许多动画效果，都能用一些成熟的插件来实现。
（四）SQL Server 2008
在Microsoft的数据平台上发布的SQL Server 2008。存储到数据库中的数据包括结构化、半结构化和非结构化文档的数据。可以对数据进行查询、搜索、同步、报告和分析之类的操作。数据在各种设备上存储，它都可以控制数据而不用管数据存储在哪里。
三、需求分析
（一）功能需求
1.模块设计
1.1买家
该模块划分为：公共模块，商品模块，购物车模块和订单管理模块。如图3-1-1所示：
公共模块细分为：用户登录，新用户注册，退出。
商品模块细分为：鲜花的浏览，详细信息查询，鲜花查询。
购物车模块细分为：添加商品，查询购物车，删除购物车。
订单管理模块细分为：订单确认，订单添加，浏览订单，确认收货。
图3-1-1买家模块设计图
1.2卖家
该模块划分为：鲜花管理模块和鲜花订单管理模块。如图3-1-2所示：
商品模块细分为：浏览鲜花，添加鲜花，删除鲜花，修改鲜花，查询鲜花。
订单管理模块细分为：订单列表，订单明细，订单查询，商品发货，订单统计。
图3-1-2卖家模块设计图
（二）非功能性需求
1.前台显示
主要是展示商品包括特别推荐，与此同时，用户的登录，新用户的注册也通过该页面的跳转进行，该页面还包括新闻天地和十二星座花语版块，其中新闻天地还细分为最新消息，热门推荐，特别推荐。在点击导航栏各个导航时，跳转到相关页面，其中鲜花页面中还包含鲜花详情。
2.商品管理
通过商品管理来完成以下任务：
添加新的鲜花，向数据库中添加新的鲜花，填入鲜花的信息，并在鲜花页面显示出来。
修改鲜花，可修改其价格，数量，种类，名称介绍等，以具有诱惑力的语言刺激消费者的购买欲。
删除鲜花，保证了鲜花具有的新鲜感，避免因为视觉疲劳是用户产生厌恶心理。
查询鲜花，便于以最短的时间搜寻掌握鲜花信息。
3.商品购买
当消费者点击详情介绍时跳转到详情页面，点击购买后将鲜花信息存储到购物车，方便消费者继续购物。
4.订单管理
当确认消费者购物完毕后，点击结算按钮，首先将在订单页生成此次用户的订单列表，当用户确认提交后将信息存入数据库，以便管理员日后的查询及管理。
5.登录注册
当消费者想要购买商品时，会自动判断用户是否登录，如果以登录，就可开始购买商品，否则将会提示请先登录。当输入的用户帐号密码及验证码时，系统将会由后台获取相关信息来判断数据库中是否有该用户的存在，如果存在将可进行购物。反之你将先在注册页面中根据要求填写正确信息，提交成功后，返回登录页面进行登录，购买商品。注意验证码的信息必须填写正确。
图5-1-1网站前台结构图
图5-1-2网站后台结构图
（二）网站首页布局
网站首页的框架是整个网站的基础，所有的内容都会一次为根据进行布局，简洁大方得体的布局能帮助用户快速搜索到他所需的信息。本网站的页面风格简洁沉稳，内容多而不显杂乱，首页基本囊括了网站所需的全部内容，最大限度地从考虑用户的角度出发，使之快捷的获取所需信息。
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/rjgc/1792.html
