student添加一个属性BirthDate

然后把生成数据的地方，字段也加上

建立ViewModel


list转换为ViewModel


进一步改进代码


StudentViewModel

HomeIndexViewModel修改为只有StudentModel一个集合的属性



HomeIndexViewModel相当于是一个用于输出的Model

详情页

查询详情，一般是根据一个主键去查找。这里我们先直接把这个id返回去

mvc会从多个地方找id这个参数去接受。首先会先从路由里面找id这个参数

测试下，说明mvc框架是可以从这个地址里面找到这个参数的

如果参数不是int类型的就找不到了


现在接口里面创建。它返回的类型应该是T，接收一个参数int id

实现类里面去实现这个方法


把学生的list对象移动到外面外面了

把查出来的数据返回给前台View

使用Resharper去创建这个视图页面

生成的文件夹不对，把它挪进去



直接输入地址测试，路由参数的形式

产讯字符串的形式，/?id=1这种形式也可以

如果都有，那么取的是1

不信，可以加断点调试一下。所以路由的参数要比queryString的参数 高

抛出异常
我们只有三条数据，那么传id为5就报错了

这里的Model是null，所以会发生空值异常

在Controller里面判断，如果没找到数据就跳转回列表页面

列表页加上超链接


跳不过去，转换的时候id没有赋值

controller里面这里查询的时候漏了id

再次点击就可以跳转了

以前是使用HtmlHelper

第三个参数是Controller，因为这里使用的是自己当前这个Controller，所以只需要写上第二个参数Action的名称就可以了

格式化代码

使用匿名类加上参数

点击可以成功的跳转

TagHelper

使用tagHelper之前需要先建文件
在View下新建_ViewImports.cshtml.这个View不渲染任何东西，相当于提供了一堆指令，告诉这个Razor引擎这些视图应该怎么被渲染，并且这些View应该有哪些功能。有点引用的意思


加上这句代码，就可以使用TagHelper了

所有以asp-开头的都是TagHelper


如果参数叫做name，就可以这么去写


在详情页面，增加返回按钮

ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 07. View的Model 和 Tag Helpers的更多相关文章

  1. ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 03. 服务注册和管道

    ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 03. 服务注册和管道 语雀: https://www.yuque.com/yuejiangliu/dotnet/ ...

  2. ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 25. 过滤器

    在MVC的请求管道 并不是  asp.net core的请求管道.所以说Filter是专用于MVC的 贯穿特性,横穿关注点.比如授权.日志 这里的Authorize其实就是一个Filter,主要用来授 ...

  3. ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 02. Web Host 的默认配置

    视频地址: https://www.bilibili.com/video/av38392956/?p=2 语雀 https://www.yuque.com/yuejiangliu/dotnet/ixt ...

  4. ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 12. Views 下

    ASP.NET Core MVC 13. 安装前端库 Partial VIew 就是部分View,他没有自己的数据,数据来自图中白色的那块,它的数据需要传进去,第一个参数是View的名称,第二个参数就 ...

  5. ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 04. 中间件

    注册startup类可以配置我们web应用的启动逻辑,使用的就是UseStartUp方法,asp.net core就会实例化这个类 并调用startup类里面的两个方法ConfigureService ...

  6. ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 13. 安装前端库

    前端库使用npm进行安装,需要先建立webpack.json文件 因为我们没有使用npm安装任何库,所以npm的文件夹是空的 这里是用于开发时构建时引用的库写在这里 这里用到bootStrap 开发时 ...

  7. ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 27. CICD Azure DevOps

    VSTS做持续集成 后来改名叫做Azure Deveps https://azure.microsoft.com/zh-cn/services/devops/ 这是中文的地址 创建一个项目 名称.描述 ...

  8. ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 01. 创建项目 +项目结构和配置简介

    新建项目:Tutotial.Web 解决方案名称可以把web去掉 视频里面把git这个选项勾选了.我就不勾选了 dotnet CLI创建项目 首先必须安装好了.net Core的SDK dotnet ...

  9. ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 05.Controller 的路由

    视频地址: https://www.bilibili.com/video/av38392956/?p=5 这里面就包含了MVC相关的库 可以通过打开右侧的Nuget库进行查看 这里修改下 ,只需要静态 ...

随机推荐

  1. WIP - 离散任务点击组件-错误：LOCATOR.CONTROL 的变元无效：ORG_LOCATOR_CONTROL=''

    Getting Error "Invalid Argument to LOCATOR.CONTROL: ORG_LOCATOR_CONTROL='' in Material Requirem ...

  2. ETCD 单机安装

    由于测试的需要,有时需要搭建一个单机版的etcd 环境,为了方便以后搭建查看,现在对单机部署进行记录. 一.部署单机etcd 下载 指定版本的etcd下载地址 ftp://ftp.pbone.net/ ...

  3. yum gd linux

    32位操作系统安装命令:[root@localhost ~]# yum install php-gd*64位操作系统安装命令:[root@localhost ~]# yum install php-g ...

  4. OSX: diskutil命令-转换成自由空间并再对其分区

    声明:本文涉及的操作非常可能会破坏你的系统文件,造成数据丢失.请谨慎模仿,一切后果作者均不承担不论什么责任. 目的: 尽管说比較熟悉diskutil命令和它的GUI前端程序磁盘工具(Disk Util ...

  5. 基于Office 365 无代码工作流分析-表单基本需求分析！

     3.2表单的制作 基于下图的需求,我们须要定义例如以下的表单列表:

  6. Lambda 表达式的演示样例-来源(MSDN)

    本文演示怎样在你的程序中使用 lambda 表达式. 有关 lambda 表达式的概述.请參阅 C++ 中的 Lambda 表达式. 有关 lambda 表达式结构的具体信息,请參阅 Lambda 表 ...

  7. SolidEdge 如何绘制局部视图 局部放大图

    创建局部视图(局部放大图),先选择要创建局部放大图的视图,然后绘制一个小圆,然后绘制一个大圆即可.   如果要绘制不规则形状的局部放大图,则点击了局部放大图之后,点击绘制草图的按钮   随后可以用相切 ...

  8. 【Nutch基础教程之七】Nutch的2种执行模式：local及deploy

    在对nutch源码执行ant runtime后,会创建一个runtime的文件夹.在runtime文件夹下有deploy和local 2个文件夹. [jediael@jediael runtime]$ ...

  9. HTML5开发移动web应用—JQuery Mobile(2)-导航栏和页脚

    导航栏部分的代码一般放置在data-role为header的div的内. <div data-role="header"> <a href="#&quo ...

  10. 仿htc sense的弹性listView！

    demo下载:http://pan.baidu.com/s/1ntoICdV 前一段时间换了htc m7之后,对htc的sense ui有不错的印象.特别是它的listview十分有个性.提供弹性的o ...