骨骼养生网
目 录
引言 1
一、开发工具的介绍 1
（一）Dreamweaver简介 1
（二）Microsoft SQL Server简介 1
（三）Adobe Photoshop简介 1
二、需求分析 1
（一）市场分析 1
（二）经营优势 2
三、网页布局设计 2
（一）组织结构 2
（二）网页框架结构 2
四、前台网站实现 4
（一）首页设计与实现 4
（二）关于我们子页设计及代码 8
（三）养生食品子页设计及代码 14
（四）护肤产品的设计及代码 17
（五）会员特权的设计及代码 21
五、后台功能实现 22
（一）用户注册功能 22
（二）用户登录登出功能 24
（三）产品添加功能 26
（四）产品的修改、查询、删除功能 28
（五）订单列表功能 31
（六）购物车及订单功能 32
总结 36
致谢 37
参考文献 37
引言
现今网络已成为人们交流的平台，而骨骼养生对于很多人并不是很熟悉，要是一个个都要去实地考察不仅费时费力而且费财。设计这个网站就是为了大家能够花少的时间少的精力去更好更全面的了解养生的重要性。
本网站是一个有关骨骼养生的网站，主要是推销一些有关养生的产品和介绍养生的文化知识。网页主要是运用div+css来布局和设计样式，运用jQuery和js来美化网页使其达到一个动态的效果，运用java web和数据库来设计后台管理。
前台 *好棒文|www.hbsrm.com +Q: ^3^5`1^9`1^6^0`7^2#
是用户登录后可以查看产品的信息购买，然后提交订单。后台是根据提交到数据库的信息，对产品进行添加、修改、删除和发货。
一、开发工具的介绍
（一）Dreamweaver简介
Dreamweaver是Macromedia公司推出的一款主页编辑器。这是一个网页制作最基本最简单的编辑器，并带有站点管理功能，让你方便地设计和管理多个站点。而它最突出的地方就是支持最新的DHTML和CSS标准， 你可以用它设计出多层次的页面、生动的DHTML动画以及CSS样式表。
（二）Microsoft SQL Server简介
SQL是英文（Structured? Query Language）的缩写，意思为结构化查询语言。SQL语言的主要功能就是同各种数据库建立联系，进行沟通。SQL语句可以用来执行各种各样的操作，例如查询、插入、删除、修改数据库中的内容，从数据库中提取数据等。目前，绝大多数流行的关系型数据库管理系统，如Oracle, Sybase, Microsoft SQL Server, Access等都采用了SQL语言标准。
（三）Adobe Photoshop简介
Adobe Photoshop，简称“PS”，是一个常见的图片处理工具，也是Adobe最为出名的图像处理软件之一。Photoshop的使用很简单，应用也很广泛，其主要处理以像素构成的图片。
二、需求分析
（一）市场分析
中国一个人口居多的国家,但在上世纪人们对于养生还不是很注重，随着人们生活方式的改变，人们对养生的看法也有所不同了。人们不在当它可有可无，它已经成为生活中的一部分。因此养生行业也发生了巨大的改变，越来越多的投资者涌入这个行业，也就有许多的养生馆诞生了。
养生首先应该有一个健康的身体，而没有一个健康的体魄又何谈养生呢。人体最为重要的部分就是骨骼了，它支撑了人体，保护了心脏。人们从出生到现在，一直是在给骨骼加重，却没有真正的保护它。所以使得骨骼出现了许多的问题。骨骼养生的出现，给深受骨骼疼痛的病患者带来了希望，有效的解决了他们的困扰。正是骨骼养生比较实用于实际生活，所以在全国都得到热烈的反响，深受人们的喜欢。
（二）经营优势
骨骼养生是一个技术活，需要经营人员去专门学习针对骨骼按摩的手法。就目前而言，虽然人们也知道要爱美，但美容院的消费很高，普通人都接受不了，所以导致很多美容院都只是在勉强维持。而骨骼养生与美容结合起来将是一个新的亮点。让人们从心里意识到我是在保持一个身体健康的状态下，再做了个美容。从很大程度上就满足了人们一个得到了实惠的心理。美容和养生一起经营，既美丽了又保持了身体的健康，是一个一举两得的好方案。
三、网页布局设计
（一）组织结构
前台分为首页、关于我们、养生食品、护肤品、用户注册、联系我们、会员特权。在关于我们的下面是骨骼养护的来源、骨骼现状、政府部门、国家关注、5.26骨骼养生的诞生。养生食品下面是枸杞的治病偏方、头痛要喝的茶饮、小雪养生的食疗方法
如图3-1所示：
图3-1网站功能结构图
（二）网页框架结构
1.首页
（1）logo与导航设计
Logo设计为偏绿的图案，文字采用了特殊字体，在其后方放置了一个小巧的FLASH时间动画，导航上分别依次为“首页、关于我们、养生食品、护肤品、用户注册、联系我们、会员特权，让浏览者能够方便快速地了解各种信息。
（2）正文内容设计
首页的整体布局以简单为原则，采用模块化，给浏览者以新颖大方的感觉。左上方是用JS做的一个图片切换的效果，下面放置了一些关于养生的好处、顺口溜一类的文字和文章具体框架如图3-2所示：
Logo图案
Logo文字
FLASH动画
导航
大图切换
主体内容
主体内容
主体内容
主体内容
版权
图3-2首页布局框架
2.子页
子页与首页头部保持一致，中间分为两个部分。具体框架如图3-3所示：
Logo图案
Logo文字
FLASH动画
导航
主体内容
主体内容
四、前台网站实现
（一）首页设计与实现
1.首页div结构与层样式
首页整体分为3大部分，是上中下结构。头部分为两块logo文字和FLASH动画，中间部分为上下两块，上面又分为左右，左边是一个大屏广告的切换，右边是一些文字，下面也是左右结构。尾部就一部分，放置版权信息。层样式代码如下所示：
2.实现效果（含特效）
首页主色调为淡绿色，导航内容分为首页、关于我们、养生食品、护肤品、用户注册、联系我们、会员特权这几个模块。页面主体部分采用分割型，上半部分的左侧是一个JS特效，是图片的切换，增加了审美效果。右侧和下面是养生的顺口溜和小知识。页面如图4-1所示：
引言 1
一、开发工具的介绍 1
（一）Dreamweaver简介 1
（二）Microsoft SQL Server简介 1
（三）Adobe Photoshop简介 1
二、需求分析 1
（一）市场分析 1
（二）经营优势 2
三、网页布局设计 2
（一）组织结构 2
（二）网页框架结构 2
四、前台网站实现 4
（一）首页设计与实现 4
（二）关于我们子页设计及代码 8
（三）养生食品子页设计及代码 14
（四）护肤产品的设计及代码 17
（五）会员特权的设计及代码 21
五、后台功能实现 22
（一）用户注册功能 22
（二）用户登录登出功能 24
（三）产品添加功能 26
（四）产品的修改、查询、删除功能 28
（五）订单列表功能 31
（六）购物车及订单功能 32
总结 36
致谢 37
参考文献 37
引言
现今网络已成为人们交流的平台，而骨骼养生对于很多人并不是很熟悉，要是一个个都要去实地考察不仅费时费力而且费财。设计这个网站就是为了大家能够花少的时间少的精力去更好更全面的了解养生的重要性。
本网站是一个有关骨骼养生的网站，主要是推销一些有关养生的产品和介绍养生的文化知识。网页主要是运用div+css来布局和设计样式，运用jQuery和js来美化网页使其达到一个动态的效果，运用java web和数据库来设计后台管理。
前台 *好棒文|www.hbsrm.com +Q: ^3^5`1^9`1^6^0`7^2#
是用户登录后可以查看产品的信息购买，然后提交订单。后台是根据提交到数据库的信息，对产品进行添加、修改、删除和发货。
一、开发工具的介绍
（一）Dreamweaver简介
Dreamweaver是Macromedia公司推出的一款主页编辑器。这是一个网页制作最基本最简单的编辑器，并带有站点管理功能，让你方便地设计和管理多个站点。而它最突出的地方就是支持最新的DHTML和CSS标准， 你可以用它设计出多层次的页面、生动的DHTML动画以及CSS样式表。
（二）Microsoft SQL Server简介
SQL是英文（Structured? Query Language）的缩写，意思为结构化查询语言。SQL语言的主要功能就是同各种数据库建立联系，进行沟通。SQL语句可以用来执行各种各样的操作，例如查询、插入、删除、修改数据库中的内容，从数据库中提取数据等。目前，绝大多数流行的关系型数据库管理系统，如Oracle, Sybase, Microsoft SQL Server, Access等都采用了SQL语言标准。
（三）Adobe Photoshop简介
Adobe Photoshop，简称“PS”，是一个常见的图片处理工具，也是Adobe最为出名的图像处理软件之一。Photoshop的使用很简单，应用也很广泛，其主要处理以像素构成的图片。
二、需求分析
（一）市场分析
中国一个人口居多的国家,但在上世纪人们对于养生还不是很注重，随着人们生活方式的改变，人们对养生的看法也有所不同了。人们不在当它可有可无，它已经成为生活中的一部分。因此养生行业也发生了巨大的改变，越来越多的投资者涌入这个行业，也就有许多的养生馆诞生了。
养生首先应该有一个健康的身体，而没有一个健康的体魄又何谈养生呢。人体最为重要的部分就是骨骼了，它支撑了人体，保护了心脏。人们从出生到现在，一直是在给骨骼加重，却没有真正的保护它。所以使得骨骼出现了许多的问题。骨骼养生的出现，给深受骨骼疼痛的病患者带来了希望，有效的解决了他们的困扰。正是骨骼养生比较实用于实际生活，所以在全国都得到热烈的反响，深受人们的喜欢。
（二）经营优势
骨骼养生是一个技术活，需要经营人员去专门学习针对骨骼按摩的手法。就目前而言，虽然人们也知道要爱美，但美容院的消费很高，普通人都接受不了，所以导致很多美容院都只是在勉强维持。而骨骼养生与美容结合起来将是一个新的亮点。让人们从心里意识到我是在保持一个身体健康的状态下，再做了个美容。从很大程度上就满足了人们一个得到了实惠的心理。美容和养生一起经营，既美丽了又保持了身体的健康，是一个一举两得的好方案。
三、网页布局设计
（一）组织结构
前台分为首页、关于我们、养生食品、护肤品、用户注册、联系我们、会员特权。在关于我们的下面是骨骼养护的来源、骨骼现状、政府部门、国家关注、5.26骨骼养生的诞生。养生食品下面是枸杞的治病偏方、头痛要喝的茶饮、小雪养生的食疗方法
如图3-1所示：
图3-1网站功能结构图
（二）网页框架结构
1.首页
（1）logo与导航设计
Logo设计为偏绿的图案，文字采用了特殊字体，在其后方放置了一个小巧的FLASH时间动画，导航上分别依次为“首页、关于我们、养生食品、护肤品、用户注册、联系我们、会员特权，让浏览者能够方便快速地了解各种信息。
（2）正文内容设计
首页的整体布局以简单为原则，采用模块化，给浏览者以新颖大方的感觉。左上方是用JS做的一个图片切换的效果，下面放置了一些关于养生的好处、顺口溜一类的文字和文章具体框架如图3-2所示：
Logo图案
Logo文字
FLASH动画
导航
大图切换
主体内容
主体内容
主体内容
主体内容
版权
图3-2首页布局框架
2.子页
子页与首页头部保持一致，中间分为两个部分。具体框架如图3-3所示：
Logo图案
Logo文字
FLASH动画
导航
主体内容
主体内容
四、前台网站实现
（一）首页设计与实现
1.首页div结构与层样式
首页整体分为3大部分，是上中下结构。头部分为两块logo文字和FLASH动画，中间部分为上下两块，上面又分为左右，左边是一个大屏广告的切换，右边是一些文字，下面也是左右结构。尾部就一部分，放置版权信息。层样式代码如下所示：
2.实现效果（含特效）
首页主色调为淡绿色，导航内容分为首页、关于我们、养生食品、护肤品、用户注册、联系我们、会员特权这几个模块。页面主体部分采用分割型，上半部分的左侧是一个JS特效，是图片的切换，增加了审美效果。右侧和下面是养生的顺口溜和小知识。页面如图4-1所示：
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/rjgc/1882.html
