1. 程式人生 > >8、ASP.NET MVC入門到精通——View(檢視)

8、ASP.NET MVC入門到精通——View(檢視)

View檢視職責是向用戶提供介面。負責根據提供的模型資料,生成準備提供給使用者的格式介面。

支援多種檢視引擎(Razor和ASPX檢視引擎是官方預設給出的,其實還支援其它N種檢視引擎,甚至你自己都可以寫一套檢視引擎)

View和Action之間資料傳遞(前後臺數據傳遞)

  弱型別 ViewData[""]

  動態型 ViewBag //dynamic

  動態型別Model
             後臺:return View(data); //存入 ViewData.Model
             前臺:Model //其實就是 WebViewPage.Model

@using 名稱空間

強型別View

        //Control  Action
        public ActionResult Index()
        {
            return View(new User { UserName = "郭靖" });//ViewData.Model屬性
        }

//Index.cshtml

@model MvcApplication.Models.User

<div>@Model.UserName</div>

Razor檢視引擎 語法

Razor為檢視提供精簡的語法,最大限度減少了語法和額外字串

  • Razor通過理解標記的結構來實現程式碼和標記之間的順暢切換。
  • @核心轉換字元,用來 標記-程式碼 的轉換字串。

語境A:申明C#變數,必須放置在{}程式碼塊中

@{
    string schoolName="湖南第一師範";
}

語境B:郵件中存在@符號時

Razor引擎識別 @ 和 <>html</>

Razor 語法

Razor表示式自動使用了HTML編碼

如果想向瀏覽器輸出html原始碼, 則使用System.Web.IHtmlString: @Html.Raw("<p>zouyujie</p>")

輸出結果zouyujuie

html原始碼

JS字串編碼

<script>
     alert('@Ajax.JavaScriptStringEncode(ViewBag.UserName)');
</script>

結果:

@程式碼塊

     @{  string s ="zouyujie";
         int age =26;
      }
     @{Html.RenderPartial("TestPartial");}//呼叫無返回值方法

註釋:@* ............*@

呼叫泛型方法:@(Html.SomeMethod<User>());

混合程式碼與文字:

@if(1==1){
     <text>我要輸出文字在這裡!</text>
     @:我要輸出文字在這裡!
    }

@轉義:@@

操作web內建物件:@Request.RawUrl @Response.Write

@作用域與html標記混合使用:

     @{
          string userName="劉邦";
          <p>@userName</p> 
}

在@作用域中輸出未轉義的 HTML 程式碼

1.使用字串描述輸出

      @{
           string strHtm="<p>你好~</p>";
           @strHtml
       }

2.使用HTMLHelper輸出

 @{
    @Html.Raw("<p>哇哈哈哈~</p>");
  }

3.使用HtmlString類輸出

     @{
          HtmlString htm =new HtmlString("<p>哈哈</p>");
          @htm
      }

4.使用MvcHtmlString輸出

     @{
         var strHtml=MvcHtmlString.Create("<p>哈哈~</p>");
         @strHtml
      }

資料型別轉換

     用As....()方法轉換 ,如:@("120".AsInt())

數值型別判斷

     用IsInt()方法,如 @(strAge.IsInt()?"是":"否")

路徑轉換

用Href()方法,如: @Href("~/Home/Index");

using System.Web.WebPages;//內部 為 string 擴充套件了很多 As..方法

HtmlHelper重用:相當於是在 檢視中定義方法

@helper List(List<string> dogs){
    <ul>
        @foreach (string s in dogs)
        {
            <li>@s</li>
        }
    </ul>
    }
@List(new List<string>(){"ruiky","lisa","lucy"})

Razor 佈局 – 整體檢視模板

應用整體模板檢視

[email protected]()  //模板頁裡的佔位符

[email protected]{

   Layout = "~/Views/Shared/SiteLayout.cshtml";

   View.Title="User List";

}

<p>子頁所有html程式碼都將替換到 模板頁的@RenderBody()處</p>

應用整體檢視模板 - 多個"佔位符"

3.模板頁多個節:

   <footer>@RenderSection("Footer")</footer>

   子頁面定義節點:

    @section Footer{
           <b>我們也要加入了!</b>
     }

   模板頁判斷是否為佈局節方法,IsSectionDeined

  @if(IsSectionDefined("Footer")){
         @RenderSection("Footer");
   }else
   {
         <b>“子頁面”沒有Footer~</b>
   }

Razor 佈局 – ViewStart

每個子頁面都使用一個Layout指定佈局。如果多個檢視都用同一個佈局就會產生冗餘,修改維護麻煩。

_ViewStart.cshtml 可解決此問題

此檔案程式碼優先於同目錄及子目錄下任何檢視程式碼執行

View目錄下自動新增的_ViewStart.cshtml

   @{
          Layout = "~/Views/Shared/_Layout.cshtml";
    } 

有了它,就可以為某個資料夾下所有的檢視新增相同的檢視佈局了

因為這個檔案程式碼優先於任何檢視,所以任何一個檢視都可以重寫LayOut屬性來指定自己想要的模板佈局頁面。

Razor 佈局 – 分佈檢視

Action方法可以通過 PartialView方法以 PartialViewResult形式返回分部檢視
一般用在Ajax請求部分程式碼Controller

        public ActionResult PartialViewTest()
        {
            ViewData["Msg"] = "Hello world!";
            return PartialView();
        }

PartialViewTest.cshtml

<div>@ViewData["Msg"] </div>

Index.cshtml

<div id="divTest">
     @{Html.RenderAction("PartialViewTest");}
</div>

檢視引擎

“僅僅是一個尖括號生成器而已”

此圖僅僅為了強調:
1.檢視引擎發揮作用的地方,它緊跟在Action方法執行後.
       它的目的是獲取從控制器傳遞的資料,並生成經過格式化的輸出。
2.控制器並不渲染檢視,它僅僅準備資料(Model)並通過ViewResult   例項來決定呼叫哪個檢視。
檢視引擎介面 IViewEngine

public interface IViewEngine {
        ViewEngineResult FindPartialView(ControllerContext controllerContext, string partialViewName, bool useCache);

        ViewEngineResult FindView(ControllerContext controllerContext, string viewName, string masterName, bool useCache);

        void ReleaseView(ControllerContext controllerContext, IView view);
}

ViewEngineResult屬性

 其他檢視引擎:Spart,NHaml,Brail,StringTemplate,NVelocity

檢視 IView

public interface IView {
        void Render(ViewContext viewContext, TextWriter writer);
}

MVC檢視的“祕密”

其實我們的cshtml檢視頁面,在被訪問的時候,也編譯成了頁面類,繼承於:WebViewPage<T>

在View頁面,新增程式碼

<div>@{Response.Write(this.GetType().Assembly.Location);}</div>

執行結果:C:\Windows\Microsoft.NET\Framework\v4.0.30319\Temporary ASP.NET Files\root\c8628c1b\abb1511c\App_Web_ceor5kns.dll

用reflector反編譯工具檢視這個dll

cshtml頁面裡的所有的程式碼,都編譯到 這個類的Excute方法裡了

相關推薦

8ASP.NET MVC入門精通——View(檢視)

View檢視職責是向用戶提供介面。負責根據提供的模型資料,生成準備提供給使用者的格式介面。 支援多種檢視引擎(Razor和ASPX檢視引擎是官方預設給出的,其實還支援其它N種檢視引擎,甚至你自己都可以寫一套檢視引擎) View和Action之間資料傳遞(前後臺數據傳遞)   弱型別 View

19ASP.NET MVC入門精通——Unity

一、IOC介紹   IOC(Inversion of Control),中文譯為控制反轉,又稱為“依賴注入”(DI =Dependence Injection)   IOC的基本概念是:不建立物件,但是描述建立它們的方式。在程式碼中不直接與物件和服務連線,但在配置檔案中描述哪一個元件需要哪一項服務。容器負

2ASP.NET MVC入門精通——Entity Framework入門

實體框架(Entity Framework)簡介 簡稱EF 與ADO.NET關係 ADO.NET Entity Framework 是微軟以 ADO.NET 為基礎所發展出來的物件關係對應 (O/R Mapping) 解決方案,早期被稱為 ObjectSpace,最新版本是EF7【CodeOnly功能得

6ASP.NET MVC入門精通——ASP.Net的兩種開發方式

目前,ASP.NET中兩種主流的開發方式是:ASP.NET Webform和ASP.NET MVC。從下圖可以看到ASP.NET WebForms和ASP.NET MVC是並行的,也就是說MVC不會取代WebForms(至少目前是這樣)而是多了一個選擇,Webform在短期之內不會消亡,儘管存在許多缺點,

5ASP.NET MVC入門精通——NHibernate程式碼對映

使用的是xml進行orm對映,那麼這一篇就來講下程式碼對映。 新建一個抽象的資料化持久基類AbstractNHibernateDao.cs /// <summary> /// 資料持久化基本 /// </summary> ///

12ASP.NET MVC入門精通——HtmlHelper

HtmlHelper:是為了方便View的開發而產生 HtmlHelper的演變 普通首頁超級連結為:<a href="/home/index">首頁</a> 當路由改變時候則可能需要修改為:<a href="/home/index1">首頁</a&

9ASP.NET MVC入門精通——Controller(控制器)

Controller主要負責響應使用者的輸入。主要關注的是應用程式流,輸入資料的處理,以及對相關檢視(View)輸出資料的提供。 繼承自:System.Web.Mvc.Controller 一個Controller可以包含多個Action. 每一個Action都是一個方法, 返回一個Act

22ASP.NET MVC入門精通——搭建專案框架

前面的章節,說了ASP.NET MVC專案中常用的一些技術和知識點,更多的是理論上面的東西,接下來,我將通過一個簡單的OA專案來應用我們之前涉及到的一些技術,為了兼顧初學者,所以我儘量把操作步驟說得足夠詳細。(本來想用VS2015來演示MVC5開發的,無奈家裡的筆記本是11年2月份的老爺機了,一直未曾捨得

7ASP.NET MVC入門精通——第一個ASP.NET MVC程式

開發流程 新建Controller 建立Action 根據Action建立View 在Action獲取資料並生產ActionResult傳遞給View。 View是顯示資料的模板 Url請求→Controller.Action處理→View響應 url請求→Controller.Ac

3ASP.NET MVC入門精通——Entity Framework增刪改查

這裡我接上講Entity Framework入門。從網上下載Northwind資料庫,新建一個控制檯程式,然後重新新增一個ado.net實體資料模型。 EF中操作資料庫的"閘道器"(操作上下文) DBContext封裝 .NET Framework 和資料庫之間的連線。此類用作“建立”、“讀取”、“更

11ASP.NET MVC入門精通——AspnetMVC分頁

說起分頁,這基本上是我們Web開發中遇見得最多的場景,沒有之一,可即便如此,要做出比較優雅的分頁還是需要技巧的。這裡我先說一種ASP.NET MVC中很常見的一種分頁的實現方式,很low,但是很多公司的專案就是這麼用的,我現在公司的專案就是也是,有時候面對公司專案屎一樣的使用者體驗和雜亂的程式碼,真是恨不

13ASP.NET MVC入門精通——MVC請求管道

ASP.NET MVC的請求管道和ASP.NET請求管道基本上一模一樣,如果你對ASP.NET請求管道十分熟悉的話,你只要關注一下不同點。看懂下面兩張圖,你就基本上明瞭了,這兩張圖是從鄒華棟部落格上面取的。(說明:我不是給傳智帶鹽的,這圖確實畫得通俗易懂)不明白的地方,用reflector工具檢視MVC的

25ASP.NET MVC入門精通——Spring.net-業務層倉儲

上一節,我們已經把專案框架的雛形搭建好了,那麼現在我來開始業務實現,在業務實現的過程當中,不斷的來完善我們現有的框架。 1、假設我們來做一個使用者登入的業務 那麼我們可以現在IDAL專案中定義的的介面IOu_UserInfoDAL,注意是部分類partial,為了方便管理,把這些擴充套件的部分介面都統

20ASP.NET MVC入門精通——WebAPI

微軟有了Webservice和WCF,為什麼還要有WebAPI? 用過WCF的人應該都清楚,面對那一大堆複雜的配置檔案,有時候一出問題,真的會叫人抓狂。而且供不同的客戶端呼叫不是很方便。不得不承認WCF的功能確實非常強大,可是有時候我們通常不需要那麼複雜的功能,只需要簡單的僅通過使用Http或Https

17ASP.NET MVC入門精通——Spring.net入門

Spring.NET環境準備 下載後解壓   Spring.NET-1.3.2.7z:這個裡面有我們需要用到的所有東西。 Spring.NET-1.3.2.exe:安裝檔案 Spring.NET-1.3.2-API.chm:幫助文件 NHibernate 3.2 的下載地址:   

26ASP.NET MVC入門精通——後臺管理區域及分離Js壓縮cssjquery擴充套件

有好一段時間沒更新博文了,最近在忙兩件事:1、看書,學習中...2、為公司年會節目做準備,由於許久沒有練習雙截棍了,難免生疏,所以現在臨時抱佛腳。深圳最近的天氣反常,許多人感冒了,我也成為其中之一,大家注意身體... 這一篇,我來簡單的講一下接下來專案中會用到的一些雜七雜八的技術。 區域及分離

21ASP.NET MVC入門精通——ASP.NET MVC4優化

刪除無用的檢視引擎 預設情況下,ASP.NET MVCE同時支援WebForm和Razor引擎,而我們通常在同一個專案中只用到了一種檢視引擎,如Razor,那麼,我們就可以移除掉沒有使用的檢視引擎,提高View檢視的檢索效率。在沒有刪除WebForm引擎之前,檢索控制器中不存在的檢視時,我們可以從下圖看

23ASP.NET MVC入門精通——業務層和資料層父類及介面-T4模板

在上一篇中,我們已經把專案的基本框架搭起來了,這一篇我們就來實現業務層和資料層的父介面及父類。 1、我們先來定義一個業務層父介面IBaseBLL.cs using System; using System.Collections.Generic; using System.Linq; u

1ASP.NET MVC入門精通——新語法

在學習ASP.NET MVC之前,有必要先了解一下C#3.0所帶來的新的語法特性,這一點尤為重要,因為在MVC專案中我們利用C#3.0的新特性將會大大的提高我們的開發效率,同時,在MVC專案中你將到處可以看到C#3.0新特性的身影。其本質都是“語法糖”,由編譯器在編譯時轉成原始語法。 目錄 自動屬

10ASP.NET MVC入門精通——Model(模型)和驗證

模型就是處理業務,想要儲存、建立、更新、刪除的物件。 註解(通過特性實現) DisplayName Required StringLength(20,MinimumLength=2) DataType(System.ComponentModel.DataAnnotations.Dat