基于web開(kāi)發(fā)實(shí)習(xí)報(bào)告

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

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