基于web開發(fā)實習(xí)報告

基于web開發(fā)技術(shù)實習(xí)匯報一、Web開發(fā)前端技術(shù)總結(jié)什么是前端技術(shù)：前端技術(shù)包括JavaScript、jquery、html5等“老式”技術(shù)與AdobeRIA、GoogleGears,以及概念性較強(qiáng)的交互式設(shè)計,藝術(shù)性較強(qiáng)的視覺設(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)自身的功能的?；咎攸c：是一種解釋性腳本語言（代碼不進(jìn)行預(yù)編譯）。重要用來向HTML（原則通用標(biāo)識語言下的一種應(yīng)用）頁面添加交互行為?？梢灾苯忧度際TML頁面，但寫成單獨的js文獻(xiàn)有助于構(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ù)進(jìn)行服務(wù)器端編程。特性JavaScript腳本語言具有如下特點:(1)腳本語言。JavaScript是一種解釋型的腳本語言,C、C++等語言先編譯后執(zhí)行,而JavaScript是在程序的運行過程中逐行進(jìn)行解釋。(2)基于對象。JavaScript是一種基于對象的腳本語言,它不僅可以創(chuàng)立對象,也能使用既有的對象。(3)簡樸。JavaScript語言中采用的是弱類型的變量類型,對使用的數(shù)據(jù)類型未做出嚴(yán)格的規(guī)定,是基于Java基本語句和控制的腳本語言,其設(shè)計簡樸緊湊。(4)動態(tài)性。JavaScript是一種采用事件驅(qū)動的腳本語言,它不需要通過Web服務(wù)器就可以對顧客的輸入做出響應(yīng)。在訪問一種網(wǎng)頁時,鼠標(biāo)在網(wǎng)頁中進(jìn)行鼠標(biāo)點擊或上下移、窗口移動等操作JavaScript都可直接對這些事件給出對應(yīng)的響應(yīng)。(5)跨平臺性。JavaScript腳本語言不依賴于操作系統(tǒng),僅需要瀏覽器的支持。因此一種JavaScript腳本在編寫后可以帶到任意機(jī)器上使用,前提上機(jī)器上的瀏覽器支持JavaScript腳本語言,目前JavaScript已被大多數(shù)的瀏覽器所支持。不一樣于服務(wù)器端腳本語言，例如PHP與ASP，JavaScript重要被作為客戶端腳本語言在顧客的瀏覽器上運行，不需要服務(wù)器的支持。因此在初期程序員比較青睞于JavaScript以減少對服務(wù)器的承擔(dān)，而與此同步也帶來另一種問題：安全性。而伴隨服務(wù)器的強(qiáng)健，雖然程序員更喜歡運行于服務(wù)端的腳本以保證安全，但JavaScript仍然以其跨平臺、輕易上手等優(yōu)勢大行其道。同步，有些特殊功能（如AJAX）必須依賴Javascript在客戶端進(jìn)行支持。伴隨引擎如V8和框架如Node.js的發(fā)展，及其事件驅(qū)動及異步IO等特性，JavaScript逐漸被用來編寫服務(wù)器端程序。Html5：萬維網(wǎng)的關(guān)鍵語言、原則通用標(biāo)識語言下的一種應(yīng)用超文本標(biāo)識語言（HTML）的第五次重大修改。許多業(yè)內(nèi)人士表達(dá)，HTML將會最終替代多媒體框架，如Adobe的Flash，不過短期看來還不是時候。HTML5估計到才能逐漸成熟，并且將既有應(yīng)用Flash的網(wǎng)絡(luò)開發(fā)完全轉(zhuǎn)向HTML5還需要一段時間。盡管HTML5提出了許多長處，不過還也許有某些應(yīng)用更適合于更靈活的框架。某些主流的大企業(yè)都逐漸轉(zhuǎn)向使用HTML5，google于2月26日開始自動將Flash廣告轉(zhuǎn)換為HTML5格式，這也許會加速HTML5替代Flash的進(jìn)程，不過這個轉(zhuǎn)變的過程也不是一蹴而就的。長處缺陷網(wǎng)絡(luò)原則HTML5自身是由W3C推薦出來的，它的開發(fā)是通過google、蘋果，諾基亞、中國移動等幾百企業(yè)一起醞釀的技術(shù)，這個技術(shù)最大的好處在于它是一種公開的技術(shù)。換句話說，每一種公開的原則都可以根據(jù)W3C的資料庫找尋本源。另首先，W3C通過的HTML5原則也就意味著每一種瀏覽器或每一種平臺都會去實現(xiàn)。多設(shè)備跨平臺用HTML5的長處重要在于，這個技術(shù)可以進(jìn)行跨平臺的使用。例如你開發(fā)了一款HTML5的游戲，你可以很輕易地移植到UC的開放平臺、Opera的游戲中心、Facebook應(yīng)用平臺，甚至可以通過封裝的技術(shù)發(fā)放到AppStore或GooglePlay上，因此它的跨平臺性非常強(qiáng)大，這也是大多數(shù)人對HTML5有愛好的重要原因。自適應(yīng)網(wǎng)頁設(shè)計很早就有人設(shè)想，能不能“一次設(shè)計，普遍合用”，讓同一張網(wǎng)頁自動適應(yīng)不一樣大小的屏幕，根據(jù)屏幕寬度，自動調(diào)整布局（layout）。，EthanMarcotte提出了”自適應(yīng)網(wǎng)頁設(shè)計“這個名詞，指可以自動識別屏幕寬度、并做出對應(yīng)調(diào)整的網(wǎng)頁設(shè)計。這就處理了老式的一種局面——網(wǎng)站為不一樣的設(shè)備提供不一樣的網(wǎng)頁，例如專門提供一種mobile版本，或者iPhone/iPad版本。這樣做當(dāng)然保證了效果，不過比較麻煩，同步要維護(hù)好幾種版本，并且假如一種網(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運行在手機(jī)和平板設(shè)備上的版本。JQueryMobile1.2給主流移動平臺提供了JQuery的關(guān)鍵庫，公布了一種完整統(tǒng)一的JQuery移動UI設(shè)計框架，在不一樣的智能手機(jī)和桌面電腦的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的關(guān)鍵使得基本的HTML標(biāo)簽在所有的瀏覽器中生效，并且對網(wǎng)頁的行為和效果均進(jìn)行了增強(qiá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ā)展起來用于映射老式的輸入、處理和輸出功能在一種邏輯的圖形化顧客界面的構(gòu)造中。MVC開始是存在于桌面程序中的，M是指業(yè)務(wù)模型，V是指顧客界面，C則是控制器，使用MVC的目的是將M和V的實現(xiàn)代碼分離，從而使同一種程序可以使用不一樣的體現(xiàn)形式。例如一批記錄數(shù)據(jù)可以分別用柱狀圖、餅圖來表達(dá)。C存在的目的則是保證M和V的同步，一旦M變化，V應(yīng)當(dāng)同步更新。模型－視圖－控制器（MVC）是XeroxPARC在二十世紀(jì)八十年代為編程語言Smalltalk－80發(fā)明的一種軟件設(shè)計模式，已被廣泛使用。后來被推薦為Oracle旗下Sun企業(yè)JavaEE平臺的設(shè)計模式，并且受到越來越多的使用ColdFusion和PHP的開發(fā)者的歡迎。模型－視圖－控制器模式是一種有用的工具箱，它有諸多好處，但也有某些缺陷。StrutsStruts是Apache軟件基金下Jakarta項目的一部分。Struts框架的重要架構(gòu)設(shè)計和開發(fā)者是CraigR.McClanahan。Struts是JavaWebMVC框架中不爭的王者。通過長達(dá)九年的發(fā)展，Struts已經(jīng)逐漸成長為一種穩(wěn)定、成熟的框架，并且占有了MVC框架中最大的市場份額。不過Struts某些技術(shù)特性上已經(jīng)落后于新興的MVC框架。面對SpringMVC、Webwork2這些設(shè)計更精密，擴(kuò)展性更強(qiáng)的框架，Struts受到了前所未有的挑戰(zhàn)。但站在產(chǎn)品開發(fā)的角度而言，Struts仍然是最穩(wěn)妥的選擇。Struts有一組互相協(xié)作的類（組件）、Servlet以及jsptaglib構(gòu)成?；趕truts構(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等等這些表達(dá)層組件相結(jié)合。MVC框架SpringSpring實際上是ExpertOne-on-OneJ2EEDesignandDevelopment一書中所論述的設(shè)計思想的詳細(xì)實現(xiàn)。在One-on-One一書中，RodJohnson倡導(dǎo)J2EE實用主義的設(shè)計思想，并隨書提供了一種初步的開發(fā)框架實現(xiàn)（interface21開發(fā)包）。而Spring正是這一思想的更全面和詳細(xì)的體現(xiàn)。RodJohnson在interface21開發(fā)包的基礎(chǔ)之上，進(jìn)行了深入的改造和擴(kuò)充，使其發(fā)展為一種愈加開放、清晰、全面、高效的開發(fā)框架?？蚣芎驮O(shè)計模式的區(qū)別有諸多程序員往往把框架模式和設(shè)計模式混淆，認(rèn)為MVC是一種設(shè)計模式。實際上它們完全是不一樣的概念。[7]框架、設(shè)計模式這兩個概念總輕易被混淆，其實它們之間還是有區(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)的問題以及處理該問題的方案的描述，它比框架更抽象；框架可以用代碼表達(dá)，也能直接執(zhí)行或復(fù)用，而對模式而言只有實例才能用代碼表達(dá);設(shè)計模式是比框架更小的元素，一種框架中往往具有一種或多種設(shè)計模式，框架總是針對某一特定應(yīng)用領(lǐng)域，但同一模式卻可合用于多種應(yīng)用?？梢哉f，框架是軟件，而設(shè)計模式是軟件的知識。MVC控件在ASP.NETMVC框架中沒有了自己的控件，頁面顯示完全就回到了寫html代碼的年代。還好在asp.netmvc框架中也有自帶的HtmlHelper和UrlHelper兩個協(xié)助類。此外在MvcContrib擴(kuò)展項目中也有擴(kuò)展某些協(xié)助類，這樣我們就不光只能使用完整的html來編寫了需要顯示的頁面了，就可以使用這些協(xié)助類來完畢，但最終運行時都還是要生成html代碼的。HtmlHelper類LinkExtensions,SelectExtensions,TextAreaExtensions,ValidationExtensions,RenderPartialExtensions等7個靜態(tài)類，他們所有是是采用拓展措施來實現(xiàn)的。InputExtensions類：重要有5種類型的擴(kuò)展措施，分別用于CheckBox控件、Hidden控件、Pass控件、RadionButton控件和TextBox控件LinkExtensions類：該類重要用于生成有關(guān)鏈接，重要擴(kuò)展了ActionLink和RouteLink措施。ActionLink：擴(kuò)展措施重要實現(xiàn)一種連接，共有十個重載措施。三、實習(xí)心得實訓(xùn)期間，讓我學(xué)到了諸多東西，不僅使我在理論上對IT領(lǐng)域有了全新的認(rèn)識，在實踐能力上也得到了提高，真正地做到了學(xué)以致用，更學(xué)到了諸多做人的道理，對我來說受益非淺。除此以外，我還學(xué)會了怎樣更好地與他人溝通，怎樣更好地去陳說自己的觀點，怎樣說服他人認(rèn)同自己的觀點。這一次親身感受到理論與實際的相結(jié)合，讓我大開眼界。也是對此前所學(xué)知識的一種初審吧!這次實訓(xùn)對于我后來學(xué)習(xí)、找工作也真是受益菲淺，在短短的幾天中相信這些寶貴的經(jīng)驗會成為我此后成功的重要的基石。作為一名大二的學(xué)生，通過差不多二年的在校學(xué)習(xí)，對程序設(shè)計有了理性的認(rèn)識和理解。在校期間，一直忙于理論知識的學(xué)習(xí)，只能偶爾練習(xí)某些小程序，沒有機(jī)會也沒有對應(yīng)的經(jīng)驗來參與項目的開發(fā)。因此在實訓(xùn)之前，軟件項目開發(fā)對我來說是比較抽象的，一種完整的項目要怎么來分工以及完畢該項目所要的基本環(huán)節(jié)也不明確。而通過這次實訓(xùn)，讓我明白一種完整項目的開發(fā)，必須由團(tuán)體來分工合作，并在每個階段中進(jìn)行必要的總結(jié)與論證。一種完整項目的開發(fā)它所要經(jīng)歷的階段包括：規(guī)劃和用例闡明、項目構(gòu)造和風(fēng)險評估、業(yè)務(wù)功能闡明書、詳細(xì)設(shè)計闡明書、代碼實現(xiàn)、測試、操作手冊。一種項目的開發(fā)所需要的財力、人力都是大量的，假如沒有一種好的遠(yuǎn)景規(guī)劃，對后來的開發(fā)進(jìn)度會產(chǎn)生很大的影響，嚴(yán)重時導(dǎo)致在預(yù)定期間內(nèi)不能完畢該項目或者完畢的項目跟原先計劃所要實現(xiàn)的項目功能不符合。一份好的項目構(gòu)造、業(yè)務(wù)功能和詳細(xì)設(shè)計闡明書對一種項目的開發(fā)有明確的指導(dǎo)作用，它可以使開發(fā)人員對這個項目所要實現(xiàn)的功能在總體上有詳細(xì)的認(rèn)識，并能減少在開發(fā)過程中出現(xiàn)不必要的脫節(jié)。代碼的實現(xiàn)是一種項目開發(fā)成功與否的關(guān)鍵，可以說，前面所做的事情就是為代碼的實現(xiàn)做鋪墊。通過幾天的實習(xí)，我對開發(fā)平臺有了更深一步的理解與深入，對MyEclipse認(rèn)識與使用也有了大大的提高。聽課的時候不太明白這是怎樣的一種設(shè)計模式，伴隨慢慢的深入開發(fā)，通過處理多種問題，體會到了這兩個設(shè)計模式的某些要領(lǐng)。雖然背面和數(shù)據(jù)庫連接時成功，不過卻沒有在數(shù)據(jù)庫看到應(yīng)當(dāng)增長進(jìn)去的內(nèi)容，調(diào)試了很久還是沒有成功，由于時間問題最終只好作罷。不過我有決心會去弄明白它。--------------------------------------------------------------四、參照文獻(xiàn)[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](美)威爾德，斯尼德等著，趙