轮滑社网站建设
目 录
声 明 1
一、 引言 1
二、 需求分析 1
（一）功能需求 1
1. 普通会员模块 1
2. 管理员模块 1
（二）系统开发环境 2
三、 数据库设计与实现 2
四、 主体规划 5
（一）网站内容规划 5
（二）网页框架结构 5
1. 首页 5
（1）logo与导航设计 5
（2）正文内容设计 6
（3）首页关键代码如下： 6
2. 子页 8
（1）正文内容设计 8
五、 网站设计与实现 8
（一）首页设计与实现 8
1.首页的结构 8
2. 首页的实现效果 9
（二）子页设计与实现 9
1. 子页的结构 9
2. 子页的实现效果 9
（三）JavaScript特效 12
1. 带时间的JS特效 12
2. 带数字按钮的JS特效 12
（四）后台实现效果 13
1.定义类 13
2.发布轮滑社日志信息 14
3.添加轮滑活动信息 16
4.添加轮滑信息 17
5.注册登录 17
6. 添加购买订单信息 18
致谢 21
参考文献 21
引言
本课题是以轮滑为主题的，主要讲它的轮滑精神，带给我们无限的欢乐。本课题采用DIV+CSS布局的方法设计和实现一个小型的宣传网站，以Dreamweaver8作为开发工具，再以SQL Server 20 *好棒文|www.hbsrm.com +Q: 3_5_1_9_1_6_0_7_2
08作为数据库管理工具，主要用HTML语言编写，以文字的叙述和图片的方式进行展示，主要是宣传轮滑社团。其中插入了JS特效，使用网站做的更加生动。在首页上做一些效果，首页最上面有个观看时间段的，前台用户登陆和退出，图片的转换，日志是链接到空间里，轮滑贴吧是链接到我们社团的贴吧；子页也放了些JS特效，在页面里放了些关于我们社团的图片，轮滑设备，还有一些我们一起去过的景点拍的照片，视频，还有搞笑的视频，然后再结合Java Web，数据库，将前台跟后台连接起来，普通用户登录进去可以在页面上添加相关信息，可以在自己的页面上进行添加，删除与修改，只可以自己观看的。后台管理员登录可以进行添加，修改，删除等效果，在前台提交信息后，数据库里可以显示提交的信息等。
现今社会，轮滑也是一个代步工具，轮滑也分为双排轮滑和单排轮滑，都是可以刷街的。所有轮滑鞋代步，尤其是速滑鞋的刷街性能最为实用。轮滑作为新兴的体育运动项目，已经成为当代青少年时尚流行的代名词，而作为大学社团组织参与者，我们有着更大的责任传播，丰富，发展我们引以为傲的运动。
需求分析
（一）功能需求
1. 普通会员模块
（1）普通会员登录
学生在已有正确的账号和密码并且账号是在使用中的状态的前提下可以登录进行查看信息。
（2）我的订单
用户在页面上选购的轮滑鞋在订单里都会有显示，可以查看信息或者进行修改。
（3）历史订单
需要用户使用管理员登录，点击订单处理里的“订单发货”，才会在普通会员的历史订单显示出来。
2. 管理员模块
（1）管理员登录
管理员在已有正确的账号和密码并且账号是在使用中的状态的前提下可以登录进行查看信息。
（2）日志维护
可以查看已有的日志，也可以发布关于轮滑的日志。
（3）社团活动维护
可以查看轮滑社的一些活动，也可以发布自己参与过的活动，与大家一起分享。
（4）轮滑维护
可以查看用户购买的轮滑设备，也可以直接在后台进行增删查改。
（5）订单
所有的购买过的订单可以在后台查看到，可以查看到购买的具体信息，也可以进行增删查改。
（6）会员管理
可以查看到用户注册过的帐号和密码，可以将之删除，也可以进行修改。
（二）系统开发环境
操作平台：Windows XP。
开发环境：MyEclipse、SQL Server2008、EditPlus、Dreamweaver。
开发语言：HTML。
调试的环境：360。
数据库运行环境：Microspft SQL Server 2008。
具体工具如下：
Dreamweaver 8它是Macromedia公司的一种网页编辑工具。它网页编写的主要语言是HTML标记语言。它是初学者的基本网页编写工具。我们可视它为代码编辑、布局工具、插件可无限扩展，使每一个网页设计者和开发者编写出理想的效果。在做网页的过程中，它是一款必不可少的软件。
Sqlserver 2008它是在microsoft的数据平台上发布的，可以组织管理任何数据。由于它使用方便、可靠性高并且有着强大的功能，深受网站开发者的喜爱。
MyEclipse 8.0它的主要功能就是用于后台的开发。它是后台连接数据库的主要工具。它的功能非常强大支持多种语言的开发环境。
MVC全名是Model View Controller，是模型(model)－视图(view)－控制器(controller)的缩写，一种软件设计典范，用一种业务逻辑、数据、界面显示分离的方法组织代码，将业务逻辑聚集到一个部件里面，在改进和个性化定制界面及用户交互的同时，不需要重新编写业务逻辑。MVC被独特的发展起来用于映射传统的输入、处理和输出功能在一个逻辑的图形化用户界面的结构中。
数据库设计与实现
1. 数据库的需求分析
活动信息表：编号ID，活动主题，活动内容，活动时间，主要信息，参与对象，活动宣传照
日志信息表：日志编号ID，日志主题，日志内容，发布者，发布时间，点赞数，备注
轮滑信息表：轮滑编号ID，轮滑名称，推荐价格，本款颜色，本款型号，店长推荐，介绍信息，备注，轮滑鞋图片
订单信息表：订单编号ID，商品编号ID，商品名称，选购数量，市场价格，总计，普通会员ID，收货联系方式，收货人，收货地址，备注信息，本款颜色，本款型号，处理类型
会员管理表：会员帐号ID，姓名，密码，会员类型，联系方式，居住所在地，常用邮箱，其他信息
数据库是开发动网中一个必不可少的部分，后台每种功能的实现都离不开数据库。它的目标就是怎么样方便用户进行数据处理，而这个的关键就在于如何合理设计数据库。大概分析如图3-1所示：
主键
活动ID
atheme
varchar
255
是
rmsg
varchar
255
是
备注
声 明 1
一、 引言 1
二、 需求分析 1
（一）功能需求 1
1. 普通会员模块 1
2. 管理员模块 1
（二）系统开发环境 2
三、 数据库设计与实现 2
四、 主体规划 5
（一）网站内容规划 5
（二）网页框架结构 5
1. 首页 5
（1）logo与导航设计 5
（2）正文内容设计 6
（3）首页关键代码如下： 6
2. 子页 8
（1）正文内容设计 8
五、 网站设计与实现 8
（一）首页设计与实现 8
1.首页的结构 8
2. 首页的实现效果 9
（二）子页设计与实现 9
1. 子页的结构 9
2. 子页的实现效果 9
（三）JavaScript特效 12
1. 带时间的JS特效 12
2. 带数字按钮的JS特效 12
（四）后台实现效果 13
1.定义类 13
2.发布轮滑社日志信息 14
3.添加轮滑活动信息 16
4.添加轮滑信息 17
5.注册登录 17
6. 添加购买订单信息 18
致谢 21
参考文献 21
引言
本课题是以轮滑为主题的，主要讲它的轮滑精神，带给我们无限的欢乐。本课题采用DIV+CSS布局的方法设计和实现一个小型的宣传网站，以Dreamweaver8作为开发工具，再以SQL Server 20 *好棒文|www.hbsrm.com +Q: 3_5_1_9_1_6_0_7_2
08作为数据库管理工具，主要用HTML语言编写，以文字的叙述和图片的方式进行展示，主要是宣传轮滑社团。其中插入了JS特效，使用网站做的更加生动。在首页上做一些效果，首页最上面有个观看时间段的，前台用户登陆和退出，图片的转换，日志是链接到空间里，轮滑贴吧是链接到我们社团的贴吧；子页也放了些JS特效，在页面里放了些关于我们社团的图片，轮滑设备，还有一些我们一起去过的景点拍的照片，视频，还有搞笑的视频，然后再结合Java Web，数据库，将前台跟后台连接起来，普通用户登录进去可以在页面上添加相关信息，可以在自己的页面上进行添加，删除与修改，只可以自己观看的。后台管理员登录可以进行添加，修改，删除等效果，在前台提交信息后，数据库里可以显示提交的信息等。
现今社会，轮滑也是一个代步工具，轮滑也分为双排轮滑和单排轮滑，都是可以刷街的。所有轮滑鞋代步，尤其是速滑鞋的刷街性能最为实用。轮滑作为新兴的体育运动项目，已经成为当代青少年时尚流行的代名词，而作为大学社团组织参与者，我们有着更大的责任传播，丰富，发展我们引以为傲的运动。
需求分析
（一）功能需求
1. 普通会员模块
（1）普通会员登录
学生在已有正确的账号和密码并且账号是在使用中的状态的前提下可以登录进行查看信息。
（2）我的订单
用户在页面上选购的轮滑鞋在订单里都会有显示，可以查看信息或者进行修改。
（3）历史订单
需要用户使用管理员登录，点击订单处理里的“订单发货”，才会在普通会员的历史订单显示出来。
2. 管理员模块
（1）管理员登录
管理员在已有正确的账号和密码并且账号是在使用中的状态的前提下可以登录进行查看信息。
（2）日志维护
可以查看已有的日志，也可以发布关于轮滑的日志。
（3）社团活动维护
可以查看轮滑社的一些活动，也可以发布自己参与过的活动，与大家一起分享。
（4）轮滑维护
可以查看用户购买的轮滑设备，也可以直接在后台进行增删查改。
（5）订单
所有的购买过的订单可以在后台查看到，可以查看到购买的具体信息，也可以进行增删查改。
（6）会员管理
可以查看到用户注册过的帐号和密码，可以将之删除，也可以进行修改。
（二）系统开发环境
操作平台：Windows XP。
开发环境：MyEclipse、SQL Server2008、EditPlus、Dreamweaver。
开发语言：HTML。
调试的环境：360。
数据库运行环境：Microspft SQL Server 2008。
具体工具如下：
Dreamweaver 8它是Macromedia公司的一种网页编辑工具。它网页编写的主要语言是HTML标记语言。它是初学者的基本网页编写工具。我们可视它为代码编辑、布局工具、插件可无限扩展，使每一个网页设计者和开发者编写出理想的效果。在做网页的过程中，它是一款必不可少的软件。
Sqlserver 2008它是在microsoft的数据平台上发布的，可以组织管理任何数据。由于它使用方便、可靠性高并且有着强大的功能，深受网站开发者的喜爱。
MyEclipse 8.0它的主要功能就是用于后台的开发。它是后台连接数据库的主要工具。它的功能非常强大支持多种语言的开发环境。
MVC全名是Model View Controller，是模型(model)－视图(view)－控制器(controller)的缩写，一种软件设计典范，用一种业务逻辑、数据、界面显示分离的方法组织代码，将业务逻辑聚集到一个部件里面，在改进和个性化定制界面及用户交互的同时，不需要重新编写业务逻辑。MVC被独特的发展起来用于映射传统的输入、处理和输出功能在一个逻辑的图形化用户界面的结构中。
数据库设计与实现
1. 数据库的需求分析
活动信息表：编号ID，活动主题，活动内容，活动时间，主要信息，参与对象，活动宣传照
日志信息表：日志编号ID，日志主题，日志内容，发布者，发布时间，点赞数，备注
轮滑信息表：轮滑编号ID，轮滑名称，推荐价格，本款颜色，本款型号，店长推荐，介绍信息，备注，轮滑鞋图片
订单信息表：订单编号ID，商品编号ID，商品名称，选购数量，市场价格，总计，普通会员ID，收货联系方式，收货人，收货地址，备注信息，本款颜色，本款型号，处理类型
会员管理表：会员帐号ID，姓名，密码，会员类型，联系方式，居住所在地，常用邮箱，其他信息
数据库是开发动网中一个必不可少的部分，后台每种功能的实现都离不开数据库。它的目标就是怎么样方便用户进行数据处理，而这个的关键就在于如何合理设计数据库。大概分析如图3-1所示：
主键
活动ID
atheme
varchar
255
是
rmsg
varchar
255
是
备注
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/rjgc/1633.html
