謝紅

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

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

中圖分類號：TP311 文獻標識碼：A 文章編號：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)站可以樹立企業(yè)形象，宣傳企業(yè)產(chǎn)品，提高企業(yè)的知名度和品牌。企業(yè)建立網(wǎng)站，是企業(yè)在網(wǎng)絡時代展現(xiàn)自身實力和尋求發(fā)展的重要途徑[1]。但是，現(xiàn)在大大小小的網(wǎng)站多如牛毛，如何使網(wǎng)站脫穎而出，吸引更多人的注意力成為重中之重。圖片輪播以其展示內(nèi)容豐富多彩，實現(xiàn)功能簡單快捷成為網(wǎng)站引人入勝的利器。

1.1 圖片輪播介紹

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

1.2 JSP介紹

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

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

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

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

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

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

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

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

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

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

3 結(jié)束語

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

參考文獻：

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

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

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