艾体篮球网站开发
：“艾体篮球”网站旨在给广大篮球爱好者搭建一个获取篮球资讯的平台，且用户能方便快捷的浏览网站。网站采用JSP动网开发技术实现，分为游客和管理员两个权限。游客的主要功能有:查看篮球知识简介、篮球/街头篮球文化介绍、观看篮球视频、查看球员资料、获取篮球资讯、最新球鞋介绍，以及在线留言和查看留言。管理员功能主要有:发布管理赛事新闻、球员信息、球鞋添加、管理用户和留言。网站所使用的语言主要为:Java、HTML5、CSS3和JavaScript，数据库建设使用MySQL。服务器部署采用Tomcat，图片采用PhotoShop加工处理，浏览器为Google Chrome。
Keywords：Basketball；Java；HTML5；CSS3；Javascipt； 目 录
一、 引言 6
二、开发技术介绍 6
（一）Java技术简介 6
（二）HTML5技术简介 6
（三）MySQL简介 6
（四）JavaScript技术简介 6
三、系统需求分析 7
（一）系统功能需求 7
（二）系统功能模块图展示 7
（三）开发环境 8
四、网站前台功能设计与实现 9
（一）“艾体篮球”首页设计 10
（二）网站导航栏设计 11
（三）“篮球知识”页面设计思路 11
（四）“篮球世界”页面 11
（五）“篮球资讯”页面 12
（六）“在线留言”页面 12
五 、网站后台功能设计与实现 13
（一）管理员登陆页面 13
（二）管理员修改页面 14
（三）管理员发布/管理新闻资讯页面 14
（四）添加/删除球员信息页面 15
（五）添加/删除球鞋信息页面 17
（六）留言管理功能 18
六、总结 19
致谢 20
参考文献 21
引言
篮球是目前世界上第二大流行的球类运动，也是在我国发展最好的球类运动之一，因其对场地要求低、不受天气影响等因素受到很多青少年的喜爱，我国也在大力发展篮球
*好棒文|www.hbsrm.com +Q: @351916072@
运动，号召各地举办篮球比赛。如今的青少年学习压力越来越大，运动时间也相对的越来越少，本着让更多人爱上运动、爱上篮球的目的，建设一个与篮球相关的网站，希望通过网站能让更多人了解篮球这项运动并参与进来。
“艾体篮球”网站就是为篮球运动爱好者和对篮球运动感兴趣且想对篮球有更深一步了解的人而设计开发的。网站从篮球爱好者的角度出发，力求为用户提供优质的服务和资讯信息，用户可以在线浏览当天的篮球比分、新闻球员等内容，还可以了解篮球其他相关的新闻。
二、开发技术介绍
（一）Java技术简介
Java 是一种广泛使用的计算机编程语言，拥有跨平台、面向对象、泛型编程的特性，广泛应用于企业级 Web 应用开发和移动应用开发。Java 语言由当时任职于Sun 公司的詹姆斯高斯林(James Gosling)于1990年代开发出雏形，于1995年5月正式以Java的名称发布，并随着互联网的迅速发展，Javay也逐渐成为使用人数最多的编程语言之一。目前，移动操作系统 Android 大部分的代码也均采用 Java语言编写。
（二）HTML5技术简介
HTML5是HTML的最新的修订版本，由万维网联盟(即W3C)组织在2014年10月完成标准制定。HTML5的出现是为了替换在1999年所制定的HTML4.01和XHTML1.0标准。广义上的HTML5包括了HTML、CSS、JavaScript在内的一套技术的组合。HTML5的出现让web开发人员有了更多更丰富的开发空间，也使浏览者获得了更好的用户体验。
（三）MySQL简介
MySQL是一个轻量化、便捷、开放源代码的关系型数据库管理系统。由瑞典的MySQL AB公司开发，2009年成为甲骨文公司(Oracle)产品。MySQL因其性能高、成本低、可靠性好的优点，已经成为最流行的开源数据库。被广泛的应用在中小型互联网网站中。
（四）JavaScript技术简介
JavaScript 是一门基于原型、函数先行的语言，是一门多范式的语言。JavaScript 在传统意义上被定义为一种解释型语言，但在最近，它已经可以被即时编译（JIT）执行。随着最新的 HTML5 和 CSS3 语言标准的推行它还可用于游戏、桌面和移动应用程序的开发和在服务器端网络环境运行。
三、系统需求分析
（一）系统功能需求
“艾体篮球”篮球信息网站，建站目的是为了给广大篮球爱好者提供一个高质量的篮球资讯信息网站，网站的内容由以下模块构成。
1．前台模块
评价一个网站是否建设成功的标准便是用户的访问量，访问量代表了用户对该网站的依赖和信任，为了给用户最好的体验，前台模块的内容必须仔细设计。因此，“艾体篮球”网站的前台模块的内容有最新篮球比赛胜负比分、篮球新闻资讯、篮球比赛规则介绍、街头篮球文化介绍，传统篮球文化及发展历史、球员信息介绍、篮球规则介绍(包括因一些球员而设立的特殊规则)、NBA视频、球鞋介绍以及在线留言板块组成，能共充分满足用户的各种需求。
2．后台模块
一个建立完善的网站的管理员后台也很重要，因为网站内容的添加、删除、查询、修改、运营和管理都需要通过管理员来完成。该网站的后台管理员模块功能主要有:管理员登陆、查看管理员信息、发布/管理篮球新闻资讯、添加/删除球员信息、发布最新的比赛胜负结果和比分、提供球鞋介绍、添加/管理用户以及管理用户留言。通过这些功能模块，能够提供给网站管理员方便快捷的方式来管理网站。
（二）系统功能模块图展示
根据以上需求分析，本网站系统功能模块结构图如下图31、32所示。
图31 前台用户系统操作模块图
图32 后台管理员系统操作模块图
（三）开发环境
1.操作系统：Microsoft Windows 10；
2.开发工具：Spring Tools；
3.数据库管理系统：MySQL、MySQLfront；
4.系统服务器：Apachetomcat。
（四）系统数据库设计
网站数据库主要由以下五张表组成：
篮球新闻表（basketballnews）
主要设计新闻标题、新闻内容、新闻图片以及新闻发布时间字段，如表31所示。
（2）在线留言表（message）
在线留言表主要包括留言标题、留言内容、留言发布时间和Email字段，如表32所示。
Keywords：Basketball；Java；HTML5；CSS3；Javascipt； 目 录
一、 引言 6
二、开发技术介绍 6
（一）Java技术简介 6
（二）HTML5技术简介 6
（三）MySQL简介 6
（四）JavaScript技术简介 6
三、系统需求分析 7
（一）系统功能需求 7
（二）系统功能模块图展示 7
（三）开发环境 8
四、网站前台功能设计与实现 9
（一）“艾体篮球”首页设计 10
（二）网站导航栏设计 11
（三）“篮球知识”页面设计思路 11
（四）“篮球世界”页面 11
（五）“篮球资讯”页面 12
（六）“在线留言”页面 12
五 、网站后台功能设计与实现 13
（一）管理员登陆页面 13
（二）管理员修改页面 14
（三）管理员发布/管理新闻资讯页面 14
（四）添加/删除球员信息页面 15
（五）添加/删除球鞋信息页面 17
（六）留言管理功能 18
六、总结 19
致谢 20
参考文献 21
引言
篮球是目前世界上第二大流行的球类运动，也是在我国发展最好的球类运动之一，因其对场地要求低、不受天气影响等因素受到很多青少年的喜爱，我国也在大力发展篮球
*好棒文|www.hbsrm.com +Q: @351916072@
运动，号召各地举办篮球比赛。如今的青少年学习压力越来越大，运动时间也相对的越来越少，本着让更多人爱上运动、爱上篮球的目的，建设一个与篮球相关的网站，希望通过网站能让更多人了解篮球这项运动并参与进来。
“艾体篮球”网站就是为篮球运动爱好者和对篮球运动感兴趣且想对篮球有更深一步了解的人而设计开发的。网站从篮球爱好者的角度出发，力求为用户提供优质的服务和资讯信息，用户可以在线浏览当天的篮球比分、新闻球员等内容，还可以了解篮球其他相关的新闻。
二、开发技术介绍
（一）Java技术简介
Java 是一种广泛使用的计算机编程语言，拥有跨平台、面向对象、泛型编程的特性，广泛应用于企业级 Web 应用开发和移动应用开发。Java 语言由当时任职于Sun 公司的詹姆斯高斯林(James Gosling)于1990年代开发出雏形，于1995年5月正式以Java的名称发布，并随着互联网的迅速发展，Javay也逐渐成为使用人数最多的编程语言之一。目前，移动操作系统 Android 大部分的代码也均采用 Java语言编写。
（二）HTML5技术简介
HTML5是HTML的最新的修订版本，由万维网联盟(即W3C)组织在2014年10月完成标准制定。HTML5的出现是为了替换在1999年所制定的HTML4.01和XHTML1.0标准。广义上的HTML5包括了HTML、CSS、JavaScript在内的一套技术的组合。HTML5的出现让web开发人员有了更多更丰富的开发空间，也使浏览者获得了更好的用户体验。
（三）MySQL简介
MySQL是一个轻量化、便捷、开放源代码的关系型数据库管理系统。由瑞典的MySQL AB公司开发，2009年成为甲骨文公司(Oracle)产品。MySQL因其性能高、成本低、可靠性好的优点，已经成为最流行的开源数据库。被广泛的应用在中小型互联网网站中。
（四）JavaScript技术简介
JavaScript 是一门基于原型、函数先行的语言，是一门多范式的语言。JavaScript 在传统意义上被定义为一种解释型语言，但在最近，它已经可以被即时编译（JIT）执行。随着最新的 HTML5 和 CSS3 语言标准的推行它还可用于游戏、桌面和移动应用程序的开发和在服务器端网络环境运行。
三、系统需求分析
（一）系统功能需求
“艾体篮球”篮球信息网站，建站目的是为了给广大篮球爱好者提供一个高质量的篮球资讯信息网站，网站的内容由以下模块构成。
1．前台模块
评价一个网站是否建设成功的标准便是用户的访问量，访问量代表了用户对该网站的依赖和信任，为了给用户最好的体验，前台模块的内容必须仔细设计。因此，“艾体篮球”网站的前台模块的内容有最新篮球比赛胜负比分、篮球新闻资讯、篮球比赛规则介绍、街头篮球文化介绍，传统篮球文化及发展历史、球员信息介绍、篮球规则介绍(包括因一些球员而设立的特殊规则)、NBA视频、球鞋介绍以及在线留言板块组成，能共充分满足用户的各种需求。
2．后台模块
一个建立完善的网站的管理员后台也很重要，因为网站内容的添加、删除、查询、修改、运营和管理都需要通过管理员来完成。该网站的后台管理员模块功能主要有:管理员登陆、查看管理员信息、发布/管理篮球新闻资讯、添加/删除球员信息、发布最新的比赛胜负结果和比分、提供球鞋介绍、添加/管理用户以及管理用户留言。通过这些功能模块，能够提供给网站管理员方便快捷的方式来管理网站。
（二）系统功能模块图展示
根据以上需求分析，本网站系统功能模块结构图如下图31、32所示。
图31 前台用户系统操作模块图
图32 后台管理员系统操作模块图
（三）开发环境
1.操作系统：Microsoft Windows 10；
2.开发工具：Spring Tools；
3.数据库管理系统：MySQL、MySQLfront；
4.系统服务器：Apachetomcat。
（四）系统数据库设计
网站数据库主要由以下五张表组成：
篮球新闻表（basketballnews）
主要设计新闻标题、新闻内容、新闻图片以及新闻发布时间字段，如表31所示。
（2）在线留言表（message）
在线留言表主要包括留言标题、留言内容、留言发布时间和Email字段，如表32所示。
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/xxaq/715.html
