基于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等“傳統(tǒng)”技術(shù)與AdobeRIA、谷歌Gears,以及概念性較強(qiáng)的交互式設(shè)計(jì),藝術(shù)性較強(qiáng)的視覺(jué)設(shè)計(jì)等等。JavaScript一種直譯式腳本語(yǔ)言，是一種動(dòng)態(tài)類型、弱類型、基于原型的語(yǔ)言，內(nèi)置支持類型。它的解釋器被稱為JavaScript引擎，為瀏覽器的一部分，廣泛用于客戶端的腳本語(yǔ)言，最早是在HTML（原則通用標(biāo)記語(yǔ)言下的一種應(yīng)用）網(wǎng)頁(yè)上使用，用來(lái)給HTML網(wǎng)頁(yè)增加動(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)記語(yǔ)言下的一種應(yīng)用）頁(yè)面添加交互行為。能夠直接嵌入HTML頁(yè)面，但寫(xiě)成單獨(dú)的js文獻(xiàn)有助于構(gòu)造和行為的分離。[4]

跨平臺(tái)特性，在絕大多數(shù)瀏覽器的支持下，能夠在多個(gè)平臺(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ì)象,也能使用現(xiàn)有的對(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ù)器就能夠?qū)︻櫩偷妮斎胱龀鲰憫?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ǔ)言,現(xiàn)在JavaScript已被大多數(shù)的瀏覽器所支持。不同于服務(wù)器端腳本語(yǔ)言，例如PHP與ASP，JavaScript重要被作為客戶端腳本語(yǔ)言在顧客的瀏覽器上運(yùn)行，不需要服務(wù)器的支持。因此在早期程序員比較青睞于JavaScript以減少對(duì)服務(wù)器的負(fù)擔(dān)，而與此同時(shí)也帶來(lái)另一種問(wèn)題：安全性。而隨著服務(wù)器的強(qiáng)健，即使程序員更喜歡運(yùn)行于服務(wù)端的腳本以確保安全，但JavaScript仍然以其跨平臺(tái)、容易上手等優(yōu)勢(shì)大行其道。同時(shí)，有些特殊功效（如AJAX）必須依賴Javascript在客戶端進(jìn)行支持。隨著引擎如V8和框架如Node.js的發(fā)展，及其事件驅(qū)動(dòng)及異步IO等特性，JavaScript逐步被用來(lái)編寫(xiě)服務(wù)器端程序。Html5：萬(wàn)維網(wǎng)的核心語(yǔ)言、原則通用標(biāo)記語(yǔ)言下的一種應(yīng)用超文本標(biāo)記語(yǔ)言（HTML）的第五次重大修改。許多業(yè)內(nèi)人士表達(dá)，HTML將會(huì)最后替代多媒體框架，如Adobe的Flash，但是短期看來(lái)還不是時(shí)候。HTML5預(yù)計(jì)到才干逐步成熟，并且將現(xiàn)有應(yīng)用Flash的網(wǎng)絡(luò)開(kāi)發(fā)完全轉(zhuǎn)向HTML5還需要一段時(shí)間。盡管HTML5提出了許多優(yōu)點(diǎn)，但是還可能有某些應(yīng)用更適合于更靈活的框架。某些主流的大公司都逐步轉(zhuǎn)向使用HTML5，谷歌于2月26日開(kāi)始自動(dòng)將Flash廣告轉(zhuǎn)換為HTML5格式，這可能會(huì)加速HTML5替代Flash的進(jìn)程，但是這個(gè)轉(zhuǎn)變的過(guò)程也不是一蹴而就的。優(yōu)點(diǎn)缺點(diǎn)網(wǎng)絡(luò)原則HTML5本身是由W3C推薦出來(lái)的，它的開(kāi)發(fā)是通過(guò)谷歌、蘋(píng)果，諾基亞、中國(guó)移動(dòng)等幾百公司一起醞釀的技術(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的優(yōu)點(diǎn)重要在于，這個(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或谷歌Play上，因此它的跨平臺(tái)性非常強(qiáng)大，這也是大多數(shù)人對(duì)HTML5有愛(ài)好的重要因素。自適應(yīng)網(wǎng)頁(yè)設(shè)計(jì)很早就有人構(gòu)想，能不能“一次設(shè)計(jì)，普遍合用”，讓同一張網(wǎng)頁(yè)自動(dòng)適應(yīng)不同大小的屏幕，根據(jù)屏幕寬度，自動(dòng)調(diào)節(jié)布局（layout）。，EthanMarcotte提出了”自適應(yīng)網(wǎng)頁(yè)設(shè)計(jì)“這個(gè)名詞，指能夠自動(dòng)識(shí)別屏幕寬度、并做出對(duì)應(yīng)調(diào)節(jié)的網(wǎng)頁(yè)設(shè)計(jì)。這就解決了傳統(tǒng)的一種局面——網(wǎng)站為不同的設(shè)備提供不同的網(wǎng)頁(yè)，例如專門(mén)提供一種mobile版本，或者iPhone/iPad版本。這樣做固然確保了效果，但是比較麻煩，同時(shí)要維護(hù)好幾個(gè)版本，并且如果一種網(wǎng)站有多個(gè)portal（入口），會(huì)大大增加架構(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的核心庫(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的核心使得基本的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è)性化定制界面及顧客交互的同時(shí)，不需要重新編寫(xiě)業(yè)務(wù)邏輯。MVC被獨(dú)特的發(fā)展起來(lái)用于映射傳統(tǒng)的輸入、解決和輸出功效在一種邏輯的圖形化顧客界面的構(gòu)造中。MVC開(kāi)始是存在于桌面程序中的，M是指業(yè)務(wù)模型，V是指顧客界面，C則是控制器，使用MVC的目的是將M和V的實(shí)當(dāng)代碼分離，從而使同一種程序能夠使用不同的體現(xiàn)形式。例如一批統(tǒng)計(jì)數(shù)據(jù)能夠分別用柱狀圖、餅圖來(lái)表達(dá)。C存在的目的則是確保M和V的同時(shí)，一旦M變化，V應(yīng)當(dāng)同時(shí)更新。模型－視圖－控制器（MVC）是XeroxPARC在二十世紀(jì)八十年代為編程語(yǔ)言Smalltalk－80發(fā)明的一種軟件設(shè)計(jì)模式，已被廣泛使用。后來(lái)被推薦為Oracle旗下Sun公司JavaEE平臺(tái)的設(shè)計(jì)模式，并且受到越來(lái)越多的使用ColdFusion和PHP的開(kāi)發(fā)者的歡迎。模型－視圖－控制器模式是一種有用的工具箱，它有諸多好處，但也有某些缺點(diǎn)。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)份額。但是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)記庫(kù)的組合。但Struts也包含了豐富的標(biāo)記庫(kù)和獨(dú)立于該框架工作的實(shí)用程序類。Struts有其自己的控制器（Controller），同時(shí)整合了其它的某些技術(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ì)思想的具體實(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正是這一思想的更全方面和具體的體現(xiàn)。RodJohnson在interface21開(kāi)發(fā)包的基礎(chǔ)之上，進(jìn)行了進(jìn)一步的改造和擴(kuò)充，使其發(fā)展為一種更加開(kāi)放、清晰、全方面、高效的開(kāi)發(fā)框架。框架和設(shè)計(jì)模式的區(qū)別有諸多程序員往往把框架模式和設(shè)計(jì)模式混淆，認(rèn)為MVC是一種設(shè)計(jì)模式。事實(shí)上它們完全是不同的概念。[7]框架、設(shè)計(jì)模式這兩個(gè)概念總?cè)菀妆换煜?，其?shí)它們之間還是有區(qū)別的?？蚣芷胀ㄊ谴a重用，而設(shè)計(jì)模式是設(shè)計(jì)重用，架構(gòu)則介于兩者之間，部分代碼重用，部分設(shè)計(jì)重用，有時(shí)分析也可重用。在軟件生產(chǎn)中有三種級(jí)別的重用：內(nèi)部重用，即在同一應(yīng)用中能公共使用的抽象塊;代碼重用，即將通用模塊組合成庫(kù)或工具集，方便在多個(gè)應(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ì)模式是比框架更小的元素，一種框架中往往含有一種或多個(gè)設(shè)計(jì)模式，框架總是針對(duì)某一特定應(yīng)用領(lǐng)域，但同一模式卻可合用于多個(gè)應(yīng)用。能夠說(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)類，他們?nèi)渴鞘遣捎猛卣罐k法來(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ū)、具體設(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í)造成在預(yù)定時(shí)間內(nèi)不能完畢該項(xiàng)目或者完畢的項(xiàng)目跟原先計(jì)劃所要實(shí)現(xiàn)的項(xiàng)目功效不符合。一份好的項(xiàng)目構(gòu)造、業(yè)務(wù)功效和具體設(shè)計(jì)闡明書(shū)對(duì)一種項(xiàng)目的開(kāi)發(fā)有明確的指導(dǎo)作用，它能夠使開(kāi)發(fā)人員對(duì)這個(gè)項(xiàng)目所要實(shí)現(xiàn)的功效在總體上有具體的認(rèn)識(shí)，并能減少在開(kāi)發(fā)過(guò)程中出現(xiàn)不必要的脫節(jié)。代碼的實(shí)現(xiàn)是一種項(xiàng)目開(kāi)發(fā)成功與否的核心，能夠說(shuō)，前面所做的事情就是為代碼的實(shí)現(xiàn)做鋪墊。通過(guò)幾天的實(shí)習(xí)，我對(duì)開(kāi)發(fā)平臺(tái)有了更深一步的理解與進(jìn)一步，對(duì)MyEclipse認(rèn)識(shí)與使用也有了大大的提高。聽(tīng)課的時(shí)候不太明白這是如何的一種設(shè)計(jì)模式，隨著慢慢的進(jìn)一步開(kāi)發(fā)，通過(guò)解決多個(gè)問(wèn)題，體會(huì)到了這兩個(gè)設(shè)計(jì)模式的某些要領(lǐng)。即使背面和數(shù)據(jù)庫(kù)連接時(shí)成功，但是卻沒(méi)有在數(shù)據(jù)庫(kù)看到應(yīng)當(dāng)增加進(jìn)去的內(nèi)容，調(diào)試了很久還是沒(méi)有成功，由于時(shí)間問(wèn)題最后只得作罷。但是我有決心會(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](美)威爾德，斯尼德等著，趙利通譯