ASP.NET MVC教程二：ASP.NET MVC應用程序結構詳解

時間 2019-11-06

標籤 asp.net asp mvc 教程應用程序結構詳解欄目 ASP 简体版

原文原文鏈接

在上一篇文章中，講解了一些MVC的概念，而且建立了第一個ASP.NET MVC項目，這篇文章將講解ASP.NET MVC程序中的代碼解構，新建立的MVC應用程序解構以下圖所示：html

1、App_Data

App_Data目錄用於存儲想要讀取或寫入的數據文件。數據庫

2、App_Start

App_Start文件夾目錄以下圖所示：ide

顧名思義：該目錄用於保存一些功能的配置代碼，例如路由、捆綁和過濾器等。佈局

3、Content

Content文件夾目錄以下：字體

該文件夾用於存放資源文件，例如CSS、圖像和其餘站點內容，而非腳本。網站

4、Controllers

Controllers文件夾目錄結構以下：spa

該目錄用於保存那些處理URL請求的Controller類。按照約定，項目中全部的Controller文件都放在該文件夾裏面。日誌

5、font

font文件夾目錄結構以下：code

該目錄用於保存Bootstrap模板系統包含的一些自定義Web字體。htm

6、Models

該目錄用於保存那些表示和操縱數據以及業務對象的實體類。

7、Scripts

Scripts文件夾目錄結構以下：

該目錄用於保存項目中全部的JavaScript庫文件和腳本(.js)文件。

8、Views

Views文件夾目錄結構以下：

該文件夾用於保存項目中的全部視圖文件。包括以控制器名稱命名的文件夾。按照約定：視圖的名稱和控制器裏面的Action方法的名稱必須一致，不然程序會報錯。以下圖所示：

從上面的截圖中可以看出：視圖的名稱和控制器裏面Action方法的名稱一一對應。下面把About視圖的名稱改爲About1，而後在訪問About視圖，看看是什麼效果：

這是由於程序找不到名爲About的視圖，因此報錯了。這就說明視圖名稱必須和Action方法名稱一一對應。

在Views文件夾下面還有一個Shared文件夾，該文件夾目錄以下：

該文件夾裏面的視圖至關於模板視圖，任何控制器下面找不到的視圖都會去Shared文件夾下面找相應的視圖。_Layout.cshtml就是一個全局視圖，用於整個項目的總體佈局，後面會講到該視圖。

在上面的例子中，把About視圖的名稱改爲了About1，如今在Shared文件夾下面建立一個About視圖，而後在訪問HomeController裏面的About方法，看看這時程序顯示的效果：

這時程序就不會報錯了，由於Home文件夾下面沒有名爲About的視圖，因此程序會去Shared文件夾下面查找名爲About的視圖。

9、Web.config

看下面的截圖：

從上面截圖中能夠看出：項目中存在兩個Web.config文件，一個位於項目的根目錄中，另一個Views文件夾下面，那麼這兩個Web.config文件有什麼做用呢？

一、根目錄下面的Web.config文件

根目錄下面的Web.config文件是系統的配置文件，用於配置數據庫鏈接字符串等。

二、Views文件夾下面的Web.config

看視圖中的一段代碼：

@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>CustomerAction</title>
</head>
<body>
    <div> 
        <h1>當前登陸用戶:@base.ViewData["UserId"]</h1>
    </div>
</body>
</html>

在上面一段代碼中，有一句：@base.ViewData["UserId"]，這裏有一個base，base表示父類，F12查看定義：

#region 程序集 System.Web.Mvc, Version=5.2.7.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35
// D:\Practice\MVC\Demo\ASPNETMVCDemo\packages\Microsoft.AspNet.Mvc.5.2.7\lib\net45\System.Web.Mvc.dll
#endregion

namespace System.Web.Mvc
{
    //
    // 摘要:
    //     表示呈現使用 ASP.NET Razor 語法的視圖所需的屬性和方法。
    //
    // 類型參數:
    //   TModel:
    //     視圖數據模型的類型。
    public abstract class WebViewPage<TModel> : WebViewPage
    {
        //
        // 摘要:
        //     初始化 System.Web.Mvc.WebViewPage`1 類的新實例。
        protected WebViewPage();

        //
        // 摘要:
        //     獲取或設置 System.Web.Mvc.AjaxHelper 對象，該對象用於使用 Ajax 呈現 HTML 標記。
        //
        // 返回結果:
        //     用於使用 AJAX 呈現 HTML 標記的 System.Web.Mvc.AjaxHelper 對象。
        public AjaxHelper<TModel> Ajax { get; set; }
        //
        // 摘要:
        //     獲取或設置 System.Web.Mvc.HtmlHelper 對象，該對象用於呈現 HTML 元素。
        //
        // 返回結果:
        //     用於呈現 HTML 元素的 System.Web.Mvc.HtmlHelper 對象。
        public HtmlHelper<TModel> Html { get; set; }
        //
        // 摘要:
        //     獲取關聯的 System.Web.Mvc.ViewDataDictionary 對象的 Model 屬性。
        //
        // 返回結果:
        //     關聯的 System.Web.Mvc.ViewDataDictionary 對象的 Model 屬性。
        public TModel Model { get; }
        //
        // 摘要:
        //     獲取或設置一個字典，其中包含在控制器和視圖之間傳遞的數據。
        //
        // 返回結果:
        //     一個字典，其中包含在控制器和視圖之間傳遞的數據。
        public ViewDataDictionary<TModel> ViewData { get; set; }

        //
        // 摘要:
        //     初始化 System.Web.Mvc.AjaxHelper、System.Web.Mvc.HtmlHelper 和 System.Web.Mvc.UrlHelper
        //     類。
        public override void InitHelpers();
        //
        // 摘要:
        //     設置視圖數據。
        //
        // 參數:
        //   viewData:
        //     視圖數據。
        protected override void SetViewData(ViewDataDictionary viewData);
    }
}

這說明視圖裏面的cshtml代碼有一個父類：WebViewPage。那麼WebViewPage是如何來的呢，看視圖下面的Web.config文件：

10、Global.asax

下面看看Global.asax文件代碼：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using System.Web.Optimization;
using System.Web.Routing;

namespace ASPNETMVCDemo
{
    public class MvcApplication : System.Web.HttpApplication
    {
        protected void Application_Start()
        {
            // 註冊全部區域路由
            AreaRegistration.RegisterAllAreas();
            // 註冊過濾器
            FilterConfig.RegisterGlobalFilters(GlobalFilters.Filters);
            // 註冊路由
            RouteConfig.RegisterRoutes(RouteTable.Routes);
            // 綁定
            BundleConfig.RegisterBundles(BundleTable.Bundles);
        }
    }
}

程序啓動的時候會首先執行Global.asax裏面的Application_Start()方法，該方法只在程序啓動的時候執行一次，完成初始化工做。修改代碼以下：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using System.Web.Optimization;
using System.Web.Routing;
using System.IO;

namespace ASPNETMVCDemo
{
    public class MvcApplication : System.Web.HttpApplication
    {
        protected void Application_Start()
        {
            string strFilePath = @"C:\LogInfo.txt";
            using (StreamWriter sw = new StreamWriter(strFilePath))
            {
                sw.WriteLine("網站啓動");
                sw.Close();
            }

                // 註冊全部區域路由
                AreaRegistration.RegisterAllAreas();
            // 註冊過濾器
            FilterConfig.RegisterGlobalFilters(GlobalFilters.Filters);
            // 註冊路由
            RouteConfig.RegisterRoutes(RouteTable.Routes);
            // 綁定
            BundleConfig.RegisterBundles(BundleTable.Bundles);
        }
    }
}