第3章初识MVC——ASP.NET MVC企业级实战

深碍√TFBOYSˉ_ 2021-06-24 16:11 418阅读 0赞

## 目录： ##

#### 3.1 MVC简介与三层架构 ####

#### 3.2 第一个ASP.NET MVC 程序 ####

#### 3.3 简单了解Razor视图 ####

--------------------

#### 3.1 MVC简介与三层架构 ####

*  MVC最早于1978年提出，是软件中的一种软件**架构模式**。
 *  三层模式是软件工程中的程序**设计模式**，是MVC设计思想的一种体现。

#### 3.2 第一个ASP.NET MVC 程序 ####

1.创建MVC项目

![2789632-43c8ed4fd7caec32.png][]

创建好之后，可以先运行下，看看结果如何。

![2789632-77ea6d520c11a431.png][]

这个地方竟然在创建的时候，就有局部用的是汉字。不知道我的VS是汉化的，代码中也是汉字，所以这个应该是跟VS有关，可是不知道为什么步汉化完全。  
2.添加一个Blog Controller

using System;
    using System.Collections.Generic;
    using System.Linq;
    using System.Web;
    using System.Web.Mvc;
    
    namespace FirstMVCApp.Controllers
    {
        public class BlogController : Controller
        {
            // GET: Blog
            public ActionResult Index()
            {
                ViewBag.Message = "This is a MVCDemo";
                return View();
            }
        }
    }

3.再添加视图，将鼠标放置Index上，右击，添加视图

@{
        ViewBag.Title = "Index";
    }
    
    <h5>@ViewBag.Message</h5>

4.运行  
如果想执行Blog的视图，可以更改RouterConfig.cs的路由配置，启动时，打开Bolg的视图。这里就步那么做了，直接在浏览器中修改路径。此时我把自带 的一些模版给注释了。

![2789632-0c53ce5d16987866.png][]

1.  我们可以看到asp.net mvc 的请求都归结到Action上，所以是URL驱动，而且Action跟view是弱耦合关系，因为我们可以在Action中的view（）方法中指定视图名称。例如，在Blog下新建一个视图Article，并且在Blog视图中添加一个Action方法，ShowArticle（）。
    
      
    
    
    ![2789632-d8d0fae5ebbca17d.png][]
    
      
    
    
    运行结果：
    
      
    
    
    ![2789632-fb686f7f702bb461.png][]
    
      
    6.在这里，也可以不返回视图，直接返回字段，例如，直接在controller里返回一个字符串。如下：  
    
    
    ![2789632-8a47ce9fe2b8ba98.png][]
    
      
    
    
    运行结果：
    
      
    
    
    ![2789632-23c08e511c95da92.png][]

#### 3.3 简单了解Razor视图 ####

以cshtml为后缀的就是Razor视图。在asp.net mvc中，官方给出不了两种默认视图，一种是aspx（就是传统的webform），一种就是Razor。  
在视图中，我们可以直接调用C\#代码和代码块，只要在调用之前加一个@符号即可。代码块要用大括号括起来。例如，刚刚的显示article的代码中，添加代码如下所示：

![2789632-07f8b7950f1e2827.png][]

结果如下：

![2789632-35ad7fff2aff7249.png][]

微信公众号：

![2789632-3b18269684ea9294.png][]

公众号.png

[2789632-43c8ed4fd7caec32.png]: /images/20210615/60faca916563491da30c34928628ff92.png
[2789632-77ea6d520c11a431.png]: /images/20210615/0867bd7946f84f6290e0c9957ce7a12a.png
[2789632-0c53ce5d16987866.png]: /images/20210615/f8d8625620cd45b294d900af2dc54b2c.png
[2789632-d8d0fae5ebbca17d.png]: /images/20210615/e9f31feaab274614bad7cff6055eb2c6.png
[2789632-fb686f7f702bb461.png]: /images/20210615/79e3133e229948ad9a3552778857770e.png
[2789632-8a47ce9fe2b8ba98.png]: /images/20210615/bc16f15a0ba74adbac8501f909415eab.png
[2789632-23c08e511c95da92.png]: /images/20210615/31f4c791fd1d4f8087b358bb074c8dc4.png
[2789632-07f8b7950f1e2827.png]: /images/20210615/256a605a7db340708eba59d52ad298e5.png
[2789632-35ad7fff2aff7249.png]: /images/20210615/4daca02d40b9463f9edc4b0109d7cccc.png
[2789632-3b18269684ea9294.png]: /images/20210615/4e8a39434418468ea920cb68e2df7bfc.png