WEB應用程序設計

WEB應用程序設計主講：楊亞蕾聯(lián)系方式電話-mail：yang_yalei@163.com辦公地址：C2-305信息工程教研室福建工程學院——楊亞蕾課程簡介專業(yè)課先導課程：計算機網絡，JAVA語言，靜態(tài)網頁制作（HTML）注重實踐，快速掌握JSP編程技術。福建工程學院——楊亞蕾教材Web程序設計--JSP孫延鵬呂曉鵬編著人民郵電出版社網址：福建工程學院——楊亞蕾主要內容JSP簡介JSP實現(xiàn)網站計數(shù)器JSP實現(xiàn)用戶注冊JSP與Servlet實現(xiàn)用戶登錄JSP與JavaBean實現(xiàn)用戶信息查詢JSP實現(xiàn)圖片上傳和讀取顯示JSP實現(xiàn)留言板綜合案例福建工程學院——楊亞蕾第1章JSP概述JSP（JavaServerPages）由SunMicrosystems公司倡導、許多公司參與建立的一種動態(tài)網頁技術標準。JSP技術由Java語言作為腳本語言。JSP為整個服務器端Java庫單元提供了一個接口，該接口服務于HTTP應用程序。福建工程學院——楊亞蕾1.1Java語言簡介面向對象的高級編程語言最早誕生于1991年Sun公司Oak1994年JavaSE,JavaEE,JavaME福建工程學院——楊亞蕾1.2Web基礎萬維網（WorldWideWeb，WWW）是英國人TimBerners-Lee于1989年在歐洲共同體的一個大型科研機構任職時發(fā)明的。通過WWWInternet上的資源可以在一個網頁中比較直觀地表示出來，而且網頁之間可以通過鏈接跳轉。Web2.0福建工程學院——楊亞蕾1.2.1Web簡介Web定義了Web客戶端（Web瀏覽器）和Web服務端如何通信。通過瀏覽器訪問發(fā)送一系列簡單的消息來相互通信。首先，客戶端通過Web瀏覽器向Web服務器發(fā)出一個消息，請求希望接收的一個特定的Web頁面，如果頁面存在，Web服務器做出響應，并返回一個包含響應Web頁面的消息。如果客戶端要查看其他頁面，Web瀏覽器會向Web服務器發(fā)送其他請求，同時Web服務器用相應的Web頁面做出響應。福建工程學院——楊亞蕾1.2.2HTTP簡介HTTP（HyperTextTransferProtocol，超文本傳輸協(xié)議）是一種Internet上常見的協(xié)議，用于傳輸超文本標記語言（HyperTextMarkupLanguageHTML）編寫的文件，也就是通常所說的網頁。通過這個協(xié)議，可以瀏覽網絡上的各種信息，在瀏覽器上看到豐富多彩的內容?；贖TTP的客戶端/服務端信息通信分為4個過程：建立連接、發(fā)送請求、發(fā)送響應信息、關閉連接。福建工程學院——楊亞蕾1.2.3B/S結構簡介Browser/Server（瀏覽器/服務器）B/S結構是三層體系結構Browser(瀏覽器）Web服務器數(shù)據(jù)庫HTTPHTML福建工程學院——楊亞蕾1.2.4C/S結構簡介C/S是Client/Server的縮寫，C/S結構是二層結構平臺模式。C/S結構要求客戶端要安裝指定的軟件，客戶端負責執(zhí)行前端的數(shù)據(jù)處理，服務端進行后端的服務處理。目前大多數(shù)的網絡游戲都是采用C/S結構。C/S結構如圖所示。福建工程學院——楊亞蕾1.2.5B/S結構與C/S結構比較B/S結構與C/S結構有著本質上的不同。在軟件規(guī)劃過程中，需要恰當?shù)剡x擇軟件結構。這兩種結構各有優(yōu)缺點服務器負荷量，維護費用，升級方便性，選擇性，安全性福建工程學院——楊亞蕾1.2.6網站的構成網站結構一般分為3層：用戶界面交互層、應用程序層、數(shù)據(jù)庫層，在本書中，用戶界面交互層通常采用JSP或者HTML來創(chuàng)建界面，利用JavaScript和CSS來豐富界面效果。應用程序層主要使用Java語言來處理各種不同的業(yè)務需求，在數(shù)據(jù)庫層可以通過一些存儲過程來處理數(shù)據(jù)的存儲和檢索。業(yè)務要求。所謂業(yè)務就是要實現(xiàn)的功能。福建工程學院——楊亞蕾1.3Servlet和JSP技術Servlet和JSP技術都是屬于Web層的技術。這兩項技術都可以解決動態(tài)網頁的生成問題，但最好的方式是取兩項技術各自的長處：JSP負責網頁表現(xiàn)設計，Servlet負責跳轉控制。每一個JSP文件在執(zhí)行之前都會被轉化成Servlet文件，如圖1-3所示。在通常的開發(fā)過程中，JSP主要負責與用戶交互的界面的實現(xiàn)，而Servlet主要負責請求處理結束后的跳轉控制。這兩者有著不可分割的聯(lián)系，也有一些區(qū)別。在學習過程中應該抓住這兩種技術各自的特點，靈活地將其應用在合適的地方。福建工程學院——楊亞蕾1.乞3.變1Se吉rv封le鳥t簡介Se昂rv諷le闊t是用Ja倒va編寫鉆的服相務端吊程序簽，它擦與協(xié)剛議和睛平臺醒無關霸。Se偷rv陳le礙t運行殼在Ja播va的W候eb訪S悔er稱ve派r上，貍并采昌用了形請求懂－響壁應的五模式列提供里服務脹。在康介紹Se揚rv徹le宅t時需粗要了沾解另脊一種兆技術——疏CG夠I。CG閱I（Co錫mm滋on變G迎at址ew邪ay兵I頁nt餓er廣fa留ce）是HT舉TP服務您器與待其他等機器權上的逢程序羽進行陜“交購談”辟的一仰種工集具，宵其程庫序必刮須運櫻行在襖網絡刪服務杯器上少。福建寇工程哥學院——楊亞送蕾1.砍3.盟2Se隆rv紡le慘t的生寇命周酬期Se酷rv夕le皆t的生走命周配期可例以分傲為4個階蝦段：慣載入攏、初搜始化身、執(zhí)鐮行、蜻刪除福建達工程差學院——楊亞擋蕾1.赤3.碑3職J館SP簡介在傳蜘統(tǒng)的娘網頁唇文件HT梅ML中加近入Ja貪va程序慘片段班和JS察P標記世，就裹構成掀了JS倘P網頁翠。由逢于利帳用Se惹rv菠le編t技術畢在實草現(xiàn)用灑戶交續(xù)互界矛面時歉需要皇復雜扇冗余派的代攪碼，好增加錯了開哄發(fā)的球難度粱。為訪了彌炭補Se婦rv無le汗t在表粗現(xiàn)力然上的鐮匱乏慨，Su些n公司隔推出喇了JS鄙P技術瞧。JS區(qū)P是對Se翠rv假le撞t的簡親化，康每個JS若P文件統(tǒng)在執(zhí)超行之趣前都便會被鞋轉化淋成Se撿rv撓le聞t文件屠。福建欺工程吳學院——楊亞息蕾1.拌3.隔4波J遲SP與其膊他技絡術的禿比較如今判，編魂寫動括態(tài)網絲式頁的調語言跟越來零越多廚，其歉中比鉤較主爹流的射有AS鵲P、PH擱P、JS捐P等。在幾種緊語言鋒都有旦各自況的優(yōu)內缺點夫。JS釋P與AS厘P比較添，有禍以下請幾點尤優(yōu)勢漿。利用JS零P可以資支持EJ歌B，以拜支持Tr糖an坊sa領ct腎io圣n和CO賠RB趨A標準惱，而粗且還臨可以岔支持LD含AP往Me摩ss娛ag沫e等服信務，鋸使得布訪問ER童P、CI癥CS、MQ等企腔業(yè)應魚用非磨常容梢易。耐而PH堅P在這彎方面弱先天犁不足圾，所命以對回于電呢子商膽務這猾樣的Mi罷ss受io盜n-經cr艷it宋ic形al應用餐來說戒，PH過P并不著適合畜。福建道工程徹學院——楊亞看蕾1.哈4味J眾SP開發(fā)件和運房誠行環(huán)殼境簡貞介JS腹P技術妻是基滅于Ja般va語言特的動瓦態(tài)網折頁開扎發(fā)技統(tǒng)術。捧在開俱發(fā)過巨程中績，需泄要搭每建一白個以Ja律va語言趴為基忠礎的科開發(fā)扇環(huán)境藥、軟組件開捉發(fā)包讓（JD咬K）和皆運行演環(huán)境際（JR透E）。歇見于We調b應用魄的特現(xiàn)點，疲還需雙要一桿些支憶持Ja居va語言停的We圍b應用賠服務閱器，它如To命mc縣at、Jb朽os課s、We嗽bl影og是ic等（宿本書強將著幸重介秀紹To硬mc屬at的安內裝和施使用星）。雷最后煙是數(shù)蠶據(jù)庫偷的安握裝和使使用佩，本熱書主厚要以SQ逐L練Se緣瑞rv翁er數(shù)據(jù)惠庫服灘務器撇為介賠紹對鉤象。JD拖K的安呼裝和膛配置應用暫服務厚器的友安裝決和配煎置開發(fā)額工具娛的安規(guī)裝數(shù)據(jù)紗庫的塘安裝亂及配黨置福建朝工程委學院——楊亞拌蕾1.征5第一向個Se牧rv軌le穿t程序在開處發(fā)第壘一個Se紹rv噸le萄t程序勸之前茂需要捷先搭教建一諒個We鋒b項目慌，因傅為無巡壽論是腸開發(fā)Se趁rv照le識t還是JS深P程序雖都需閘要基舌于一闖個We蒙b項目普通We筋b項目泊文件愉結構兵主要莫由以私下3部分惰組成侍：Ja珠va砌R塔es數(shù)ou象rc線es：存劉放資機源文嗚件，傘如Ja霧va文件到、Ja挑r包等替。bu血il右d：存婚放Ja趴va文件寧被編巖譯后沃的cl鐵as勢s文件劣。We竄bC萄on哨te金nt：存侍放網裂頁資液源文拜件，擾如JS鍬P、HT改ML等。do炭Po飲st方法探體中雀代碼do動Ge需t和do肌Po圣st是常友用的室處理嗽請求但方式挨，這劑兩種秧方式績有一聰些區(qū)就別do拒Ge留t和do毯Po冒st的比女較do境Ge弦tD磚oP周os菜t請求確提交憲方式約通過UR最L地址貓欄提陰交通蠻過表旦單提億交提表交長續(xù)度受依限制心不受獎安全雕性低量相對do陷Ge師t安全洗性稍像好些福建煮工程沫學院——楊亞蘇蕾1.喜6第一就個JS邁P程序JS廳P頁面播主要鉤由HT慌ML和Ja泡va代碼格構成近。Ja早va代碼老是通頓過<%和%>符號端加入別到HT利ML代碼拉中間擺的JS轟P指令JS警P聲明JS柴P表達饅式JS男P代碼椅塊福建鐵工程杠學院——楊亞滲蕾JS矛P頁面在傳巾統(tǒng)的HT腸ML頁面統(tǒng)文件驢中加搞入Ja茂va程序英片和JS昌P標簽改就構練成一或個JS饞P頁面皆文件騾。使用解標記租符號產“<%拘”、“%>恢”加入Ja貢va程序悔片文件姿的擴初展名的為js阻p文件狂的名勤字必繭須符鏡合標址識符獎規(guī)定歪，有姥大小指寫之甚分福建冊工程惠學院——楊亞拒蕾JS不P文件摘結構課及主輪要標賓簽<%似@紫pa均geco做nt涌en暴tT瀉yp蠶e="的te腥xt排/ht沫ml掙;c灰ha昨rs筐et=g痕b2椅31勵2"論%濤><%泛@熱pa促ge察i章mp箏or輩t=撥"j咬av州a.昆ut懂il攀.*大“結%>..佩.<H啟TM惜L><B觀OD酒Y>其他HT糧ML語言<%符合JA夜VA語法議的JA具VA語句%>其他HT魯ML語言</端BO盜DY必></雹HT課ML剛>福建熱工程僻學院——楊亞患蕾<%殺@口pa粒geco委nt疫en吳tT惜yp欠e="走te盜xt舍/ht冶ml籃;c吧ha梢rs懂et=g黑b2償31險2"棚%具><%賄@烘pa加ge者i興mp碗or鋤t=慈"j瀉av麗a.桌ut愉il燥.*阻"%只><H榴TM神L><B梢OD熄Y><%fo并r鋪(in毒ti=爐0;村i譯<2李;盤i+牧+遙){ou芒t.兩pr變in扔tl需n(“你好<br>”執(zhí));}%></紗BO傻DY扣></師HT膜ML的><H袖TM乘L><B針OD陷Y>你好<br>你好<br></撤BO震DY弦></圖HT緣瑞ML鞋>福建衫工程史學院——楊亞索蕾JS付P執(zhí)行士過程*.js礎p*.案ja爹va*.錦cl生as妹srequestresponse執(zhí)行jspparserJSDKse潛rv現(xiàn)le船t分析昌器福建牌工程置學院——楊亞別蕾福建面工程贊學院——楊亞暫蕾第2章JS寨P實現(xiàn)怕網站打計數(shù)躬器主要胃內容擦：JS身P讀寫緊文件網站箭計數(shù)銀器的育設計泉實現(xiàn)福建旨工程園學院——楊亞梳蕾2.暖1網站詠計數(shù)播器實鉗現(xiàn)原棵理福建抹工程夸學院——楊亞司蕾JS怖P中讀請取文筆本文備件內漸容JS栗P中讀畜取文勒本文丙件內光容主們要是米通過Ja息va的讀競取文貍件類輪，由JS戚P通過浮瀏覽罵器顯處示結襲果。夠這樣嶺的文承