1. 程式人生 > >ASP.NET MVC 重點教程一週年版 第十一回 母版頁、使用者自定義控制元件及檔案上傳

ASP.NET MVC 重點教程一週年版 第十一回 母版頁、使用者自定義控制元件及檔案上傳

母版頁(Master)

1.母版頁是與Controller無關的,母版頁只是一個View檔案,而沒有任何Controller與之相對應。

2.其實在ASP.NET MVC中View的aspx與母版頁並不像WebForm中那樣緊密關聯。

例如我想更換一個aspx的母版頁,只要在Action中return 時指定所要使用的Master即可:

image

如圖我有2個Master檔案,而/Views/Home/Index.aspx則為

image

這時我們如果想要使用Site2做為Master,只要在Action中return View指定masterName的引數即可:

   1: public
ActionResult Index() {
   2:     return View(null,"Site2");
   3: }

自定義控制元件

RenderPartial

ASP.NET MVC中如果要自定義控制元件的話並不能像WebForm那樣用<cc1:xxxx />這樣來引用,而要使用Helper。

例如我們建立一個ct.ascx

image

其內容:

   1: <%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl" %>
   2: 我是ct.ascx

然後在Index.aspx裡呼叫

   1: <%Html.RenderPartial("ct"); %>

OK(注意這裡不是用<%=%>顯示而是執行語句)

最終顯示結果就是:

image 

使用者自定義控制元件除了放在呼叫者同一目錄下,也可以放在View/Shared中。而且這種自定義控制元件也是沒有Controller支援的,僅是將View的部分提取為公共使用。

那麼如果我們想呼叫的ascx有邏輯處理或呼叫資料庫,也就是需要Controller的情況下,我們應該怎麼辦呢。

RenderAction

OK比如我想有一個有獨立邏輯的ascx.

web.config/configuration/System.Web/pages/namespaces新增<add namespace="Microsoft.Web.Mvc"/>

那麼和建立一個Action是一樣的

Action:

   1: public ActionResult CtAction() {
   2:     return PartialView();//注意這裡不是View
   3: }

View(CtAction.ascx)

   1: <%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl" %>
   2:  
   3: 顯示當前Action:<%=this.ViewContext.RouteData.Values["action"]%>
View(Index.aspx):
   1: <%
   2:     Html.RenderAction("ctaction","home"); %>

OK執行起來,結果為:

image

檔案的上傳

下面來說一下與本篇本無關的話題就是檔案的上傳,我這裡也不多做解釋了,程式碼就是最好的語言。

View:

   1: <form action="<%=Url.Action("Process") %>" enctype="multipart/form-data" method="post">
   2: <input name="up1" type="file" /> <input type="submit" />
   3: </form>

Action(Process):

   1: public ActionResult Process(HttpPostedFileBase up1)
   2: {//引數名與name名一致即可
   3:     up1.SaveAs(Server.MapPath("~/" + up1.FileName));
   4:     return Content(up1.FileName);
   5: }

顯示:image

提交後:image

再看看資料夾,檔案已經上傳成功:

image

至此,我想ASP.NET MVC重典一週年版已經沒有什麼基礎東西可以講了,如果大家想進一步學習ASP.NET MVC,請關注Asp.net Mvc Framework 系列的隨時更新