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

蔡玉 陳璇

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

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

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

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

1.系統(tǒng)分析

1.1功能需求

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

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

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

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

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

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

（7）賽事視頻：存儲歷屆國際重要比賽的視頻鏈接

（8）各院情況：主要有各個院球員名單，各個院比賽排名，還有各個院球隊生活報道。

（9）報名選拔：為新生提供報名選拔的入口

1.2 功能模塊分析

前臺實現(xiàn)的功能如下：

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

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

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

后臺實現(xiàn)的功能如下：

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

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

目前我們主要以人員錄像和體院記錄為主采集每場比賽的數(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類，對應(yīng)的主要技術(shù)指標(biāo)約有19項.

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

3.1 運行環(huán)境

集成開發(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ù)，開發(fā)人員可以使用HTML、XML標(biāo)識來設(shè)計和格式化頁面，并使用JSP標(biāo)識和小腳本生成頁面上的動態(tài)內(nèi)容，編寫的內(nèi)容輯被封裝在JavaBeans組件中，或者捆綁在腳本中，并在服務(wù)器端運行。由于內(nèi)容邏輯被封裝JavaBeans中，所以頁面設(shè)計者，能夠編輯JSP頁面而不影響內(nèi)容的生成。

JSP完全的面向?qū)ο?，具備了Java技術(shù)的簡單易用，具有平臺無關(guān)性。Web動態(tài)網(wǎng)站可以分為三層：

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

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

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

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

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

4.1概述

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

4.2 Jquery

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

4.3 創(chuàng)建 Ajax引擎

使用用Jquery框架來簡化Ajax引擎的開發(fā)，通過瀏覽器的Javascript對象Ajax引擎向服務(wù)器發(fā)送異步請求并接收服務(wù)器的響應(yīng)，然后用Javascript來操作DOM來更新頁面。

參考文獻(xiàn)：

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

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

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

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

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