MVC入門(mén)

昵稱(chēng)10504424 2013-10-25

展開(kāi)全文

一概述

　　MVC作為一種當(dāng)前比較好的開(kāi)發(fā)web的框架，不得不提一下了，和WebForm比較來(lái)看，有了很大的進(jìn)步和改進(jìn)。

　　先進(jìn)行一個(gè)簡(jiǎn)單的比較，兩個(gè)都是Web開(kāi)發(fā)框架，理念仍然是較快速開(kāi)發(fā)。

　　不過(guò)MVC已經(jīng)幾乎摒棄了臃腫的服務(wù)端控件，采用更為簡(jiǎn)潔和可定義的標(biāo)簽形式。前臺(tái)View視圖和后臺(tái)Controller控制器弱耦合分離的形式，比Asp.Net前臺(tái)后臺(tái)采用繼承的緊耦合形式更加靈活和合理。

二基本三元素介紹

　　MVC不得不說(shuō)的三個(gè)主要元素，就是Model，View，Controller這三個(gè)元素。下面簡(jiǎn)單地一一介紹下：

　　Model：這是主要負(fù)責(zé)數(shù)據(jù)庫(kù)和Controller控制器交互

　　View視圖：這是主要負(fù)責(zé)展示Controller傳輸給他的數(shù)據(jù)

　　Controller控制器：主要接受Model傳過(guò)來(lái)的數(shù)據(jù)，然后傳給View

畫(huà)個(gè)圖吧，好看些

BLL，DAL，Models是簡(jiǎn)單三層的概念，寫(xiě)出來(lái)防止大家把Model和Models弄混了，這里的Model可是包括了三層的

三創(chuàng)建一個(gè)簡(jiǎn)單的項(xiàng)目Demo

　　在這里，我還是比較喜歡使用項(xiàng)目來(lái)學(xué)習(xí)，理論講一部分就好了，更多的理解，就通過(guò)項(xiàng)目來(lái)學(xué)習(xí)吧

　　環(huán)境：

　　　　VS2010時(shí)需要去下載獨(dú)立的MVC安裝包的，不是很復(fù)雜，百度可以告訴你一切

　　　　VS2012時(shí)就不需要下任何安裝包了，直接就可以新建MVC項(xiàng)目了

　　然后選擇MVC 4，創(chuàng)建一個(gè)空白的MVC項(xiàng)目就可以了，凡事從簡(jiǎn)單入手嘛！

　　看到這個(gè)目錄，里面很簡(jiǎn)單，除了之前講的三個(gè)基本元素，View，Controller，Model ，剩下的App_Data放私有權(quán)限的東西，比如數(shù)據(jù)；App_Start存放的一些重要的初始化類(lèi)，后面再詳細(xì)講；Global.asax是應(yīng)用程序文件，主要負(fù)責(zé)管道事件，后面詳細(xì)講；剩下的幾個(gè)config就是簡(jiǎn)單的配置文件；

四 Controller控制器

　　在Controllers右鍵添加控制器，默認(rèn)使用HomeController，注意：后綴一定要是Controller，在MVC有時(shí)候約定大于配置，某些約定的配置就是這么默認(rèn)的，不要輕易更改。

　　請(qǐng)注意，這里開(kāi)始講解配置會(huì)比較多，理念的理解還是主要是開(kāi)頭的理念，Controller的作用這里就不再累贅了。

　　在新建的Controller里面有一個(gè)，Index，這是其中的一個(gè)Action的名字，在這里Action的含義是動(dòng)作，可以理解為頁(yè)面的各種動(dòng)作，Index就是默認(rèn)的一個(gè)動(dòng)作。

　　在Index上面右擊，添加視圖，視圖的名字默認(rèn)和Action是一樣的，不用修改，目前選擇使用Aspx視圖引擎，先不要模版。

　　添加后跳到了Index.aspx頁(yè)面，這是一個(gè)HTML的世界，當(dāng)你習(xí)慣性地打開(kāi)工具箱的時(shí)候，你會(huì)發(fā)現(xiàn)，工具箱中的控件少得可憐，沒(méi)有那些強(qiáng)大的服務(wù)端控件，沒(méi)有了那些拖慢了aspx頁(yè)面的服務(wù)端控件，剩下的只有簡(jiǎn)單的html。

　　讓我們簡(jiǎn)單的寫(xiě)點(diǎn)上去，Hello World必須寫(xiě)，你懂的，運(yùn)行起來(lái)吧小宇宙。。。。。

　　這里要看到一個(gè)：URL地址，默認(rèn)其實(shí)是localhost:7777，我現(xiàn)在寫(xiě)的是補(bǔ)全后的地址。

　　　　Home是我們的控制器的名字，Index是我們Action的名字，相信朋友們應(yīng)該發(fā)現(xiàn)一點(diǎn)MVC的奧秘了吧

　　對(duì)，沒(méi)錯(cuò)，你們想得沒(méi)錯(cuò)，MVC在這里的里面，是用 Controller+Action 確定訪(fǎng)問(wèn)地址，簡(jiǎn)單粗暴，嘿嘿....

五 Controller+Action

　　剛才講到了訪(fǎng)問(wèn)地址，下面呢，我們?cè)僦v一點(diǎn)，頁(yè)面跳轉(zhuǎn)的知識(shí)，后面我們?cè)龠M(jìn)行別的問(wèn)題的深入。

　　在剛開(kāi)始學(xué)習(xí)MVC的時(shí)候，對(duì)Controller和Action的理解一般都會(huì)比較模糊，下面的幾個(gè)例子來(lái)看下：

　　在Home控制器下新建一個(gè)Action

　　并且添加視圖,在新建的試圖里面寫(xiě)點(diǎn)東西

　　回到我們的Index視圖中，

　　運(yùn)行，點(diǎn)擊我們的Link to MyAction

　　在此看地址，已經(jīng)更改了，其實(shí)這種沒(méi)有后綴的形式，在<a>的鏈接屬性方面還是沒(méi)有什么差別的。

　　再來(lái)看一個(gè)，更強(qiáng)大的東西，傳說(shuō)中的HtmlHelper：

    <div>
        Hello World，MVC,I'm JamesZhu.
        <hr/>
        <a href="/Home/MyAction">Link to MyAction</a>
        <hr/>
        <% Html.ActionLink("Link to MyAction", "MyAction", "Home"); %>
    </div>

　　可以達(dá)到同樣的效果，嘿嘿，Html這是一個(gè)很強(qiáng)大的東西，后面再深入講，今天寫(xiě)到這里了，嘿嘿

四總結(jié)

　　稍微總結(jié)下，這篇文章，主要時(shí)候有一定web開(kāi)發(fā)經(jīng)驗(yàn)，熟悉html前端，以及asp.net，然后又想學(xué)習(xí)mvc的朋友，可以借鑒下。

聲明

　　本文主要是個(gè)人學(xué)習(xí)MVC后的一些經(jīng)驗(yàn)以及看法，僅供參考，如有錯(cuò)誤，歡迎指正，謝謝。

　　個(gè)人感覺(jué)：在學(xué)習(xí)MVC之前，最好有以下知識(shí)儲(chǔ)備：HTML，Jquery，Ajax，Asp.Net等技術(shù)基礎(chǔ)

本站是提供個(gè)人知識(shí)管理的網(wǎng)絡(luò)存儲(chǔ)空間，所有內(nèi)容均由用戶(hù)發(fā)布，不代表本站觀點(diǎn)。請(qǐng)注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購(gòu)買(mǎi)等信息，謹(jǐn)防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請(qǐng)點(diǎn)擊一鍵舉報(bào)。

轉(zhuǎn)藏 分享

QQ空間 QQ好友新浪微博微信

獻(xiàn)花（0） +1

來(lái)自：昵稱(chēng)10504424 > 《工作》

舉報(bào)/認(rèn)領(lǐng)