ASP.NET MVC
简介
MVC 是三种 ASP.NET 编程模式中的一种。
MVC 是一种使用 MVC(Model View Controller 模型-视图-控制器)设计创建 Web 应用程序的模式:
- Model(模型)表示应用程序核心(比如数据库记录列表)。
- View(视图)显示数据(数据库记录)。
- Controller(控制器)处理输入(写入数据库记录)。
MVC 模式同时提供了对 HTML、CSS 和 JavaScript 的完全控制。

Hello,World
创建第一个MVC应用程序
1、点击文件,新建项目。

2、选择ASP.NET Web 应用程序,点击确定。
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-S2Bcz0NT-1636100034090)(C:\Users\Joise\Desktop${img}\image-20211105155217237.png)] .net mvc架构实验报告 .net mvc流程_后端_03](https://s2.51cto.com/images/blog/202310/07175207_65212a472ba8841841.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_30,g_se,x_10,y_10,shadow_20,type_ZmFuZ3poZW5naGVpdGk=/resize,m_fixed,w_1184)
3、选择MVC,看自己的需要选择项目模板。

4、Models、Views、 Controllers就是编写MVC三个组件的三个目录,APP_Data是存放数据库连接.mdf文件的地方。最下面的Web.config(不同于Views目录里的另一个同名文件)是Web项目的全局配置文件,我们连接数据库时要修改这个文件。
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-obu9zQqZ-1636100034093)(C:\Users\Joise\Desktop${img}\image-20211105155402966.png)] .net mvc架构实验报告 .net mvc流程_MVC_05](https://s2.51cto.com/images/blog/202310/07175207_65212a479ed2c78785.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_30,g_se,x_10,y_10,shadow_20,type_ZmFuZ3poZW5naGVpdGk=/resize,m_fixed,w_1184)
5、创建简单控制器。右击Controller目录,添加一个控制器。

6、选择第一个MVC5空,点击添加。
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-kwzk2VnR-1636100034096)(C:\Users\Joise\Desktop${img}\image-20211105155458375.png)] .net mvc架构实验报告 .net mvc流程_mvc_07](https://s2.51cto.com/images/blog/202310/07175208_65212a4800cac95128.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_30,g_se,x_10,y_10,shadow_20,type_ZmFuZ3poZW5naGVpdGk=/resize,m_fixed,w_1184)
7、取名为HomeController。
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-0RkrLMZw-1636100034097)(C:\Users\Joise\Desktop${img}\image-20211105160851893.png)] .net mvc架构实验报告 .net mvc流程_MVC_08](https://s2.51cto.com/images/blog/202310/07175208_65212a481a1f88887.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_30,g_se,x_10,y_10,shadow_20,type_ZmFuZ3poZW5naGVpdGk=/resize,m_fixed,w_1184)
8、完成后如下,修改代码。
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-iO8b3MLa-1636100034099)(C:\Users\Joise\Desktop${img}\image-20211105155828725.png)] .net mvc架构实验报告 .net mvc流程_后端_09](https://s2.51cto.com/images/blog/202310/07175208_65212a483503685649.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_30,g_se,x_10,y_10,shadow_20,type_ZmFuZ3poZW5naGVpdGk=/resize,m_fixed,w_1184)
9、运行。
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-nlsvddLA-1636100034100)(C:\Users\Joise\Desktop${img}\image-20211105155750372.png)] .net mvc架构实验报告 .net mvc流程_MVC_10](https://s2.51cto.com/images/blog/202310/07175208_65212a485136f64284.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_30,g_se,x_10,y_10,shadow_20,type_ZmFuZ3poZW5naGVpdGk=/resize,m_fixed,w_1184)
10、尝试出入html格式。
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-RK0ZsgxM-1636100034101)(C:\Users\Joise\Desktop${img}\image-20211105155857244.png)] .net mvc架构实验报告 .net mvc流程_asp.net_11](https://s2.51cto.com/images/blog/202310/07175208_65212a4872b9b29930.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_30,g_se,x_10,y_10,shadow_20,type_ZmFuZ3poZW5naGVpdGk=/resize,m_fixed,w_1184)
11、运行。
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-xEQItJ7q-1636100034102)(C:\Users\Joise\Desktop${img}\image-20211105155811782.png)] .net mvc架构实验报告 .net mvc流程_mvc_12](https://s2.51cto.com/images/blog/202310/07175208_65212a4895d3a88652.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_30,g_se,x_10,y_10,shadow_20,type_ZmFuZ3poZW5naGVpdGk=/resize,m_fixed,w_1184)
                
 
 
                     
            
        













 
                    

 
                 
                    