sunshinesports”网站的设计与实现
Keywords: Movement ; HTML + CSS ; JAVASCRIPT ; JAVAWEB. 目录
一、 引言 1
(一) 开发背景 1
(二) 网站的意义 1
(三) 网站设计的目标 1
(四) WEB前端开发环境及开发工具 1
1. WEB前端开发环境 1
2. 前端开发工具 1
二、 系统分析 2
(一) 系统功能分析 2
(二) 用户权限分析 2
三、 系统设计 2
(一) 功能模块设计 3
(二) 数据库设计 3
1. E-R图 3
2. 数据库表设计 4
(三) 网站主体设计 5
1. 网站logo的设计 5
2. 网页色彩的搭配理念 6
3. 网站结构设计 6
4. 网页布局设置 6
四、 网站前台页面实现 7
(一) 首页模块 7
1. 首页头部 7
2. 首页中部 11
3. 首页尾部 14
(二) 二级页面模块 14
(三) 三级页面模块 14
(四) 注册、登录模块 15
(五) 产品模块 18
五、 网站后台页面实现 20
(一) 后台产品模块 20
(二) 后台订单模块 21
(三) 后台新闻模块 21
(四) 后台会员模块 23
六、 网站测试 23
(一) 数据库（Navicat for MySQL）配置 23
(二) MyEclipse 6.5配置 23
(三) 测试 24
总结 25
致谢 26
参考文献 27
引言
开发背景
近年来，人们的生活方式有着很大的改变，慢慢地有很多人开始注重运动。因为运动的方式多种多样，所以有些运动者不知道该如何选择，因此不知不觉的走入了运动误区，而“Sunshine spor
*好棒文|www.hbsrm.com +Q: %3^5`1^9`1^6^0`7^2#
) MyEclipse 6.5配置 23
(三) 测试 24
总结 25
致谢 26
参考文献 27
引言
开发背景
近年来，人们的生活方式有着很大的改变，慢慢地有很多人开始注重运动。因为运动的方式多种多样，所以有些运动者不知道该如何选择，因此不知不觉的走入了运动误区，而“Sunshine sports”就是为运动的人们量身打造运动计划，实现最理想的运动而开发的。本网站主要以定制计划、免费课程、关于我们、最新资讯、服务项目、联系我们为主框架搭建而成。由于计划的特殊性，本网站会一直制定到用户满意为止，提高网站实用性，为用户带来便捷，让用户通过Sunshine sports这个平台找到最适合自己的运动方式。
网站的意义
运动具有阳光向上、强身健体、娱乐等功能，本网站的制作就有助于人们了解更多的运动方式，避免走入运动的误区。本网站可以为大学生、上班族、中老年人等提供最适合的运动方式，制定最完美的计划。消费者在浏览网站的过程中，可以随时定制最适合自己的计划，还可以在线咨询客服，拨打网站中的热线电话。
网站设计的目标
本网站包括“Sunshine sports”的前台设计和后台管理，主要实现了买家卖家的简单交易。前台的主要有用户登录注册，在线预约，购买产品等功能。前台用户想要购买产品必须先注册并登录，否则只可浏览网页，不可实现购买功能，登录后可查看个人中心、购物车、订单等页面。后台可以实现产品的查找、添加、修改、删除，还可以对网站的一些信息进行更新，例如新闻信息。管理员通过后台可以随时查看会员信息并且当当会员提交订单后，管理员可以及时发货。
WEB前端开发环境及开发工具
WEB前端开发环境
WEB前端开发，即网页框架设计。用HTML+CSS进行网页布局，实现静态页面。使用Photoshop对网站使用的图片进行处理，利用JAVASCRIPT和JQUERY做一些交互功能增添网站的生动性。网站前台和后台通过JAVAWEB和MYSQL链接，实现网站的完整性。此外，要对网站做一些相应的更新，维护及优化。
前端开发工具
网页编辑器：Sublime Text3
Web服务器：TomcatV6.0
开发软件：MyEclipse 6.5
Java开发包：JDK 1.5
数据库：Navicat for MySQL
客户端浏览器：Chrome、Fire Fox、IE等
系统分析
系统功能分析
本网站的系统功能主要划分为前台模块和后台模块：
前台模块—用户
用户的注册、登录、退出
未登录用户不能购买任何产品
对网站信息浏览，查看自己的个人中心、购物车及订单
订单实现购买、确认收货
后台模块—管理员
对网站的产品进行查找、添加、删除、修改
对网站的新闻进行查找、添加、删除、修改
购买状态管理：订单列表、订单明细、发货
对网站的会员进行查看和激活
用户权限分析
在本网站中，未注册的用户只能作为是普通的浏览者浏览网页，不能访问个人中心、我的订单、购物车等页面，游客只有进行注册成为会员才能享有会员的权利，游客只能预约服务，在线咨询，拨打网站热线电话，而会员可直接在线购买产品，电子完成交易。
会员和游客的具体权限控制如下表2-1所示：
表2-1 用户权限表
功能名称
会员权限
游客权限
网站浏览
√
√
个人中心
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/jsjkxyjs/2588.html
一、 引言 1
(一) 开发背景 1
(二) 网站的意义 1
(三) 网站设计的目标 1
(四) WEB前端开发环境及开发工具 1
1. WEB前端开发环境 1
2. 前端开发工具 1
二、 系统分析 2
(一) 系统功能分析 2
(二) 用户权限分析 2
三、 系统设计 2
(一) 功能模块设计 3
(二) 数据库设计 3
1. E-R图 3
2. 数据库表设计 4
(三) 网站主体设计 5
1. 网站logo的设计 5
2. 网页色彩的搭配理念 6
3. 网站结构设计 6
4. 网页布局设置 6
四、 网站前台页面实现 7
(一) 首页模块 7
1. 首页头部 7
2. 首页中部 11
3. 首页尾部 14
(二) 二级页面模块 14
(三) 三级页面模块 14
(四) 注册、登录模块 15
(五) 产品模块 18
五、 网站后台页面实现 20
(一) 后台产品模块 20
(二) 后台订单模块 21
(三) 后台新闻模块 21
(四) 后台会员模块 23
六、 网站测试 23
(一) 数据库（Navicat for MySQL）配置 23
(二) MyEclipse 6.5配置 23
(三) 测试 24
总结 25
致谢 26
参考文献 27
引言
开发背景
近年来，人们的生活方式有着很大的改变，慢慢地有很多人开始注重运动。因为运动的方式多种多样，所以有些运动者不知道该如何选择，因此不知不觉的走入了运动误区，而“Sunshine spor
*好棒文|www.hbsrm.com +Q: %3^5`1^9`1^6^0`7^2#
) MyEclipse 6.5配置 23
(三) 测试 24
总结 25
致谢 26
参考文献 27
引言
开发背景
近年来，人们的生活方式有着很大的改变，慢慢地有很多人开始注重运动。因为运动的方式多种多样，所以有些运动者不知道该如何选择，因此不知不觉的走入了运动误区，而“Sunshine sports”就是为运动的人们量身打造运动计划，实现最理想的运动而开发的。本网站主要以定制计划、免费课程、关于我们、最新资讯、服务项目、联系我们为主框架搭建而成。由于计划的特殊性，本网站会一直制定到用户满意为止，提高网站实用性，为用户带来便捷，让用户通过Sunshine sports这个平台找到最适合自己的运动方式。
网站的意义
运动具有阳光向上、强身健体、娱乐等功能，本网站的制作就有助于人们了解更多的运动方式，避免走入运动的误区。本网站可以为大学生、上班族、中老年人等提供最适合的运动方式，制定最完美的计划。消费者在浏览网站的过程中，可以随时定制最适合自己的计划，还可以在线咨询客服，拨打网站中的热线电话。
网站设计的目标
本网站包括“Sunshine sports”的前台设计和后台管理，主要实现了买家卖家的简单交易。前台的主要有用户登录注册，在线预约，购买产品等功能。前台用户想要购买产品必须先注册并登录，否则只可浏览网页，不可实现购买功能，登录后可查看个人中心、购物车、订单等页面。后台可以实现产品的查找、添加、修改、删除，还可以对网站的一些信息进行更新，例如新闻信息。管理员通过后台可以随时查看会员信息并且当当会员提交订单后，管理员可以及时发货。
WEB前端开发环境及开发工具
WEB前端开发环境
WEB前端开发，即网页框架设计。用HTML+CSS进行网页布局，实现静态页面。使用Photoshop对网站使用的图片进行处理，利用JAVASCRIPT和JQUERY做一些交互功能增添网站的生动性。网站前台和后台通过JAVAWEB和MYSQL链接，实现网站的完整性。此外，要对网站做一些相应的更新，维护及优化。
前端开发工具
网页编辑器：Sublime Text3
Web服务器：TomcatV6.0
开发软件：MyEclipse 6.5
Java开发包：JDK 1.5
数据库：Navicat for MySQL
客户端浏览器：Chrome、Fire Fox、IE等
系统分析
系统功能分析
本网站的系统功能主要划分为前台模块和后台模块：
前台模块—用户
用户的注册、登录、退出
未登录用户不能购买任何产品
对网站信息浏览，查看自己的个人中心、购物车及订单
订单实现购买、确认收货
后台模块—管理员
对网站的产品进行查找、添加、删除、修改
对网站的新闻进行查找、添加、删除、修改
购买状态管理：订单列表、订单明细、发货
对网站的会员进行查看和激活
用户权限分析
在本网站中，未注册的用户只能作为是普通的浏览者浏览网页，不能访问个人中心、我的订单、购物车等页面，游客只有进行注册成为会员才能享有会员的权利，游客只能预约服务，在线咨询，拨打网站热线电话，而会员可直接在线购买产品，电子完成交易。
会员和游客的具体权限控制如下表2-1所示：
表2-1 用户权限表
功能名称
会员权限
游客权限
网站浏览
√
√
个人中心
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/jsjkxyjs/2588.html
