淺述校園足球聯(lián)賽網(wǎng)站建設(shè)

蔡玉 陳璇

摘 要：建設(shè)屬于宿州學(xué)院的足球聯(lián)賽網(wǎng)站，在每場(chǎng)比賽的基礎(chǔ)報(bào)道上，細(xì)化球員數(shù)據(jù)進(jìn)行分析統(tǒng)計(jì)，如效率值、助攻、失誤比等，深入發(fā)掘現(xiàn)今其他高校網(wǎng)站沒(méi)有的球隊(duì)球員特寫和專訪，以球員為本，挖掘球員的潛力和價(jià)值。采用Jsp作為創(chuàng)建web應(yīng)用的技術(shù)，Java作為編程語(yǔ)言，MySQL 作為后臺(tái)數(shù)據(jù)庫(kù)，利用B/S架構(gòu)實(shí)現(xiàn)了基于數(shù)據(jù)驅(qū)動(dòng)的Web應(yīng)用程序。主要有五大功能模塊：前臺(tái)查看模塊，登陸驗(yàn)證模塊，管理員管理模塊，足球信息管理模塊，論壇管理模塊，實(shí)現(xiàn)對(duì)網(wǎng)站新聞和論壇的動(dòng)態(tài)管理。

關(guān)鍵詞： 校園足球網(wǎng)站； JSP； 新聞發(fā)布

足球，有“世界第一運(yùn)動(dòng)”的美譽(yù)，是全球最具影響力的單項(xiàng)體育運(yùn)動(dòng)。足球既可以鍛煉學(xué)子的體魄，又加強(qiáng)了團(tuán)隊(duì)合作意識(shí)，發(fā)揚(yáng)了體育精神，展現(xiàn)了當(dāng)代大學(xué)生積極向上的青春風(fēng)貌。

本系統(tǒng)采用JSP +Servlet等相關(guān)技術(shù)來(lái)實(shí)現(xiàn)一個(gè)Web應(yīng)用程序：校園足球網(wǎng)站系統(tǒng)。其主要目的是為用戶提供一個(gè)方便的、可快速瀏覽當(dāng)前最新校園足球新聞的界面，并且也可以隨時(shí)發(fā)布最新的信息以達(dá)到信息共享的目的。因此要為用戶提供個(gè)方便易用的使用界面，同時(shí)也為具有更高權(quán)限的管理用戶提供添加、修改和刪除新聞等的系統(tǒng)維護(hù)功能。

1.系統(tǒng)分析

1.1功能需求

（1）比賽公告： 細(xì)分為各個(gè)院平常訓(xùn)練的公告和院與院之間的，學(xué)校與學(xué)校之間比賽公告。

（2）政策文件：及時(shí)關(guān)注政府對(duì)足球改革新聞。

（3）歷屆球員：為每個(gè)球員配備相應(yīng)技能雷達(dá)圖，和文字說(shuō)明（個(gè)人介紹，戰(zhàn)績(jī)等）。

（4）球員排名：在雷達(dá)圖基礎(chǔ)上統(tǒng)計(jì)排名，并且每個(gè)月更新一次。

（5）球員專訪：在每個(gè)月排名榜上挑選各項(xiàng)前幾名進(jìn)行專訪，并且建立專門的資料庫(kù)，供后續(xù)補(bǔ)充。

（6）技術(shù)發(fā)展：關(guān)注國(guó)內(nèi)外關(guān)于足球技術(shù)的文獻(xiàn)

（7）賽事視頻：存儲(chǔ)歷屆國(guó)際重要比賽的視頻鏈接

（8）各院情況：主要有各個(gè)院球員名單，各個(gè)院比賽排名，還有各個(gè)院球隊(duì)生活報(bào)道。

（9）報(bào)名選拔：為新生提供報(bào)名選拔的入口

1.2 功能模塊分析

前臺(tái)實(shí)現(xiàn)的功能如下：

用戶登錄：各個(gè)功能模塊的集合，管理員和用戶都在首頁(yè)進(jìn)入自己所需的界面

新聞瀏覽：新聞信息分欄目顯示，用戶點(diǎn)擊不同的欄目瀏覽不同類型的新聞

發(fā)布論壇：已經(jīng)注冊(cè)過(guò)的用戶可以在論壇上發(fā)表言論

后臺(tái)實(shí)現(xiàn)的功能如下：

2.足球比賽表現(xiàn)分析

2-1比賽技術(shù)數(shù)據(jù)采集方法

目前我們主要以人員錄像和體院記錄為主采集每場(chǎng)比賽的數(shù)據(jù)。專業(yè)的視頻采集與分析軟件OPTA sportsdata系統(tǒng)的指標(biāo)系統(tǒng)和定義可以借鑒，并培養(yǎng)分析員，使之，能熟悉比賽并可以快速記錄。

2-2 指標(biāo)體系與定義

在技術(shù)分析中，明確的指標(biāo)體系構(gòu)建是研究的基石。所以本系統(tǒng)采用的是OPTA sportsdata常用的技術(shù)分析指標(biāo)。與射門相關(guān)變量、與組織相關(guān)變量及與防守相關(guān)變量3類，對(duì)應(yīng)的主要技術(shù)指標(biāo)約有19項(xiàng).

3.開(kāi)發(fā)環(huán)境與關(guān)鍵數(shù)據(jù)庫(kù)

3.1 運(yùn)行環(huán)境

集成開(kāi)發(fā)環(huán)境：Eclipse

操作系統(tǒng)：Windows7及以上版本操作系統(tǒng)。

服務(wù)器軟件：MySQL、Apache-tomcat-7.0.55。

瀏覽器：IE、Fire Fox、Google等

3.2 JSP技術(shù)

用JSP技術(shù)，開(kāi)發(fā)人員可以使用HTML、XML標(biāo)識(shí)來(lái)設(shè)計(jì)和格式化頁(yè)面，并使用JSP標(biāo)識(shí)和小腳本生成頁(yè)面上的動(dòng)態(tài)內(nèi)容，編寫的內(nèi)容輯被封裝在JavaBeans組件中，或者捆綁在腳本中，并在服務(wù)器端運(yùn)行。由于內(nèi)容邏輯被封裝JavaBeans中，所以頁(yè)面設(shè)計(jì)者，能夠編輯JSP頁(yè)面而不影響內(nèi)容的生成。

JSP完全的面向?qū)ο螅邆淞薐ava技術(shù)的簡(jiǎn)單易用，具有平臺(tái)無(wú)關(guān)性。Web動(dòng)態(tài)網(wǎng)站可以分為三層：

第一層為表示層，即UI層在Web瀏覽器展示出頁(yè)面。

第二層為業(yè)務(wù)邏輯層，具有應(yīng)用程序擴(kuò)展功能的Web服務(wù)器。

第三層為數(shù)據(jù)層，數(shù)據(jù)庫(kù)服務(wù)器。

3.3關(guān)鍵數(shù)據(jù)庫(kù)表

4.關(guān)鍵技術(shù)

4.1概述

使用Jquery框架設(shè)計(jì) Ajax異步請(qǐng)求，動(dòng)態(tài)生成業(yè)務(wù)表單與功能按鈕。使用Jquery對(duì)象，底層用$.ajax（）方法對(duì) DOM封裝，并用Jquery的append（）實(shí)現(xiàn)頁(yè)面的動(dòng)態(tài)顯示，業(yè)務(wù)邏輯管理。用JAVA實(shí)現(xiàn)業(yè)務(wù)邏輯的操作，底層數(shù)據(jù)庫(kù)用 MySQL實(shí)現(xiàn)數(shù)據(jù)存取。

4.2 Jquery

JQuery對(duì)JavaScript事件進(jìn)行了封裝，增加并擴(kuò)展了事件處理機(jī)制。用于驗(yàn)證表單、檢測(cè)瀏覽器、創(chuàng)建cookies。 JQuery的事件發(fā)展：簡(jiǎn)單事件綁定-->bind事件綁定-->delegate事件綁定-->on事件綁定

4.3 創(chuàng)建 Ajax引擎

使用用Jquery框架來(lái)簡(jiǎn)化Ajax引擎的開(kāi)發(fā)，通過(guò)瀏覽器的Javascript對(duì)象Ajax引擎向服務(wù)器發(fā)送異步請(qǐng)求并接收服務(wù)器的響應(yīng)，然后用Javascript來(lái)操作DOM來(lái)更新頁(yè)面。

參考文獻(xiàn)：

[1] 張玲玲.深入體驗(yàn)Java Web項(xiàng)目開(kāi)發(fā)[M].清華大學(xué)出版社，2011.

[2] 陳磊.JSP設(shè)計(jì)與開(kāi)發(fā)[M] .北京理工大學(xué)出版社，2011.

[3] 盧衛(wèi)杰.基于輕量級(jí)J2EE框架的WEB信息系統(tǒng)的研究和應(yīng)用[J] .長(zhǎng)春理工大學(xué)，2008.

[4] 唐愛(ài)國(guó).Web2.0動(dòng)態(tài)網(wǎng)站開(kāi)發(fā)：JSP技術(shù)詳解與應(yīng)用實(shí)踐[M].清華大學(xué)出版社，2009.

[5] 聶哲.JSP動(dòng)態(tài)Web技術(shù)實(shí)例教程[M].高等教育出版社，2009.