ASP.NET MVC快速入门(一)


MVC是当前比较流行的WEB程序开发模式之一,ASP.NET MVC是.Net对MVC的一种实现。本文主要以一些简单的小例子,简述ASP.NET MVC的简单应用,仅供学习分享使用,如有不足之处,还请指正。

MVC概述

MVC是当前比较流行的WEB程序开发模式之一,ASP.NET MVC是.Net对MVC的一种实现。MVC(Model View Controller 模型-视图-控制器)具体如下所示:

  • Model(模型)表示应用程序核心(比如数据库记录列表)。
  • View(视图)显示数据(数据库记录)。
  • Controller(控制器)处理输入(写入数据库记录)。

MVC 分层有助于管理复杂的应用程序,因为您可以在一个时间内专门关注一个方面。例如,您可以在不依赖业务逻辑的情况下专注于视图设计。同时也让应用程序的测试更加容易。MVC 分层同时也简化了分组开发。不同的开发人员可同时开发视图、控制器逻辑和业务逻辑。

什么是ASP.NET MVC?

ASP.NET MVC是.Net对MVC三层架构的一种实现方式,在.Net体系中,地位如下:

ASP.NET MVC项目创建

文件-->新建-->项目,打开项目创建对话框,然后选择ASP.NET Web应用程序(.NET Framework),点击【下一步】。如下所示:

 

点击【下一步】打开项目配置窗口,输入项目名称,和保存位置,然后点击【创建】,如下所示:

 

 点击【创建】后,打开【创建新的Web应用程序窗口】,选择MVC模板,然后点击【创建】,如下所示:

 

 稍等片刻,即可创建成功。通过模板创建的MVC程序,会自动创建对应的文件夹和默认示例文件,如下所示:

通过点击工具栏的【运行】按钮或快捷键【F5】即可启动Visual Studio自带的IIS Express运行项目,如下所示,

然后在浏览器中打开,输入网址 https:localhost:44310,默认框架模板创建的程序如下所示:

 

 

ASP.NET MVC默认路由配置

ASP.NET MVC的路由配置在RouteConfig.cs中,默认访问url为{controller}/{action}/{id}的方式,如果为空默认controller为Home,默认action为Index,id为可选项。

即:https://localhost:44301/ 和 https://localhost:44301/Home/Index是等价的。默认配置可以修改,以适应实际业务的需要。

 ASP.NET MVC的约定

在ASP.NET MVC中,流行【约定大于配置】的说法,即在同一个项目中,大家都按照同一种方式去开发,会使项目更易于维护,可读性更高,同时简化大量的配置,以提高工作效率。ASP.NET MVC中的约定,体现如下:

  • 控制器的约定:
  1. 所有的Controller必须放到Controllers文件夹中,并以【名称+Controller】的方式命名,如:HomeController。
  2. 每个Controller都对应View中的一个文件夹,文件夹的名称跟Controller名相同,如:Home。
  3. Controller中的方法名都对应一个View视图(非必须,但是建议这么做)而且View的名字跟Action的名字相同。
  4. 控制器必须是非静态类,并且要实现IController接口,默认继承自Controller。
  5. Controller类型可以放到其他项目中
  •  视图的约定:
  1. 所有的视图必须放到Views目录下。
  2. 不同控制器的视图用文件夹进行分割,每个控制器都对应一个视图目录。
  3. 一般视图名字跟控制器的Action相对应(非必须)。
  4. 多个控制器公共的视图放到Shared:例如公用的错误页、列表模板页、表单模板页等等;

ASP.NET MVC模型创建

为了演示程序,首先创建模型类Student,在Models文件夹-->右键-->添加-->类,如下所示:

在【添加新项】窗口中,选择类,输入名称,点击【添加】即可,如下所示:

 Student模型类,创建成功后,如下所示:

 1 namespace DemoMvc.Models
 2 {
 3     /// <summary>
 4     /// 学生实体类
 5     /// </summary>
 6     public class Student
 7     {
 8         /// <summary>
 9         /// 唯一标识
10         /// </summary>
11         public int id { get; set; }
12 
13         /// <summary>
14         /// 姓名
15         /// </summary>
16         public string Name { get; set; }
17 
18         /// <summary>
19         /// 年龄
20         /// </summary>
21         public int Age { get; set; }
22     }
23 }

ASP.NET MVC控制器创建

在controllers文件夹-->点击右键-->添加-->控制器,如下所示:

 

 在打开的控制器创建对话框,选择【MVC5 控制器 - 空】,点击【创建】,如下所示:

 弹出【添加控制器】对话框,输入控制器名称,点击【添加】,如下所示:

 控制器创建成功后,默认创建Index功能,并会自动在Views文件夹下创建Student文件夹,如下所示:

 

ASP.NET MVC视图创建

在Student文件夹-->右键-->添加-->视图,打开【添加视图】窗口,如下所示:

 在【添加视图】窗口,输入视图名称,然后点击【添加】如下所示:

 

 视图创建成功后,默认为Razor视图,如下所示:

 修改视图,在视图中添加如下代码,和模型Student进行对应,如下所示:

 1 @{
 2     Layout = null;
 3 }
 4 
 5 <!DOCTYPE html>
 6 
 7 <html>
 8 <head>
 9     <meta name="viewport" content="width=device-width" />
10     <title>Index</title>
11     <style type="text/css">
12         input{
13             width:100%;
14             height:33px;
15         }
16 
17     </style>
18 </head>
19 <body>
20     <h1>学生基础信息</h1>
21     <form name="form1" method="post">
22         <table width="400">
23             <tr>
24                 <td width="20%" >学号:</td>
25                 <td width="80%" align="left">
26                     <input type="text" name="id" />
27                 </td>
28             </tr>
29             <tr>
30                 <td >姓名:</td>
31                 <td align="left">
32                     <input type="text" name="Name" />
33                 </td>
34 
35             </tr>
36             <tr>
37                 <td >年龄:</td>
38                 <td align="left">
39                     <input type="text" name="Age" />
40                 </td>
41             </tr>
42             <tr>
43                 <td colspan="2" align="center">
44                     <input type="submit" value="提交" style="width:30%" />
45                     <input type="reset" value="重置" style="width:30%" />
46                 </td>
47             </tr>
48 
49         </table>
50         
51     </form>
52 </body>
53 </html>

运行程序,在浏览器中输入网址:【https://localhost:44310/Student/Index】,如下所示:

 

 

ASP.NET MVC数据传递

在ASP.NET MVC中,为了与用户进行交互,数据需要从浏览器传递到后台,经过业务处理后,再返回给浏览器,呈现给用户,具体流程如下所示:

 

 本次主要分析如何将数据从View层传递到Controller层,及如何从Controller层传递到View层。那具体要如何传递数据呢?

View层传递到Controller层,可以通过以下几种方式:

 1. 通过内置对象Request进行获取,如下所示:

1 public ActionResult SaveStudent() {
2       int id =Convert.ToInt32( Request.Params["id"]);
3       string Name = Request.Params["Name"].ToString();
4       int Age = Convert.ToInt32(Request.Params["Age"]);
5       //Console.WriteLine(string.Format("id = {0},Name = {1},Age = {2}",id,Name,Age));
6       return View("Index");
7 }

调试状态下,可以查看从前台获取的值,如下所示:

 

 

2. 通过模型类Student进行获取,即以模型类作为入参,前端传递的数据,会自动和模型类中的属性进行匹配,如下所示:

1 public ActionResult SaveStudent2(Student student)
2 {
3       int id = student.id;
4       string Name = student.Name;
5       int Age = student.Age;
6       return View("Index");
7 }

在调试状态下,可以查询模型类中的属性值,如下所示:

Controller层传递到View层,可以通过以下几种方式:

 1. 通过ViewData将数据从控制层传递到视图层。

在控制层对ViewData进行赋值,如下所示:

1 ViewData["msg"] = "请先输入学生信息";

在视图层获取信息并展示,如下所示:

1 <td colspan="2" align="center">
2      <span style="color:red">@ViewData["msg"].ToString()</span>
3 </td>

运行起来,如下图所示:

 2. 通过ViewBag将数据从控制层传递到视图层,如下所示:

在控制层对ViewBag进行赋值,如下所示:

1 ViewBag.msg = "请先输入学生信息";

在视图层获取信息并展示,如下所示:

1 <td colspan="2" align="center">
2       <span style="color:red">@ViewBag.msg</span>
3 </td>

示例效果和ViewData一致。ViewData和ViewBag对比差异,如下所示:

为何可以同时在控制层和视图层使用ViewData和ViewBag呢?

通过查看代码结构发现,ViewData和ViewBag属于ControllerBase的属性。

 

 同时又是WebViewPage的属性,如下所示:

 

 所以个人猜测:在调用View()返回视图的时候,同时将ViewData和ViewBag进行了赋值,所以才可以在控制层和视图层同时进行使用。

备注

以上是ASP.NET MVC快速入门介绍,旨在抛砖引玉,一起学习,共同进步。

文章来源:https://www.cnblogs.com/hsiang/p/15614049.html

版权声明:本文为YES开发框架网发布内容,转载请附上原文出处连接
管理员
上一篇:dotnet 将自动代码格式化机器人带入团队 GitLab 平台
下一篇:GIT Bash 简单讲解-git如何推/拉代码
评论列表

发表评论

评论内容
昵称:
验证码:
验证码
关联文章

ASP.NET MVC快速入门
ASP.NET+MVC入门踩坑笔记 () 创建项目 项目配置运行 以及简单的Api搭建
ASP.NET MVCASP.NET Core MVC中获取当前URL/Controller/Action
asp.net - 在 ASP.NET Core MVC 中嵌套 TagHelper
ASP.NET Core MVC 在过滤器ActionFilter中保存页面的生成的html静态页面文件
C# ASP.NET Core开发学生信息管理系统(
C# Abp框架入门系列文章(
从数据库或者其他位置加载ASP.NET MVC Views 视图 数据库中加载 cshtml
asp.net core mvc修改cshtml试图热加载动态更新
VS调试运行ASP.NET MVC项目,上传静态资源图片404问题,Debug路径
ASP.NET MVC 后台控制器向View前台传递数据的几种方式
asp.net core MVC路由添加.html伪静态url时报错
ASP.NET Core MVC中的路由约束
C# asp.net mvc 创建虚拟目录
C# ASP.NET Core开发学生信息管理系统(三)
《步步入门》 .NET 6 部署到Linux
ASP.NET Core官网教程,资料查找
【推荐】Razor文件编译 ASP.NET Core
asp.net TagHelper根据条件向元素添加class
ASP.NET Core开发者学习路线图

热门标签
.NET Core .NET Reactor ag-grid AI发布 api安全 ASP.NET Core C#DLL加密 C#播放声音 C#代码混淆 C#代码加密 ChromeDriver Codex DateTime DBeaver devexpress devTool DLL混淆 edge.js EF EFCore Electron element-ui el-form el-table excel FastReport FileStream FolderBrowerDialog FolderSelectDialog form提交 git gridcontrol gridview input javascript json字符串 JS转换对象JSON jwt JWT授权 linq log Math MCP mitmproxy MVC MySQL Navicat netstat nginx node_modules NSwag Nuget Nuget镜像 number PowerShell pyinstaller python pythoncom python爬虫 python抓包 pywin32 redis Requests-html RestSharp Selenium sql SQL Server Swagger to-cms Visual Studio VSCode vue VueRouter vue路由 VUE页面通讯 Webpack Windows Windows服务 winform wmi xlrd yaml YESCMS YESWEB开发框架 白象 表单提交 播放声音 打开URL 代码混淆 弹窗提醒 端口占用 对象转换 分布式 公共字典 机器码 进程排查 静态资源 开发指南 路由参数 密钥 配置教程 配置文件 权限 人工智能 任务 任务调度 日期间隔 日志 日志记录 省市区 授权验证 数据库 四舍五入 文案 文件读取 文件夹选择 文件目录选择 问题排查 行政区域数据 页面通讯 中间件 CSharp 事务锁 工单系统 并发控制 重复提交 CMS Markdig Markdown markdown-it marked 技术选型 VS Code 开发工具 源代码管理 版本控制 Docker PostgreSQL 时区 部署排查 CMS架构 EF Core 主题系统 二次开发 插件系统 容器 运维命令 镜像清理 Linux NAS 远程挂载 飞牛 fnOS S/4HANA SAP GUI SAP HANA SAP R/3 SAP入门 SAP版本 ERP SAP SAP MM 库存管理 物料管理 采购管理 入门教程 SAP S/4HANA SPRO 企业结构 采购组织 MM01 物料主数据 物料类型 BP分组 业务伙伴 供应商主数据 ME41 RFQ 库存物料 采购流程 ME51 消耗性物料 科目分配 采购申请 AC03 ML81N 外部服务 服务主数据 Business Partner SAP培训 ME51N MM模块 Lean Services MM-SRV 外部服务采购 PIR 供应来源 采购主数据 采购信息记录 ME31K 框架协议 计划协议 采购合同 ME01 供应来源确定 货源清单 MEQ1 供应源确定 配额安排 配额评分 MD04 MD21 MRP 计划文件 需求计划 批量程序 MD01N MD02 MRP Live MD05 MM 物料计划 优化采购 供应源 采购订单 ME2A 供应商确认 采购监控 Flexible Workflow 凭证释放 采购审批 释放策略 实地盘点 物料凭证 货物移动 MIGO 收货 移动类型 已撤回 供应商退货 货物发出 STO 库存转储 转移过账 生产订单 预留 GR/IR MIRO 供应商发票 物流发票校验 OMR2 税码 FI PP SD 实操教程 MRBR OMR6 发票差异 交货成本 后续借记 MI01 实物盘点 盘点差异 公司代码 工厂 组织结构 OMS2 主数据定制 自动科目确定 BP角色 CVI 伙伴确定 编号范围 凭证类型 字段选择 FBN1 OMBT OMC2 会计凭证 OMJJ BOM 委外加工 项目类别L MRKO 供应商寄售 特殊库存K MRKON PIPE Pipeline 特殊库存P ERS MRIS 发票计划 周期性结算 里程碑付款 变更追踪 版本管理 采购凭证 SFTP WebDAV 网盘 飞牛fnOS AMPL HERS MPN 中文教程 库存确定 可用性检查 缺件检查 Output Management 消息确定 输出确定 分割评估 库存计价 评估类别 评估类型 PB00 RM0000 条件技术 采购定价 MM-FI集成 OBYC 库存估价 文本类型 文本采用 EFB EVO MSV SU3 用户参数 发票校验 合同参照 履约保留款 特别总账 预付款 Fiori Launchpad SAP Fiori 应用导航 用户体验 LSMW LTMC Migration Cockpit 数据迁移 BRFplus OPD Output Control My Inbox 审批流程 灵活工作流 SAP PP 外部加工 SAP QM 检验批 质量信息记录 采购收货 SAP PM 维护BOM 维护订单 SAP SD SAP Service 端到端流程 MM模块培训 FI-MM集成 供应商管理 审批配置 FICO入门 SAP FICO 财务配置 供应商税务 预扣税 House Bank 银行对账 客户清账 应收账款 FI控制 验证与替代 印度 GST 税务配置 F110 FBZP EWM入门 SAP EWM 仓库管理 OX14 成本核算 物料评估 后勤配置 物料组 价值更新 数量更新 PP-PI 流程制造 生产计划 容差配置 SAP事务码 SAP基础 TCODE Basis 事务代码 MMNR 编号区间 采购实操 组织架构 OMSF SAP实操 FI配置
联系我们
联系电话:15090125178(微信同号)
电子邮箱:garson_zhang@163.com
站长微信二维码
微信二维码