ASP.NET框架应用程序实战:软件开发工程师岗前必备
上QQ阅读APP看书,第一时间看更新

2.3 Hello MVC

学习一个软件开发框架最有效的方式就是了解并使用它。本节我们将创建一个简单的ASP.NET MVC应用程序,以使你能快速对整个框架有一个大致的了解,我们会在后续的章节中陆续进行详细介绍。

(1)启动VisualStudio2013,选择“文件 → 创建 → 项目”命令,VS将启动创建项目对话框,然后选择C#下面的Web模板,并选择.NET Framework4.5版本,你会看到ASP.NET Web应用程序项目模板,单击选择此项目类型,如图2-3所示。

图2-3 创建MVC项目

(2)设置项目的名字为LMS,单击“确认”按钮后,会出现另外一个对话框,列举了项目的各种模板以供选择。不同的项目模板所对应程序将会拥有不同的特性,比如授权、导航或者样式。为了简化,我们选择空模板(Empty)。为对象添加文件夹和核心引用并选择MVC,这将创建一个包含基本文件结构的MVC项目,最后单击“确认”按钮完成新项目的创建,如图2-4所示。

图2-4 选择项目模板

当VisualStudio创建了项目之后,你会看到许多文件和文件夹显示在解决方案(SolutionExplorer)窗口中,如图2-5所示。

图2-5 项目解决方案目录

这就是MVC项目的默认结构。由于创建的是空项目,因此程序不包含任何可以执行的程序,所以还需要添加控制和视图。

(3)添加控制器。下面添加一个控制器到项目中。在VisualStudio解决方案浏览器窗口中的Controller文件夹上右击,然后选择“添加”→“控制器”命令,如图2-6所示。

图2-6 添加控制器

接下来,会弹出“添加支架”的对话框(见图2-7),里面提供了多种支架模板供选择,此处选择“MVC5控制器-空”选项,然后单击“添加”按钮。

图2-7 选择支架

接下来会出现“添加控制器”对话框,设置控制器的名称为HomeController,控制器的名字必须以Controller结束,如图2-8所示。

图2-8 设置控制器的名称

单击“添加”按钮后,VisualStudio会创建控制器文件,并在控制器类文件中自动生成一个默认行为(Action)的方法——Index(),如图2-9所示。

图2-9 生成的控制器代码

在刚生成的Index行为方法体中做点小改动,使用ViewBag动态对象向视图传递一个消息“Hello MVC”,改动后的代码如下:

        public class HomeController: Controller
        {
            //GET:/Home/
            public ActionResult Index()
            {
                //向视图传递消息
                ViewBag.Message="Hello MVC";

                return View();
            }
        }

(4)添加视图。如果只有控制器,程序依然不能执行,还需要有控制器中行为(Action)的方法所对应的视图才行。MVC5项目默认使用Razor视图引擎来开发项目。在HomeController文件中,将光标置于Index行为方法体内,右击,在弹出的快捷菜单中选择“添加视图”命令,如图2-10所示。

图2-10 添加视图

在弹出的“添加视图”对话框中,设置视图的名称为Index(视图默认的名称与Action的名称相同),其他选项均使用为默认值,如图2-11所示。

图2-11 设置视图的名称

单击“添加”按钮,完成视图的创建,并生成默认的视图文件Index.cshtml(见图2-12),该文件的目录结构遵循一定的规范,在后面的章节中将会详细讲解。

图2-12 生成的Index默认视图

下面修改视图的内容在刚生成的Index.cshtml视图中显示Controller传递过来的消息,使用@ViewBag.Message即可实现效果。修改后的视图代码如下:

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

(5)运行程序。此时已完成MVC最简单的应用程序的创建,令人激动的事情即将发生,在VisualStudio工具栏上单击“调试”按钮,在浏览器中就可以得到如图2-13所示的结果。

图2-13 MVC应用程序运行的结果