ASP.NET MVC (一、控制器与视图)

2022-11-29 15:07:40 浏览数 (1)

目录

前言:

1、MVC简介

 2、项目创建:(这里使用工具为:Visual Studio 2019)

 2.1、文件夹与文件夹介绍:

3、控制器

 3.1、添加控制器

 3.2、添加视图层

 3.3、修改默认路由

前言:

ASP.NET MVC是最简洁、最方便、最高效、最快速的小型网站开发的方法,本文可以让一个小白用最快速的方式学会网站开发。

这个世界上只有一种真正的英雄主义: 认清生活的真想,并且任然热爱它。难道向上攀爬的那条路,不是比站在顶峰更让人心潮澎湃吗?

1、MVC简介

MVC是一种软件设计模式。 组成:Model(模型)、View(视图)和Controller(控制器) 作用:用户接口和逻辑层相互分离,以便开发人员更好地关注逻辑层的设计和测试,并使整个程序具备清晰的架构

 MVC执行流程:浏览器请求->控制器->模型->视图->显示结果 

Model 模型是实现应用程序数据域逻辑的应用程序组件,通常被称为“数据模型”。模型对象会检索模型状态并将其存储在数据库中。 

Controller 控制器是处理用户交互、使用模型并选择视图来显示界面的组件。在 MVC 应用程序中,视图仅显示界面;控制器则用于处理和响应用户输入和交互。 

View 视图是显示应用程序用户界面 (UI) 的组件。 通常,此 UI 由模型数据创建。 

当前版本:

ASP.NET MVC 5 2013年10月,ASP.NET MVC 5与Visual Studio 2013一起发布。这个版本的关注点是“One ASP.NET”计划,以及对整个ASP.NET框架所做的核心增强。 以下为其主要特性: One ASP.NET 新的Web项目体验 ASP.NET Identity Bootstrap模板 

版本要求:

软件要求 ASP.NET MVC 5需要.NET Framework 4.5。因此,它可以运行在下面这些Windows客户端操作系统上:Windows Vista SP2、Windows7、Windows8和Windows10。 也可以运行在下Windows Server2008 R2、Windows Server2012这些服务器操作系统上。 支持开发工具 Visual Studio 2012和Visual Studio 2013及其后续版本

 2、项目创建:(这里使用工具为:Visual Studio 2019)

选择【ASP.NET Web 应用程序(.NET Framework)】

 输入项目名称,点击【创建】

 选择【MVC】,点击取消【为HTTPS配置】,点击【创建】。

 创建效果如下图:

 点击开始执行:

 执行效果:

 2.1、文件夹与文件夹介绍:

目录

说明

App_Data

数据的物理存储区,即本地化的数据库文件或数据文件。

App_Start

包含多个静态配置类,执行应用程序的初始化任务

Content

放置应用程序的静态内容,如CSS、可下载的文件及音乐文件等

Controller

放置控制器文件。控制器文件是后缀名为.cs或.vb的类文件

Models

放置数据模型对象的文件,如.cs、.vb、.edmx和.dbml等

Scripts

放置JavaScript、jQuery文件,文件后缀名通常为.js

Views

放置视图文件,文件后缀名为.cshtml或.aspx

Global.asax

全局应用程序类文件

Web.config

应用程序配置文件

3、控制器

 控制器类名须由Controller结尾。例如:Home控制器命名为HomeController。 控制器类的基类是Controller类。 控制器必须包含至少一个返回值为ActionResult类型的public方法,这类方法称为操作(Action)方法。例如:HomeController的Index()方法就是一个操作方法。

 3.1、添加控制器

在【Controllers】上点击【鼠标右键】,依次选择【添加】【控制器】

 依次选择【控制器】【MVC 5 控制器 - 空】,点击【添加】

输入控制器名称:(这里Test举例),后缀必须是【Controller】

 创建成功:

 自动生成的【View】层文件夹

 3.2、添加视图层

在【TestController.cs】文件内的【Index】方法上点击【鼠标右键】,点击【添加视图】

 默认选择【视图】【MVC 5 视图】,点击【添加】

点击【添加】

视图文件位置:

自带内容:

 3.3、修改默认路由

由于自定义创建的是【Test】控制器,故而【controller的值是"Test"】,默认方法是【Index】,并且咱已经创建了视图。

 添加【Index.cshtml】视图文件内容:

代码语言:javascript复制
@{
    ViewBag.Title = "主页面";
}
<h2>Index</h2>
<hr/>
<h3>努力挣钱的意义</h3>
<hr/>
<p>不要当父母需要你的时候,除了泪水一无所有。</p>
<p>不要当孩子需要你的时候,除了惭愧一无所有。</p>
<p>不要当自己回顾过去,除了蹉跎一无所有。</p>
<p>这就是奋斗的理由。</p>

点击【调试】并点击【开始执行】:

 执行效果:

 第一章【一、控制器与视图】完结。

0 人点赞