計算機軟件工程專業(yè)級實訓(xùn)答辯_第1頁
計算機軟件工程專業(yè)級實訓(xùn)答辯_第2頁
計算機軟件工程專業(yè)級實訓(xùn)答辯_第3頁
計算機軟件工程專業(yè)級實訓(xùn)答辯_第4頁
計算機軟件工程專業(yè)級實訓(xùn)答辯_第5頁
已閱讀5頁，還剩21頁未讀， 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進行舉報或認領(lǐng)

文檔簡介

計算機軟件工程專業(yè)09級實訓(xùn)匯報班級：軟件092學(xué)號：2009111124姓名：林燕電話容提要實訓(xùn)目的/目標實訓(xùn)內(nèi)容及要求實訓(xùn)內(nèi)容實現(xiàn)實訓(xùn)演示實訓(xùn)總結(jié)jQuery上傳、信息修改

jQuery的定義Jquery是繼prototype之后又一個優(yōu)秀的Javascrīpt框架。它是輕量級的js庫(壓縮后只有21k)，它兼容CSS3，還兼容各種瀏覽器（IE6.0+,FF1.5+,Safari2.0+,Opera9.0+）。jQuery使用戶能更方便地處理HTMLdocuments、events、實現(xiàn)動畫效果，并且方便地為網(wǎng)站提供AJAX交互。jQuery還有一個比較大的優(yōu)勢是，它的文檔說明很全，而且各種應(yīng)用也說得很詳細，同時還有許多成熟的插件可供選擇。jQuery能夠使用戶的html頁保持代碼和html內(nèi)容分離，也就是說，不用再在html里面插入一堆js來調(diào)用命令了，只需定義id即可。實訓(xùn)目的/目標使用jquery.form插件實現(xiàn)文件上傳，使用jquery.tools.min.js插件實現(xiàn)tab頁顯示通知表的信息包括：通知編號、標題、內(nèi)容、附件文件地址、發(fā)布時間、發(fā)布人。上傳文件存放在項目目錄下的uploadfiles文件夾下實訓(xùn)內(nèi)容及要求1.認識選擇符$要求：了解$()、CSS選擇符、XPath選擇符、自定義選擇符的含義，學(xué)會使用這些選擇符以及$(document).ready()方法。2.事件要求：理解事件的綁定，熟練使用常用的事件：click、toggle、hover、show、hide、trigger3.效果——為操作添加藝術(shù)性要求：熟練使用各種效果4.DOM操作要求：能夠熟練的使用jquery提供的方法靈活地操作DOM元素5.ajax追加文件要求：使用jquery方法追加html文件6.ajax實現(xiàn)表單提交要求：使用jquery.form插件實現(xiàn)表單提交7.綜合實驗要求:使用jquery.form插件實現(xiàn)文件上傳，使用jquery.tools.min.js插件實現(xiàn)tab頁顯示實訓(xùn)內(nèi)容實現(xiàn)1.jQuery代碼實現(xiàn)<scripttype="text/javascript">$(document).ready(function(){ loadXmlDoc();});functionloadXmlDoc(){ $.get("../servlet/GetServlet",{flag:"1"},function(data){

varnoticearray=eval(data); $('#mytabletr:gt(0)').remove(); $.each(noticearray,function(index,item){ $('#mytable').append( "<tr><td>"+item.id+"</td><td>"+item.title+"</td><td>"+item.content+"</td><td>"+item.annex+"</td><td>"+item.time+"</td><td>"+item.owner+"</td><td><ahref='javascript:delnotice("+item.id+")'>刪除</a></td></tr>"); }); });}</script><scripttype="text/javascript">functiondelnotice(vsno){

if(confirm("確定要刪除學(xué)號為"+vsno+"的記錄嗎？")==true){ $.get("../servlet/DeleteServlet",{ id:vsno },functioncall(){ loadXmlDoc(); }); }}</script><scripttype="text/javascript">functionaddnotice(){ $('#addform').ajaxSubmit({ dataType:'json', success:function(data){ //新增/修改后接著查詢結(jié)果 loadXmlDoc(); cleartext(); } });}</script><scripttype="text/javascript">functioncleartext(){ $('#title').val(""); $('#content').val(""); alert($('#annex').val());}</script>2、tabshow功能實現(xiàn)<body> <ulclass="tabs"> <li> <ahref="#">發(fā)布通知</a> </li> <li> <ahref="#">通知列表</a> </li> </ul><divclass="panes"><div><formid="addform"action="../servlet/UploadServlet"method="post“enctype="multipart/form-data"> 標題：<inputtype="text"id="title"name="title"/><p> 內(nèi)容：<textareaid="content"name="content"></textarea><p> 文件：<inputtype="file"id="annex"name="annex"/> <p> <inputtype="button"value="提交"onclick="addnotice()"/></form></div><div><tableid="mytable"><tr> <tdwidth="80px">通知編號 </td> <tdwidth="80px"> 標題 </td> <tdwidth="120px"> 內(nèi)容 </td> <tdwidth="250px"> 附件地址 </td> <tdwidth="160px"> 發(fā)布時間 </td> <tdwidth="60px"> 發(fā)布人 </td> <tdwidth="40px"> 管理 </td> <tdwidth="40px"> </td></tr></table></div></div></body>

3.Servlet實現(xiàn)上傳功能public

class

UploadServlet

extendsHttpServlet{

protected

voiddoGet(HttpServletRequestrequest, HttpServletResponseresponse)throwsServletException,IOException{ //TODOAuto-generatedmethodstub response.setContentType("text/html;charset=UTF-8"); response.setHeader("Cache-Control","no-cache"); Stringstrresult="上傳成功！";

try{ DiskFileUploadfu=newDiskFileUpload(); fu.setHeaderEncoding("UTF-8");//解決中文亂碼關(guān)鍵 //設(shè)置允許用戶上傳文件大小,單位:字節(jié) fu.setSizeMax(10*1024*1024); //設(shè)置最多只允許在內(nèi)存中存儲的數(shù)據(jù),單位:字節(jié) fu.setSizeThreshold(4096);//設(shè)置一旦文件大小超過getSizeThreshold()的值時數(shù)據(jù)存放在硬盤的目錄 //fu.setRepositoryPath("D:\\Tomcat"); //開始讀取上傳信息

ListfileItems=fu.parseRequest(request); //依次處理每個上傳的文件Iteratoriter=fileItems.iterator();Stringtempdir=System.getProperty("user.dir").replace("bin","webapps");System.out.println(tempdir);Stringtitle=null;Stringcontent=null;FilesavedFile=null;while(iter.hasNext()){ FileItemitem=(FileItem)iter.next(); //忽略其他不是文件域的所有表單信息

if(!item.isFormField()){ Stringname=item.getName(); FilefullFile=newFile(item.getName()); //user.dir為D:/resin savedFile=newFile(tempdir+"/Notice/uploadfiles/",fullFile.getName()); System.out.println(savedFile); item.write(savedFile); }else{ Stringname0=item.getFieldName();

if(name0.equals("title")&&item.getString()!=null){ title=item.getString(); }

if(name0.equals("content")&&item.getString()!=null){ content=item.getString(); } }}Entityentity=newEntity(); System.out.println("title="+title+","+"content="+content); entity.setTitle(title); entity.setContent(content); entity.setAnnex(savedFile.toString());

booleanflag=entity.register();

if(flag!=false){ strresult="上傳成功"; request.getSession().setAttribute("entity",entity); } }catch(Exceptione){ strresult=e.getMessage(); } request.setCharacterEncoding("gbk"); Gsongson=newGson(); Stringjson=gson.toJson(strresult); response.getWriter().write(json); }protected

voiddoPost(HttpServletRequestrequest, HttpServletResponseresponse)throwsServletException,IOException{ //TODOAuto-generatedmethodstub doGet(request,response); }}實訓(xùn)演示圖一、通知列表圖二、tabshow頁面顯示實訓(xùn)總結(jié)在這一次實訓(xùn)中對jQuery開發(fā)方面取得了一定的了解，對于使用servlet實現(xiàn)了文件的上傳功能也取得了進步。同時我也認識到要熟練的掌握好jQuery，并將之運用于實踐中仍需要繼續(xù)努力，不斷豐富自己的經(jīng)驗才行。這次實訓(xùn)是對我們?nèi)陮W(xué)習(xí)的一個檢驗，雖然項目中很多知識我們在日常的學(xué)習(xí)中都沒有遇到，這同時提醒我：要想成為一個合格的程序員就有具備一種自學(xué)能力，在工作中會遇到很多從未接觸過的問題，當(dāng)有了問題時要去解決，在你不斷努力，尋找答案的過程中，自己的能力也在潛移默化的提升。有時遇到問題時可能有很多想法但卻不知道那個正確，這就讓我們不斷地去探索，不斷地嘗試。我相信通過這一次的實訓(xùn)，獲得的知識和實踐經(jīng)驗將會對我終身受益。網(wǎng)店網(wǎng)店遣是基織于as學(xué)p.采ne雹t的三駕層架恰構(gòu)“三夸層”馳應(yīng)用他結(jié)構(gòu)條：數(shù)術(shù)據(jù)訪捷問層董、業(yè)摘務(wù)邏認輯層默（領(lǐng)突域?qū)幽啵?、肅表示卵層分層掀的設(shè)扒計：結(jié)構(gòu)證清晰辛、耦疏合度蛇低便于歐系統(tǒng)片的擴根展。利于元開發(fā)覽任務(wù)活同步幻玉進行伴。降低瓜了一謎定的太性能鋪。實訓(xùn)兄內(nèi)容數(shù)據(jù)也庫搭道建使用Sq襖ls蠢er自ve抹rMa糠na盾ge學(xué)me桌nt混S之tu焰di轎o建立廈數(shù)據(jù)留庫--莫(1折)、建那立商層品表Cr齡ea銅te眨ta鈔bl捐e雜[tb范_C桌om病mo轎di林ty](idin布tID瀉EN推TI病TY渡(1導(dǎo),麻1)謹NO吸T普NU符LL合PR街IM辟AR山Y(jié)麥KE碌Y,Co勒mm翁od傅it級yN害am蕉eVA眠RC廁HA柿R(商10胡0)蓬,Sh才or怕tN灣am畜eVA闊RC起HA溜R(術(shù)50述)邀,Pr蹤蝶od洽uc牛eP寇la政ceVA腫RC肝HA目R(吊10注0)介,Un險it雀VA械RC貼HA廉R(冒20殃)挎,Sp必ec外s嶼VA衡RC愧HA嗚R(痛50慚)阻,實訓(xùn)幸內(nèi)容鉤實現(xiàn)Pa吉ss途Nu貓mb莖erVA障RC爛HA積R(墓50貝)折,Pa且ss亦Li翠stVA辭RC爛HA屢R(宇50丙)盛,Co版mp助an紫yI桌dIN社T敞N做OT歉NU綿LL笑,Re就ma嫌rk裝VA勇RC穿HA珠R(優(yōu)50編0)春,Us除er名na單me太V農(nóng)AR康CH犧AR肥(5膛0)份,Ad亡dT戴im革eVA堵RC單HA湯R(馳50叨)夏,to餃ta污lin蛙t,fo他re堅ig冊n盾ke評y碼(Co浸mp寶an逃yI贊d)木re桌fe英re范nc黎es漢[tb虜_C關(guān)om寨pa饅ny煮](避id),)--重(2閘)、公找司信歉息表Cr俘ea顯te勢ta秒bl哥etb摧_C便om萄pa鎖ny(idin翻tID者EN率TI鬼TY漆(1跟,爺1)倒N鍋OT拼N曬UL舍L蓋PR它IM話AR凳Y膚KE禿Y,Co記mp鉛an訊yN愛am收eVA麥RC陪HA夾R(鬧50泥),Co蜜mp瓜an呀y(tǒng)T處yp鞏eVA鑼RC探HA朱R(融50李)腥,Co責(zé)mp懸an婆yS箱ho峰rtVA回RC佩HA減R(睛50庭)辜,Co躲mp秤an獨yA礙dd梨re斷ssVA賢RC鐮HA群R(學(xué)50毒)籃,Po鍛st飼al遭co高deVA截RC扣HA泰R(佩50盾)浙,Te爪l丑VA搖RC泊HA漁R(壓50要)側(cè),Fa般x碼VA類RC幅HA費R(徐50選)賭,Li波nk吵ma盡n證V泰AR晃CH致AR次(5葵0)炎,Em敘ai誕l塵VA選RC飽HA陸R(練50陰)堅,實訓(xùn)干演示剛進姿入主路界面鞭時候英的左探欄只影有部掛分導(dǎo)各航加到入了金鏈接。只有陸這幾隨個導(dǎo)盒航欄液加入貢了山址東建罰筑大療學(xué)的盆鏈接重。實訓(xùn)肺演示點擊醫(yī)最頂外上方鏟的導(dǎo)般航欄砍后，洗各個縮慧相應(yīng)毅的子吉菜單礎(chǔ)會顯注示在赤左邊吐的一抄欄。州比如蒙點擊蘆公司/物品傘信息桐后，

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

最新文檔

評論

0/150

提交評論