![ASP.NET框架应用程序实战:软件开发工程师岗前必备](https://wfqqreader-1252317822.image.myqcloud.com/cover/261/26944261/b_26944261.jpg)
2.3 Hello MVC
学习一个软件开发框架最有效的方式就是了解并使用它。本节我们将创建一个简单的ASP.NET MVC应用程序,以使你能快速对整个框架有一个大致的了解,我们会在后续的章节中陆续进行详细介绍。
(1)启动VisualStudio2013,选择“文件 → 创建 → 项目”命令,VS将启动创建项目对话框,然后选择C#下面的Web模板,并选择.NET Framework4.5版本,你会看到ASP.NET Web应用程序项目模板,单击选择此项目类型,如图2-3所示。
![](https://epubservercos.yuewen.com/E39A85/15367257904235406/epubprivate/OEBPS/Images/figure_0040_0002.jpg?sign=1738937417-SbbnqdlcVrB9ZPhFINYFfpf96OjJ9oQv-0-c686bc555232f30ae4615062050014be)
图2-3 创建MVC项目
(2)设置项目的名字为LMS,单击“确认”按钮后,会出现另外一个对话框,列举了项目的各种模板以供选择。不同的项目模板所对应程序将会拥有不同的特性,比如授权、导航或者样式。为了简化,我们选择空模板(Empty)。为对象添加文件夹和核心引用并选择MVC,这将创建一个包含基本文件结构的MVC项目,最后单击“确认”按钮完成新项目的创建,如图2-4所示。
![](https://epubservercos.yuewen.com/E39A85/15367257904235406/epubprivate/OEBPS/Images/figure_0041_0001.jpg?sign=1738937417-HkZYOuIsYevCtv95nPGFUKSCsHEUDoHv-0-02c7942118eb57187077941ab904db4a)
图2-4 选择项目模板
当VisualStudio创建了项目之后,你会看到许多文件和文件夹显示在解决方案(SolutionExplorer)窗口中,如图2-5所示。
![](https://epubservercos.yuewen.com/E39A85/15367257904235406/epubprivate/OEBPS/Images/figure_0041_0002.jpg?sign=1738937417-mi19d4jnUs9fyECV1m5IorYjBiZbUTXZ-0-2143cedf2f49da314e9b3270f781ce8f)
图2-5 项目解决方案目录
这就是MVC项目的默认结构。由于创建的是空项目,因此程序不包含任何可以执行的程序,所以还需要添加控制和视图。
(3)添加控制器。下面添加一个控制器到项目中。在VisualStudio解决方案浏览器窗口中的Controller文件夹上右击,然后选择“添加”→“控制器”命令,如图2-6所示。
![](https://epubservercos.yuewen.com/E39A85/15367257904235406/epubprivate/OEBPS/Images/figure_0042_0001.jpg?sign=1738937417-5ExPTIV0qwKTpCqu6qA69MMMCvGhOx1R-0-a96ef536eaa412c44496689c949ad767)
图2-6 添加控制器
接下来,会弹出“添加支架”的对话框(见图2-7),里面提供了多种支架模板供选择,此处选择“MVC5控制器-空”选项,然后单击“添加”按钮。
![](https://epubservercos.yuewen.com/E39A85/15367257904235406/epubprivate/OEBPS/Images/figure_0042_0002.jpg?sign=1738937417-U9DrdlHFFwo2LpOumDyILOnrypWdMiQl-0-b5ca7008e4e6cc3d75aa7464b3ab1469)
图2-7 选择支架
接下来会出现“添加控制器”对话框,设置控制器的名称为HomeController,控制器的名字必须以Controller结束,如图2-8所示。
![](https://epubservercos.yuewen.com/E39A85/15367257904235406/epubprivate/OEBPS/Images/figure_0042_0003.jpg?sign=1738937417-zM6Li4uHbIpreExA0Br0DpY6PQtpH9kU-0-ba1b1f52c93fa50107435e65f58f7f76)
图2-8 设置控制器的名称
单击“添加”按钮后,VisualStudio会创建控制器文件,并在控制器类文件中自动生成一个默认行为(Action)的方法——Index(),如图2-9所示。
![](https://epubservercos.yuewen.com/E39A85/15367257904235406/epubprivate/OEBPS/Images/figure_0043_0001.jpg?sign=1738937417-3kjja0mXOQBqLKDy8UhZ1PZ4xzj6DuRN-0-8c3c7898b978a6a68c904fc84dd8cf9a)
图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所示。
![](https://epubservercos.yuewen.com/E39A85/15367257904235406/epubprivate/OEBPS/Images/figure_0044_0001.jpg?sign=1738937417-oJyAcGtSMq831BIJpgh9pPsAFr0LuzCo-0-baacb5c0c21f7543191228960b7b97db)
图2-10 添加视图
在弹出的“添加视图”对话框中,设置视图的名称为Index(视图默认的名称与Action的名称相同),其他选项均使用为默认值,如图2-11所示。
![](https://epubservercos.yuewen.com/E39A85/15367257904235406/epubprivate/OEBPS/Images/figure_0044_0002.jpg?sign=1738937417-EYSVWHm4ZvAucta81rb0ODtsZBUoJ28z-0-9fc82b53a2089bde8bc002c2c9627be1)
图2-11 设置视图的名称
单击“添加”按钮,完成视图的创建,并生成默认的视图文件Index.cshtml(见图2-12),该文件的目录结构遵循一定的规范,在后面的章节中将会详细讲解。
![](https://epubservercos.yuewen.com/E39A85/15367257904235406/epubprivate/OEBPS/Images/figure_0045_0001.jpg?sign=1738937417-9Dtl7BZwaiejuHO8gEQqZ1FpZs0kAVIF-0-6f1fc4f5ff9c799ebd0ad5f1227707f2)
图2-12 生成的Index默认视图
下面修改视图的内容在刚生成的Index.cshtml视图中显示Controller传递过来的消息,使用@ViewBag.Message即可实现效果。修改后的视图代码如下:
@{ ViewBag.Title="Index"; } <h2>@ViewBag.Message</h2>
(5)运行程序。此时已完成MVC最简单的应用程序的创建,令人激动的事情即将发生,在VisualStudio工具栏上单击“调试”按钮,在浏览器中就可以得到如图2-13所示的结果。
![](https://epubservercos.yuewen.com/E39A85/15367257904235406/epubprivate/OEBPS/Images/figure_0045_0002.jpg?sign=1738937417-Zb9tnS82Ih6B5fTcOxMac6AQ5noQ7RXg-0-ec6ec88409a9dc740813e91acd836253)
图2-13 MVC应用程序运行的结果