蔡玉 陳璇
摘 要:建設(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.