基于web開發(fā)技術(shù)實習(xí)報告一、Web開發(fā)前端技術(shù)總結(jié)什么是前端技術(shù)：前端技術(shù)涉及JavaScript、jquery、html5等“傳統(tǒng)”技術(shù)與AdobeRIA、谷歌Gears,以及概念性較強的交互式設(shè)計,藝術(shù)性較強的視覺設(shè)計等等。JavaScript一種直譯式腳本語言，是一種動態(tài)類型、弱類型、基于原型的語言，內(nèi)置支持類型。它的解釋器被稱為JavaScript引擎，為瀏覽器的一部分，廣泛用于客戶端的腳本語言，最早是在HTML（原則通用標(biāo)記語言下的一種應(yīng)用）網(wǎng)頁上使用，用來給HTML網(wǎng)頁增加動態(tài)功效。JavaScript是一種屬于網(wǎng)絡(luò)的腳本語言,已經(jīng)被廣泛用于Web應(yīng)用開發(fā),慣用來為網(wǎng)頁添加各式各樣的動態(tài)功效,為顧客提供更流暢美觀的瀏覽效果。普通JavaScript腳本是通過嵌入在HTML中來實現(xiàn)本身的功效的。基本特點：是一種解釋性腳本語言（代碼不進行預(yù)編譯）。重要用來向HTML（原則通用標(biāo)記語言下的一種應(yīng)用）頁面添加交互行為。能夠直接嵌入HTML頁面，但寫成單獨的js文獻有助于構(gòu)造和行為的分離。[4]

跨平臺特性，在絕大多數(shù)瀏覽器的支持下，能夠在多個平臺下運行（如Windows、Linux、Mac、Android、iOS等）。Javascript腳本語言同其它語言同樣，有它本身的基本數(shù)據(jù)類型，體現(xiàn)式和算術(shù)運算符及程序的基本程序框架。Javascript提供了四種基本的數(shù)據(jù)類型和兩種特殊數(shù)據(jù)類型用來解決數(shù)據(jù)和文字。而變量提供寄存信息的地方，體現(xiàn)式則能夠完畢較復(fù)雜的信息解決。日慣用途：1、嵌入動態(tài)文本于HTML頁面。2、對瀏覽器事件做出響應(yīng)。3、讀寫HTML元素。4、在數(shù)據(jù)被提交到服務(wù)器之前驗證數(shù)據(jù)。5、檢測訪客的瀏覽器信息。6、控制cookies，涉及創(chuàng)立和修改等。7、基于Node.js技術(shù)進行服務(wù)器端編程。特性JavaScript腳本語言含有下列特點:(1)腳本語言。JavaScript是一種解釋型的腳本語言,C、C++等語言先編譯后執(zhí)行,而JavaScript是在程序的運行過程中逐行進行解釋。(2)基于對象。JavaScript是一種基于對象的腳本語言,它不僅能夠創(chuàng)立對象,也能使用現(xiàn)有的對象。(3)簡樸。JavaScript語言中采用的是弱類型的變量類型,對使用的數(shù)據(jù)類型未做出嚴(yán)格的規(guī)定,是基于Java基本語句和控制的腳本語言,其設(shè)計簡樸緊湊。(4)動態(tài)性。JavaScript是一種采用事件驅(qū)動的腳本語言,它不需要通過Web服務(wù)器就能夠?qū)︻櫩偷妮斎胱龀鲰憫?yīng)。在訪問一種網(wǎng)頁時,鼠標(biāo)在網(wǎng)頁中進行鼠標(biāo)點擊或上下移、窗口移動等操作JavaScript都可直接對這些事件給出對應(yīng)的響應(yīng)。(5)跨平臺性。JavaScript腳本語言不依賴于操作系統(tǒng),僅需要瀏覽器的支持。因此一種JavaScript腳本在編寫后能夠帶到任意機器上使用,前提上機器上的瀏覽器支持JavaScript腳本語言,現(xiàn)在JavaScript已被大多數(shù)的瀏覽器所支持。不同于服務(wù)器端腳本語言，例如PHP與ASP，JavaScript重要被作為客戶端腳本語言在顧客的瀏覽器上運行，不需要服務(wù)器的支持。因此在早期程序員比較青睞于JavaScript以減少對服務(wù)器的負擔(dān)，而與此同時也帶來另一種問題：安全性。而隨著服務(wù)器的強健，即使程序員更喜歡運行于服務(wù)端的腳本以確保安全，但JavaScript仍然以其跨平臺、容易上手等優(yōu)勢大行其道。同時，有些特殊功效（如AJAX）必須依賴Javascript在客戶端進行支持。隨著引擎如V8和框架如Node.js的發(fā)展，及其事件驅(qū)動及異步IO等特性，JavaScript逐步被用來編寫服務(wù)器端程序。Html5：萬維網(wǎng)的核心語言、原則通用標(biāo)記語言下的一種應(yīng)用超文本標(biāo)記語言（HTML）的第五次重大修改。許多業(yè)內(nèi)人士表達，HTML將會最后替代多媒體框架，如Adobe的Flash，但是短期看來還不是時候。HTML5預(yù)計到才干逐步成熟，并且將現(xiàn)有應(yīng)用Flash的網(wǎng)絡(luò)開發(fā)完全轉(zhuǎn)向HTML5還需要一段時間。盡管HTML5提出了許多優(yōu)點，但是還可能有某些應(yīng)用更適合于更靈活的框架。某些主流的大公司都逐步轉(zhuǎn)向使用HTML5，谷歌于2月26日開始自動將Flash廣告轉(zhuǎn)換為HTML5格式，這可能會加速HTML5替代Flash的進程，但是這個轉(zhuǎn)變的過程也不是一蹴而就的。優(yōu)點缺點網(wǎng)絡(luò)原則HTML5本身是由W3C推薦出來的，它的開發(fā)是通過谷歌、蘋果，諾基亞、中國移動等幾百公司一起醞釀的技術(shù)，這個技術(shù)最大的好處在于它是一種公開的技術(shù)。換句話說，每一種公開的原則都能夠根據(jù)W3C的資料庫找尋本源。另首先，W3C通過的HTML5原則也就意味著每一種瀏覽器或每一種平臺都會去實現(xiàn)。多設(shè)備跨平臺用HTML5的優(yōu)點重要在于，這個技術(shù)能夠進行跨平臺的使用。例如你開發(fā)了一款HTML5的游戲，你能夠很容易地移植到UC的開放平臺、Opera的游戲中心、Facebook應(yīng)用平臺，甚至能夠通過封裝的技術(shù)發(fā)放到AppStore或谷歌Play上，因此它的跨平臺性非常強大，這也是大多數(shù)人對HTML5有愛好的重要因素。自適應(yīng)網(wǎng)頁設(shè)計很早就有人構(gòu)想，能不能“一次設(shè)計，普遍合用”，讓同一張網(wǎng)頁自動適應(yīng)不同大小的屏幕，根據(jù)屏幕寬度，自動調(diào)節(jié)布局（layout）。，EthanMarcotte提出了”自適應(yīng)網(wǎng)頁設(shè)計“這個名詞，指能夠自動識別屏幕寬度、并做出對應(yīng)調(diào)節(jié)的網(wǎng)頁設(shè)計。這就解決了傳統(tǒng)的一種局面——網(wǎng)站為不同的設(shè)備提供不同的網(wǎng)頁，例如專門提供一種mobile版本，或者iPhone/iPad版本。這樣做固然確保了效果，但是比較麻煩，同時要維護好幾個版本，并且如果一種網(wǎng)站有多個portal（入口），會大大增加架構(gòu)設(shè)計的復(fù)雜度。jQuery是一種快速、簡潔的JavaScript框架，是繼Prototype之后又一種優(yōu)秀的JavaScript代碼庫（或JavaScript框架）。jQuery設(shè)計的宗旨是“writeLess，DoMore”，即倡導(dǎo)寫更少的代碼，做更多的事情。它封裝JavaScript慣用的功效代碼，提供一種簡便的JavaScript設(shè)計模式，優(yōu)化HTML文檔操作、事件解決、動畫設(shè)計和Ajax交互。JQueryMobile1.2是JQuery運行在手機和平板設(shè)備上的版本。JQueryMobile1.2給主流移動平臺提供了JQuery的核心庫，公布了一種完整統(tǒng)一的JQuery移動UI設(shè)計框架，在不同的智能手機和桌面電腦的web瀏覽器上形成統(tǒng)一的顧客UI。支持全球主流的移動平臺，對每個平臺的支持分為三個等級：A、B、C，實現(xiàn)了對Android2.1-2.3、3.2、4.0、4.1、windowsPhone7-7.5，PalmWebOS1.4-2.0、3.0、FirefoxMobile15，OperaMobile11.5-12等平臺的A級支持。JQueryMobile1.2的核心使得基本的HTML標(biāo)簽在全部的瀏覽器中生效，并且對網(wǎng)頁的行為和效果均進行了增強，讓網(wǎng)頁在等級較高的瀏覽器中能獲得優(yōu)秀的體驗，在較差的瀏覽器中也能正常的使用。二、Web開發(fā)后臺技術(shù)總結(jié)MVC全名是ModelViewController，是模型(model)－視圖(view)－控制器(controller)的縮寫，一種軟件設(shè)計典范，用一種業(yè)務(wù)邏輯、數(shù)據(jù)、界面顯示分離的辦法組織代碼，將業(yè)務(wù)邏輯聚集到一種部件里面，在改善和個性化定制界面及顧客交互的同時，不需要重新編寫業(yè)務(wù)邏輯。MVC被獨特的發(fā)展起來用于映射傳統(tǒng)的輸入、解決和輸出功效在一種邏輯的圖形化顧客界面的構(gòu)造中。MVC開始是存在于桌面程序中的，M是指業(yè)務(wù)模型，V是指顧客界面，C則是控制器，使用MVC的目的是將M和V的實當(dāng)代碼分離，從而使同一種程序能夠使用不同的體現(xiàn)形式。例如一批統(tǒng)計數(shù)據(jù)能夠分別用柱狀圖、餅圖來表達。C存在的目的則是確保M和V的同時，一旦M變化，V應(yīng)當(dāng)同時更新。模型－視圖－控制器（MVC）是XeroxPARC在二十世紀(jì)八十年代為編程語言Smalltalk－80發(fā)明的一種軟件設(shè)計模式，已被廣泛使用。后來被推薦為Oracle旗下Sun公司JavaEE平臺的設(shè)計模式，并且受到越來越多的使用ColdFusion和PHP的開發(fā)者的歡迎。模型－視圖－控制器模式是一種有用的工具箱，它有諸多好處，但也有某些缺點。StrutsStruts是Apache軟件基金下Jakarta項目的一部分。Struts框架的重要架構(gòu)設(shè)計和開發(fā)者是CraigR.McClanahan。Struts是JavaWebMVC框架中不爭的王者。通過長達九年的發(fā)展，Struts已經(jīng)逐步成長為一種穩(wěn)定、成熟的框架，并且占有了MVC框架中最大的市場份額。但是Struts某些技術(shù)特性上已經(jīng)落后于新興的MVC框架。面對SpringMVC、Webwork2這些設(shè)計更精密，擴展性更強的框架，Struts受到了前所未有的挑戰(zhàn)。但站在產(chǎn)品開發(fā)的角度而言，Struts仍然是最穩(wěn)妥的選擇。Struts有一組互相協(xié)作的類（組件）、Servlet以及jsptaglib構(gòu)成。基于struts構(gòu)架的web應(yīng)用程序基本上符合JSPModel2的設(shè)計原則，能夠說是MVC設(shè)計模式的一種變化類型。根據(jù)上面對framework的描述，很容易理解為什么說Struts是一種webframework，而不僅僅是某些標(biāo)記庫的組合。但Struts也包含了豐富的標(biāo)記庫和獨立于該框架工作的實用程序類。Struts有其自己的控制器（Controller），同時整合了其它的某些技術(shù)去實現(xiàn)模型層（Model）和視圖層（View）。在模型層，Struts能夠很容易的與數(shù)據(jù)訪問技術(shù)相結(jié)合，涉及EJB，JDBC和ObjectRelationBridge。在視圖層，Struts能夠與JSP,VelocityTemplates,XSL等等這些表達層組件相結(jié)合。MVC框架SpringSpring事實上是ExpertOne-on-OneJ2EEDesignandDevelopment一書中所敘述的設(shè)計思想的具體實現(xiàn)。在One-on-One一書中，RodJohnson倡導(dǎo)J2EE實用主義的設(shè)計思想，并隨書提供了一種初步的開發(fā)框架實現(xiàn)（interface21開發(fā)包）。而Spring正是這一思想的更全方面和具體的體現(xiàn)。RodJohnson在interface21開發(fā)包的基礎(chǔ)之上，進行了進一步的改造和擴充，使其發(fā)展為一種更加開放、清晰、全方面、高效的開發(fā)框架?？蚣芎驮O(shè)計模式的區(qū)別有諸多程序員往往把框架模式和設(shè)計模式混淆，認為MVC是一種設(shè)計模式。事實上它們完全是不同的概念。[7]框架、設(shè)計模式這兩個概念總?cè)菀妆换煜?，其實它們之間還是有區(qū)別的。框架普通是代碼重用，而設(shè)計模式是設(shè)計重用，架構(gòu)則介于兩者之間，部分代碼重用，部分設(shè)計重用，有時分析也可重用。在軟件生產(chǎn)中有三種級別的重用：內(nèi)部重用，即在同一應(yīng)用中能公共使用的抽象塊;代碼重用，即將通用模塊組合成庫或工具集，方便在多個應(yīng)用和領(lǐng)域都能使用；應(yīng)用框架的重用，即為專用領(lǐng)域提供通用的或現(xiàn)成的基礎(chǔ)構(gòu)造，以獲得最高級別的重用性?？蚣芘c設(shè)計模式即使相似，但卻有著根本的不同。設(shè)計模式是對在某種環(huán)境中重復(fù)出現(xiàn)的問題以及解決該問題的方案的描述，它比框架更抽象；框架能夠用代碼表達，也能直接執(zhí)行或復(fù)用，而對模式而言只有實例才干用代碼表達;設(shè)計模式是比框架更小的元素，一種框架中往往含有一種或多個設(shè)計模式，框架總是針對某一特定應(yīng)用領(lǐng)域，但同一模式卻可合用于多個應(yīng)用。能夠說，框架是軟件，而設(shè)計模式是軟件的知識。MVC控件在ASP.NETMVC框架中沒有了自己的控件，頁面顯示完全就回到了寫html代碼的年代。還好在asp.netmvc框架中也有自帶的HtmlHelper和UrlHelper兩個協(xié)助類。另外在MvcContrib擴展項目中也有擴展某些協(xié)助類，這樣我們就不光只能使用完整的html來編寫了需要顯示的頁面了，就能夠使用這些協(xié)助類來完畢，但最后運行時都還是要生成html代碼的。HtmlHelper類LinkExtensions,SelectExtensions,TextAreaExtensions,ValidationExtensions,RenderPartialExtensions等7個靜態(tài)類，他們?nèi)渴鞘遣捎猛卣罐k法來實現(xiàn)的。InputExtensions類：重要有5種類型的擴展辦法，分別用于CheckBox控件、Hidden控件、Pass控件、RadionButton控件和TextBox控件LinkExtensions類：該類重要用于生成有關(guān)鏈接，重要擴展了ActionLink和RouteLink辦法。ActionLink：擴展辦法重要實現(xiàn)一種連接，共有十個重載辦法。三、實習(xí)心得實訓(xùn)期間，讓我學(xué)到了諸多東西，不僅使我在理論上對IT領(lǐng)域有了全新的認識，在實踐能力上也得到了提高，真正地做到了學(xué)以致用，更學(xué)到了諸多做人的道理，對我來說受益非淺。除此以外，我還學(xué)會了如何更加好地與別人溝通，如何更加好地去陳說自己的觀點，如何說服別人認同自己的觀點。這一次親身感受到理論與實際的相結(jié)合，讓我大開眼界。也是對以前所學(xué)知識的一種初審吧!這次實訓(xùn)對于我后來學(xué)習(xí)、找工作也真是受益菲淺，在短短的幾天中相信這些貴重的經(jīng)驗會成為我此后成功的重要的基石。作為一名大二的學(xué)生，通過差不多二年的在校學(xué)習(xí)，對程序設(shè)計有了理性的認識和理解。在校期間，始終忙于理論知識的學(xué)習(xí)，只能偶然練習(xí)某些小程序，沒有機會也沒有對應(yīng)的經(jīng)驗來參加項目的開發(fā)。因此在實訓(xùn)之前，軟件項目開發(fā)對我來說是比較抽象的，一種完整的項目要怎么來分工以及完畢該項目所要的基本環(huán)節(jié)也不明確。而通過這次實訓(xùn)，讓我明白一種完整項目的開發(fā)，必須由團體來分工合作，并在每個階段中進行必要的總結(jié)與論證。一種完整項目的開發(fā)它所要經(jīng)歷的階段涉及：規(guī)劃和用例闡明、項目構(gòu)造和風(fēng)險評定、業(yè)務(wù)功效闡明書、具體設(shè)計闡明書、代碼實現(xiàn)、測試、操作手冊。一種項目的開發(fā)所需要的財力、人力都是大量的，如果沒有一種好的遠景規(guī)劃，對后來的開發(fā)進度會產(chǎn)生很大的影響，嚴(yán)重時造成在預(yù)定時間內(nèi)不能完畢該項目或者完畢的項目跟原先計劃所要實現(xiàn)的項目功效不符合。一份好的項目構(gòu)造、業(yè)務(wù)功效和具體設(shè)計闡明書對一種項目的開發(fā)有明確的指導(dǎo)作用，它能夠使開發(fā)人員對這個項目所要實現(xiàn)的功效在總體上有具體的認識，并能減少在開發(fā)過程中出現(xiàn)不必要的脫節(jié)。代碼的實現(xiàn)是一種項目開發(fā)成功與否的核心，能夠說，前面所做的事情就是為代碼的實現(xiàn)做鋪墊。通過幾天的實習(xí)，我對開發(fā)平臺有了更深一步的理解與進一步，對MyEclipse認識與使用也有了大大的提高。聽課的時候不太明白這是如何的一種設(shè)計模式，隨著慢慢的進一步開發(fā)，通過解決多個問題，體會到了這兩個設(shè)計模式的某些要領(lǐng)。即使背面和數(shù)據(jù)庫連接時成功，但是卻沒有在數(shù)據(jù)庫看到應(yīng)當(dāng)增加進去的內(nèi)容，調(diào)試了很久還是沒有成功，由于時間問題最后只得作罷。但是我有決心會去弄明白它。--------------------------------------------------------------四、參考文獻[1]BruceEckel.ThinkinginJava[M].UpperSaddleRiver,NewJersey,USA:PrenticeHall,[2]陳道鑫,宋紹云,袁中旺,等.ExtJS框架在Web軟件開發(fā)中的應(yīng)用[J].電腦知識與技術(shù),07(9):2044-2047[3]林信良.Spring2.0技術(shù)手冊[M].北京：電子工業(yè)出版社，[4](美)威爾德，斯尼德等著，趙利通譯