基于JSP的圖片輪播系統(tǒng)實(shí)現(xiàn)

謝紅

摘要：目前，一般企業(yè)都建立了網(wǎng)站，網(wǎng)站可以介紹企業(yè)，推廣產(chǎn)品，聯(lián)系客戶(hù)，提升形象。網(wǎng)站為了吸引注意力往往采用圖片輪播功能，圖片輪播可以采用JavaScript數(shù)組方式或者在JSP文件中使用數(shù)據(jù)庫(kù)方式實(shí)現(xiàn)，JSP文件中使用數(shù)據(jù)庫(kù)方式該文詳細(xì)介紹了這兩種方式各自的實(shí)現(xiàn)方法和優(yōu)缺點(diǎn)。

關(guān)鍵詞：JSP；JavaScript；圖片輪播；系統(tǒng)實(shí)現(xiàn)

中圖分類(lèi)號(hào)：TP311 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1009-3044（2016）20-0101-03

Abstract：At present， general enterprises have set up a website，website can introduce enterprise，promote products，contact customers，improve image. The website in order to attract attention often uses the picture carousel function， system implementation of picture carousel can be achieved using JavaScript array or database in JSP files etc.， in this paper， the realization methods and advantages and disadvantages of these two methods are introduced in detail.

Key words： JSP； JavaScript； picture carousel； system implementation

1 背景

網(wǎng)站可以樹(shù)立企業(yè)形象，宣傳企業(yè)產(chǎn)品，提高企業(yè)的知名度和品牌。企業(yè)建立網(wǎng)站，是企業(yè)在網(wǎng)絡(luò)時(shí)代展現(xiàn)自身實(shí)力和尋求發(fā)展的重要途徑[1]。但是，現(xiàn)在大大小小的網(wǎng)站多如牛毛，如何使網(wǎng)站脫穎而出，吸引更多人的注意力成為重中之重。圖片輪播以其展示內(nèi)容豐富多彩，實(shí)現(xiàn)功能簡(jiǎn)單快捷成為網(wǎng)站引人入勝的利器。

1.1 圖片輪播介紹

圖片輪播又稱(chēng)圖片輪轉(zhuǎn)，是在有限的網(wǎng)頁(yè)空間上按時(shí)間順序或者用戶(hù)點(diǎn)擊順序，展示多張圖片。圖片輪播會(huì)產(chǎn)生獨(dú)具魅力的動(dòng)畫(huà)效果，因此在各種網(wǎng)頁(yè)上隨處可見(jiàn)，是網(wǎng)站的常用功能。

1.2 JSP介紹

JSP是Java Server Pages的簡(jiǎn)稱(chēng)，是在HTML網(wǎng)頁(yè)文件中加入Java程序段和JSP標(biāo)記， JSP本質(zhì)上是簡(jiǎn)化的Servlet設(shè)計(jì)。在JSP文件被傳送到客戶(hù)端之前，它的語(yǔ)法在服務(wù)器端被解析，腳本程序被轉(zhuǎn)化為Servlet進(jìn)行處理。所產(chǎn)生的Servlet將生成動(dòng)態(tài)的HTML數(shù)據(jù)并將其發(fā)送到客戶(hù)端顯示[1]。

由于JSP技術(shù)不僅能夠跨平臺(tái)和兼容各種Web服務(wù)器產(chǎn)品，還把強(qiáng)大的服務(wù)器端Java技術(shù)有機(jī)地融合到了靜態(tài)網(wǎng)頁(yè)的構(gòu)造中去，因此，利用JSP技術(shù)可以建立跨平臺(tái)、可靠性高和先進(jìn)的動(dòng)態(tài)網(wǎng)站[2]。

2 系統(tǒng)實(shí)現(xiàn)

實(shí)現(xiàn)圖片輪播功能的常用方法有JavaScript數(shù)組方式或者在JSP文件中使用數(shù)據(jù)庫(kù)方式，這兩種方式各有利弊，下面分別詳細(xì)介紹各自的實(shí)現(xiàn)方法和優(yōu)缺點(diǎn)。

22.1 JavaScript數(shù)組方式實(shí)現(xiàn)

圖片輪播功能可以采用JavaScript數(shù)組方式實(shí)現(xiàn)，用數(shù)組實(shí)現(xiàn)的優(yōu)點(diǎn)是程序簡(jiǎn)單，結(jié)構(gòu)清晰，一目了然，具體代碼如下：

采用數(shù)組方式實(shí)現(xiàn)圖片輪播功能的缺點(diǎn)是圖片數(shù)量是固定不變的，圖片名稱(chēng)也是固定不變的，例如上面的程序就只有5張圖片輪播，圖片的名稱(chēng)只能是main1.png到main5.png，這就為用戶(hù)管理圖片輪播功能帶來(lái)很大的麻煩，用戶(hù)如果想更換圖片，只能用圖片替換覆蓋的方法，操作繁瑣，有很大的局限性，而采用在JSP文件中使用數(shù)據(jù)庫(kù)方式實(shí)現(xiàn)圖片輪播就能解決上述問(wèn)題。

2.2 數(shù)據(jù)庫(kù)方式實(shí)現(xiàn)

在JSP文件中使用數(shù)據(jù)庫(kù)方式實(shí)現(xiàn)圖片輪播，具體代碼如下：

在JSP文件中使用數(shù)據(jù)庫(kù)方式實(shí)現(xiàn)圖片輪播，后臺(tái)數(shù)據(jù)庫(kù)用的是MySQL。采用數(shù)據(jù)庫(kù)方式實(shí)現(xiàn)圖片輪播，不但圖片數(shù)量是任意的，圖片名稱(chēng)也由計(jì)算機(jī)系統(tǒng)自動(dòng)生成，無(wú)需用戶(hù)管理，例如上面的程序，用戶(hù)只需上傳圖片，上傳的圖片自動(dòng)存在數(shù)據(jù)庫(kù)中，最多可以實(shí)現(xiàn)10萬(wàn)張圖片的自由輪播，配合圖片刪除程序，即可輕松管理圖片輪播功能，當(dāng)然，即使使用數(shù)據(jù)庫(kù)方式實(shí)現(xiàn)圖片輪播，圖片存放在數(shù)據(jù)庫(kù)中，播放控制依然要借助JavaScript實(shí)現(xiàn)，可見(jiàn)JavaScript應(yīng)用之廣泛。

3 結(jié)束語(yǔ)

網(wǎng)站是企業(yè)展示信息的平臺(tái)，網(wǎng)站信息豐富，傳播迅速，更新及時(shí)，受眾面廣。網(wǎng)站為了實(shí)現(xiàn)良好的視覺(jué)效果，常常采用圖片輪播功能。圖片輪播可以采用JavaScript數(shù)組方式或者在JSP文件中使用數(shù)據(jù)庫(kù)方式，兩者相比較而言，數(shù)據(jù)庫(kù)方式對(duì)圖片的管理更加方便靈活，但是實(shí)現(xiàn)方法要復(fù)雜一些，同時(shí)也離不開(kāi)JavaScript的幫助。

參考文獻(xiàn)：

[1] 陳爽， 何蘭. 關(guān)于企業(yè)網(wǎng)絡(luò)營(yíng)銷(xiāo)的有效手段——網(wǎng)絡(luò)廣告的研究[J]. 中國(guó)商貿(mào)， 2012（1l）： 2l-22.

[2] 張波， 張福炎. 基于JSP技術(shù)的Web應(yīng)用程序的開(kāi)發(fā)[J]. 計(jì)算機(jī)應(yīng)用研究， 2001， 18（5）： 99-101.

[3] 邊清剛， 潘東華. Tomcat和Apache集成支持JSP技術(shù)探討[J]. 計(jì)算機(jī)應(yīng)用研究， 2003（6）： 12-14.