1、 JAVA WEB 程序設(shè)計課程實習(xí)報告題 目 JSP 學(xué)習(xí)網(wǎng)站專 業(yè) 計算機網(wǎng)絡(luò)技術(shù)班 級 網(wǎng)絡(luò)092學(xué) 號 0姓 名 鄧章鵬指導(dǎo)老師 涂超完成日期 2011年12月31日 成 績 目 錄一、 程序設(shè)計整體說明1、 實習(xí)目的2、 實習(xí)要求3、 功能結(jié)構(gòu)4、 功能展示5、 數(shù)據(jù)庫表6、 程序漏洞二、 程序可以改進的地方三、 程序部分源代碼四、 實習(xí)心得五、 參考文獻六、 安裝說明一、 程序設(shè)計整體說明在本學(xué)期的JSP程序設(shè)計課程里我受益匪淺。但離正在熟練掌握JSP這門技術(shù)還是很遠，希望在以后加強學(xué)習(xí)。JSP(JAVA SERVER PAGES)是一種動態(tài)網(wǎng)頁技術(shù)標準。它可以無縫地運行在UNIX

2、、LINUX、WINDOWS操作系統(tǒng)平臺上。利用這一技術(shù)可以建立安全、跨平臺的先進動態(tài)網(wǎng)站。這課程實習(xí)程序里我選擇利用SQL Server和Java 技術(shù)和Dreamweaver和myeclipse建立一個jsp學(xué)習(xí)網(wǎng)站提供給jsp愛好者使用。我的網(wǎng)站分為四大模塊：分別是今日最新鮮、名師講堂、ie圖書館、bbs論壇。a) 實習(xí)目的1.1了解jsp編程環(huán)境myeclipse1.2熟悉jsp、javabean、serverlet1.3熟悉編寫一個web應(yīng)用程序系統(tǒng)開發(fā)的完整過程1.4完成一個基于jsp應(yīng)用系統(tǒng)開發(fā)。b) 實習(xí)要求在掌握jsp的基礎(chǔ)上，自我選擇web應(yīng)用課題，完成資料收集、數(shù)據(jù)庫設(shè)計

3、、系統(tǒng)功能設(shè)計，最后實現(xiàn)一個較完整的web系統(tǒng)設(shè)計。根據(jù)要求我選擇了“jsp學(xué)習(xí)網(wǎng)站”的系統(tǒng)開發(fā)（主要是提供最新的jsp編程技術(shù)、視頻教程、jsp圖書在線閱讀、bbs論壇、登錄注冊、空間、等綜合型網(wǎng)站）c) 功能結(jié)構(gòu) 海大jsp學(xué)習(xí)網(wǎng)站今日最新鮮名師講堂Ie圖書館Bbs論壇登錄注冊瀏覽今天的jsp的新聞和最新技術(shù)看站長提供的在優(yōu)酷土豆網(wǎng)上的jsp視頻教程在線看jsp最新圖書和眾多網(wǎng)友一起在線分享jsp技術(shù)和交流心得登錄網(wǎng)站和注冊帳號d) 功能展示3.1主頁3.2登錄界面3.3注冊界面e) 數(shù)據(jù)庫表Student表f) 程序漏洞在編寫代碼的時候因為知識面有限和時間不充足，很多地方有以后更改。A、

4、 整個網(wǎng)站的美工不是很好B、 注冊沒有驗證碼C、 還有些功能模塊沒有實現(xiàn)二、 程序可以改進的地方A、 加強圖片的效果B、 注冊加入驗證碼C、 Bbs模塊要實現(xiàn)D、 后臺管理應(yīng)該加強三、 程序部分源代碼Index.jsp：jsp-科技以人為本var $ = function (id) return string = typeof id ? document.getElementById(id) : id;var Extend = function(destination, source) for (var property in source) destinationproperty = sou

5、rceproperty;return destination;var CurrentStyle = function(element)return element.currentStyle | document.defaultView.getComputedStyle(element, null);var Bind = function(object, fun) var args = Atotype.slice.call(arguments).slice(2);return function() return fun.apply(object, args.concat(Arra

6、totype.slice.call(arguments);var Tween = Quart: easeOut: function(t,b,c,d)return -c * (t=t/d-1)*t*t*t - 1) + b;,Back: easeOut: function(t,b,c,d,s)if (s = undefined) s = 1.70158;return c*(t=t/d-1)*t*(s+1)*t + s) + 1) + b;,Bounce: easeOut: function(t,b,c,d)if (t/=d) (1/2.75) return c*(7.5625*t*t)

7、 + b; else if (t (2/2.75) return c*(7.5625*(t-=(1.5/2.75)*t + .75) + b; else if (t (2.5/2.75) return c*(7.5625*(t-=(2.25/2.75)*t + .9375) + b; else return c*(7.5625*(t-=(2.625/2.75)*t + .) + b;/容器對象,滑動對象,切換數(shù)量var SlideTrans = function(container, slider, count, options) this._slider = $(slider);this._

8、container = $(container);/容器對象this._timer = null;/定時器this._count = Math.abs(count);/切換數(shù)量this._target = 0;/目標值this._t = this._b = this._c = 0;/tween參數(shù)this.Index = 0;/當前索引this.SetOptions(options);this.Auto = !this.options.Auto;this.Duration = Math.abs(this.options.Duration);this.Time = Math.abs(this.o

9、ptions.Time);this.Pause = Math.abs(this.options.Pause)this.Tween = this.options.Tween;this.onStart = this.options.onStart;this.onFinish = this.options.onFinish;var bVertical = !this.options.Vertical;this._css = bVertical ? top : left;/方向/樣式設(shè)置var p = CurrentStyle(this._container).position;p = relativ

10、e | p = absolute | (this._container.style.position = relative);this._container.style.overflow = hidden;this._slider.style.position = absolute;this.Change = this.options.Change ? this.options.Change :this._sliderbVertical ? offsetHeight : offsetWidth / this._count;SlideTtotype = /設(shè)置默認屬性 SetOp

11、tions: function(options) this.options = /默認值Vertical:true,/是否垂直方向（方向不能改）Auto:true,/是否自動Change:0,/改變量Duration:50,/滑動持續(xù)時間Time:10,/滑動延時Pause:4000,/停頓時間(Auto為true時有效)onStart:function(),/開始轉(zhuǎn)換時執(zhí)行onFinish:function(),/完成轉(zhuǎn)換時執(zhí)行Tween:Tween.Quart.easeOut/tween算子;Extend(this.options, options | ); , /開始切換 Run: fu

12、nction(index) /修正indexindex = undefined & (index = this.Index);index = this._count & (index = 0);/設(shè)置參數(shù)this._target = -Math.abs(this.Change) * (this.Index = index);this._t = 0;this._b = parseInt(CurrentStyle(this._slider)this.options.Vertical ? top : left);this._c = this._target - this._b;this.onStar

13、t();this.Move(); , /移動 Move: function() clearTimeout(this._timer);/未到達目標繼續(xù)移動否則進行下一次滑動if (this._c & this._t this.Duration) this.MoveTo(Math.round(this.Tween(this._t+, this._b, this._c, this.Duration);this._timer = setTimeout(Bind(this, this.Move), this.Time);elsethis.MoveTo(this._target);this.Auto &

14、(this._timer = setTimeout(Bind(this, this.Next), this.Pause); , /移動到 MoveTo: function(i) this._slider.stylethis._css = i + px; , /下一個 Next: function() this.Run(+this.Index); , /上一個 Previous: function() this.Run(-this.Index); , /停止 Stop: function() clearTimeout(this._timer); this.MoveTo(this._target)

15、; ; 手機jsp網(wǎng) jsp視頻 設(shè)為首頁 加入收藏 導(dǎo)航 注冊 登錄 var now=new Date()document.write(now.getHours()+:+now.getMinutes()+:+now.getSeconds()+time) var forEach = function(array, callback, thisObject)if(array.forEach)array.forEach(callback, thisObject);elsefor (var i = 0, len = array.length; i len; i+) callback.call(thi

16、sObject, arrayi, i, array); var st = new SlideTrans(idContainer2, idSlider2, 5, Vertical: false );var nums = ;/插入數(shù)字for(var i = 0, n = st._count - 1; i = n;)(numsi = $(idNum).appendChild(document.createElement(li).innerHTML = +i;forEach(nums, function(o, i)o.onmouseover = function() o.className = on;

17、 st.Auto = false; st.Run(i); o.onmouseout = function() o.className = ; st.Auto = true; st.Run(); )/設(shè)置按鈕樣式st.onStart = function()forEach(nums, function(o, i) o.className = st.Index = i ? on : ; )st.Run();                     &n