APP下载

浅述校园足球联赛网站建设

2019-12-11蔡玉陈璇

科学与财富 2019年19期

蔡玉 陈璇

摘 要:建设属于宿州学院的足球联赛网站,在每场比赛的基础报道上,细化球员数据进行分析统计,如效率值、助攻、失误比等,深入发掘现今其他高校网站没有的球队球员特写和专访,以球员为本,挖掘球员的潜力和价值。采用Jsp作为创建web应用的技术,Java作为编程语言,MySQL 作为后台数据库,利用B/S架构实现了基于数据驱动的Web应用程序。主要有五大功能模块:前台查看模块,登陆验证模块,管理员管理模块,足球信息管理模块,论坛管理模块,实现对网站新闻和论坛的动态管理。

关键词: 校园足球網站; JSP; 新闻发布

足球,有“世界第一运动”的美誉,是全球最具影响力的单项体育运动。足球既可以锻炼学子的体魄,又加强了团队合作意识,发扬了体育精神,展现了当代大学生积极向上的青春风貌。

本系统采用JSP +Servlet等相关技术来实现一个Web应用程序:校园足球网站系统。其主要目的是为用户提供一个方便的、可快速浏览当前最新校园足球新闻的界面,并且也可以随时发布最新的信息以达到信息共享的目的。因此要为用户提供个方便易用的使用界面,同时也为具有更高权限的管理用户提供添加、修改和删除新闻等的系统维护功能。

1.系统分析

1.1功能需求

(1)比赛公告: 细分为各个院平常训练的公告和院与院之间的,学校与学校之间比赛公告。

(2)政策文件:及时关注政府对足球改革新闻。

(3)历届球员:为每个球员配备相应技能雷达图,和文字说明(个人介绍,战绩等)。

(4)球员排名:在雷达图基础上统计排名,并且每个月更新一次。

(5)球员专访:在每个月排名榜上挑选各项前几名进行专访,并且建立专门的资料库,供后续补充。

(6)技术发展:关注国内外关于足球技术的文献

(7)赛事视频:存储历届国际重要比赛的视频链接

(8)各院情况:主要有各个院球员名单,各个院比赛排名,还有各个院球队生活报道。

(9)报名选拔:为新生提供报名选拔的入口

1.2 功能模块分析

前台实现的功能如下:

用户登录:各个功能模块的集合,管理员和用户都在首页进入自己所需的界面

新闻浏览:新闻信息分栏目显示,用户点击不同的栏目浏览不同类型的新闻

发布论坛:已经注册过的用户可以在论坛上发表言论

后台实现的功能如下:

2.足球比赛表现分析

2-1比赛技术数据采集方法

目前我们主要以人员录像和体院记录为主采集每场比赛的数据。专业的视频采集与分析软件OPTA sportsdata系统的指标系统和定义可以借鉴,并培养分析员,使之,能熟悉比赛并可以快速记录。

2-2 指标体系与定义

在技术分析中,明确的指标体系构建是研究的基石。所以本系统采用的是OPTA sportsdata常用的技术分析指标。与射门相关变量、与组织相关变量及与防守相关变量3类,对应的主要技术指标约有19项.

3.开发环境与关键数据库

3.1 运行环境

集成开发环境:Eclipse

操作系统:Windows7及以上版本操作系统。

服务器软件:MySQL、Apache-tomcat-7.0.55。

浏览器:IE、Fire Fox、Google等

3.2 JSP技术

用JSP技术,开发人员可以使用HTML、XML标识来设计和格式化页面,并使用JSP标识和小脚本生成页面上的动态内容,编写的内容辑被封装在JavaBeans组件中,或者捆绑在脚本中,并在服务器端运行。由于内容逻辑被封装JavaBeans中,所以页面设计者,能够编辑JSP页面而不影响内容的生成。

JSP完全的面向对象,具备了Java技术的简单易用,具有平台无关性。Web动态网站可以分为三层:

第一层为表示层,即UI层在Web浏览器展示出页面。

第二层为业务逻辑层,具有应用程序扩展功能的Web服务器。

第三层为数据层,数据库服务器。

3.3关键数据库表

4.关键技术

4.1概述

使用Jquery框架设计 Ajax异步请求,动态生成业务表单与功能按钮。使用Jquery对象,底层用$.ajax()方法对 DOM封装,并用Jquery的append()实现页面的动态显示,业务逻辑管理。用JAVA实现业务逻辑的操作,底层数据库用 MySQL实现数据存取。

4.2 Jquery

JQuery对JavaScript事件进行了封装,增加并扩展了事件处理机制。用于验证表单、检测浏览器、创建cookies。 JQuery的事件发展:简单事件绑定-->bind事件绑定-->delegate事件绑定-->on事件绑定

4.3 创建 Ajax引擎

使用用Jquery框架来简化Ajax引擎的开发,通过浏览器的Javascript对象Ajax引擎向服务器发送异步请求并接收服务器的响应,然后用Javascript来操作DOM来更新页面。

参考文献:

[1] 张玲玲.深入体验Java Web项目开发[M].清华大学出版社,2011.

[2] 陈磊.JSP设计与开发[M] .北京理工大学出版社,2011.

[3] 卢卫杰.基于轻量级J2EE框架的WEB信息系统的研究和应用[J] .长春理工大学,2008.

[4] 唐爱国.Web2.0动态网站开发:JSP技术详解与应用实践[M].清华大学出版社,2009.

[5] 聂哲.JSP动态Web技术实例教程[M].高等教育出版社,2009.