一、本篇文章主要讲解点击详细，将主键id的值传递到后端，或者将多个值传递给后台的三种方式，并且通过id的值在数据库中查找到相对应的数据，赋值给viewData视图。

1. 第一种将主键id的值传递给后端的方式。

首先我们来看一下在MVC项目中，RouteConfig.cs文件夹下规定的路由规则。注意红色区域的代码。规定了路由规则是，控制器 / 视图名 / id的值。就是指可以带一个额外的参数。

 namespace MvcApplication1

 {

     public class RouteConfig

     {

         public static void RegisterRoutes(RouteCollection routes)

         {

             routes.IgnoreRoute("{resource}.axd/{*pathInfo}");

             routes.MapRoute(

                 name: "Default",

                 url: "{controller}/{action}/{id}",

                 defaults: new { controller = "Home", action = "Index", id = UrlParameter.Optional }

             );

         }

     }

 }

1.1 前端代码如下： 以下的href=“/UserInfo/ShowDetail/1”    ，当发送给ShowDetail页面的时候，如果ShowDetail方法的参数名为id，那么会自动接收该值。

 <%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>

 <%@ Import Namespace="MvcApplication1.Models" %>

 <!DOCTYPE html>

 <html>

 <head runat="server">

     <meta name="viewport" content="width=device-width" />

     <title>Index</title>

 </head>

 <body>

     <div>

         <table>

             <tr><th>ID</th><th>用户名</th><th>密码</th><th>邮箱</th><th>创建日期</th><th>详细</th></tr>

           <%--  <%=ViewData["userinfolist"] %>--%>

             <%foreach( var userinfo in (IQueryable<Userinfo>)ViewData["userinfolist"]) {%>

                 <tr>

                     <td><%=userinfo.Id %></td>

                     <td><%=userinfo.username %></td>

                     <td><%=userinfo.password %></td>

                     <td><%=userinfo.Emil %></td>

                     <td><%=userinfo.CreateDate.ToShortDateString() %></td>

                     <td><a href="/UserInfo/ShowDetail/<%=userinfo.Id %>">详细</a></td>

                 </tr>

             <%} %>

         </table>

     </div>

 </body>

 </html>

1.2 后端接收的代码很简单，直接使用id便可，这样就是最简单的传递单一参数到后端的方法。

  public ActionResult ShowDetail(int id)

         {

             return Content(id.ToString());

         }

2.1 第二种传递参数到后端的方法，并且希望可以传递多个参数的，其实也就是通过get方式传参。

 <%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>

 <%@ Import Namespace="MvcApplication1.Models" %>

 <!DOCTYPE html>

 <html>

 <head runat="server">

     <meta name="viewport" content="width=device-width" />

     <title>Index</title>

 </head>

 <body>

     <div>

         <table>

             <tr><th>ID</th><th>用户名</th><th>密码</th><th>邮箱</th><th>创建日期</th><th>详细</th></tr>

           <%--  <%=ViewData["userinfolist"] %>--%>

             <%foreach( var userinfo in (IQueryable<Userinfo>)ViewData["userinfolist"]) {%>

                 <tr>

                     <td><%=userinfo.Id %></td>

                     <td><%=userinfo.username %></td>

                     <td><%=userinfo.password %></td>

                     <td><%=userinfo.Emil %></td>

                     <td><%=userinfo.CreateDate.ToShortDateString() %></td>

                     <%--<td><a href="/UserInfo/ShowDetail/<%=userinfo.Id %>">详细</a></td>--%>

                     <td><a href="/UserInfo/ShowDetail/?id=<%=userinfo.Id %>">详细</a></td>

                 </tr>

             <%} %>

         </table>

     </div>

 </body>

 </html>

2.2 通过以上方法的时候，因为只有一个值，那么后端方法中如果带有名为id的参数，一样可以接收到该值。并且可以通过request方法获取到前端发来的数据。

2.2.1    get方式传值的第一种后端接收方法。

 public ActionResult ShowDetail(int id)

         {

             return Content(id.ToString());

         }

2.2.2  get方式传值的第二种后端接收方法，并且将EF查询的数据传递给视图。

 public ActionResult ShowDetail()

         {

             wangjin2Entities1 db = new wangjin2Entities1();

             int id = Convert.ToInt32(Request["id"]);

             var userinfo = db.Userinfo.Where<Userinfo>(u => u.Id == id).FirstOrDefault();

             ViewData["userInfo"] = userinfo;

             return View();

         }

MVC查看详细数据【四】的更多相关文章

  1. ASP.NET MVC Model验证(四)

    ASP.NET MVC Model验证(四) 前言 本篇主要讲解ModelValidatorProvider 和ModelValidator两种类型的自定义实现,前者是Model验证提供程序,而Mod ...

  2. ASP.NET MVC Model元数据(四)

    ASP.NET MVC Model元数据(四) 前言 前面的篇幅讲解了Model元数据生成的过程,并没有对Model元数据生成过程的内部和Model元数据结构的详细解释.看完本篇后将会对Model元数 ...

  3. MVC系列——MVC源码学习：打造自己的MVC框架（四：了解神奇的视图引擎）

    前言:通过之前的三篇介绍,我们基本上完成了从请求发出到路由匹配.再到控制器的激活,再到Action的执行这些个过程.今天还是趁热打铁,将我们的View也来完善下,也让整个系列相对完整,博主不希望烂尾. ...

  4. MVC学习（四）几种分页的实现（3）

    在这篇MVC学习(四)几种分页的实现(2)博文中,根据URL中传入的两个参数(页码数,首页.上一页.下一页.末页的标记符)来获得对应的分页数据, 只是传入的参数太多,调用起来不太方便(标记符不能够写错 ...

  5. ASP.NET MVC Model绑定(四)

    ASP.NET MVC Model绑定(四) 前言 前面的篇幅对于Model绑定器IModelBinder以及实现类型.Model绑定器提供程序都作了粗略的讲解,可以把Model绑定器想象成一个大的容 ...

  6. ASP.NET MVC下的四种验证编程方式[续篇]

    在<ASP.NET MVC下的四种验证编程方式>一文中我们介绍了ASP.NET MVC支持的四种服务端验证的编程方式("手工验证"."标注Validation ...

  7. ASP.NET MVC下的四种验证编程方式

    ASP.NET MVC采用Model绑定为目标Action生成了相应的参数列表,但是在真正执行目标Action方法之前,还需要对绑定的参数实施验证以确保其有效性,我们将针对参数的验证成为Model绑定 ...

  8. ASP.NET MVC下的四种验证编程方式[续篇]【转】

    在<ASP.NET MVC下的四种验证编程方式> 一文中我们介绍了ASP.NET MVC支持的四种服务端验证的编程方式(“手工验证”.“标注ValidationAttribute特性”.“ ...

  9. ASP.NET MVC下的四种验证编程方式【转】

    ASP.NET MVC采用Model绑定为目标Action生成了相应的参数列表,但是在真正执行目标Action方法之前,还需要对绑定的参数实施验证以确保其有效 性,我们将针对参数的验证成为Model绑 ...

随机推荐

  1. [转载] apache ab压力测试报错（apr_socket_recv: Connection reset by peer (104)）

    遇见相同的问题. https://www.cnblogs.com/felixzh/p/8295471.html -------------------------------------------- ...

  2. 2、Flutter 填坑记录篇

    1.前言 之前写了一篇文章关于 flutter 初体验的一篇,https://www.cnblogs.com/niceyoo/p/9240359.html,当时一顿骚操作,然后程序就跑起来了. 隔了好 ...

  3. 解决win10无法访问共享

    一台win10共享的文件夹,有的电脑是可以访问的,我的win10 访问不了,说什么 遇到未知错误,用以下方法得以解决 ----------------------------------------- ...

  4. spring datasource 使用 proxool

    XmlWebApplicationContext使用的xml配置如下: <?xml version="1.0" encoding="UTF-8"?> ...

  5. Linux操作系统加固

    1. 账号和口令 1.1 禁用或删除无用账号 减少系统无用账号,降低安全风险. 操作步骤 使用命令 userdel <用户名> 删除不必要的账号. 使用命令 passwd -l <用 ...

  6. 从Joda-Time反观Java语言利弊

    基本上每个企业应用系统都涉及到时间处理.我们知道,以前用java原生的Date+Calendar非常的不方便.后来Joda-Time诞生,这个专门处理日期/时间的库提供了DateTime类型,用它可以 ...

  7. linux----------centos6.4安装完了以后敲ifconfig，没有局域网ip。解决如下

    1.vim /etc/sysconfig/network-scripts/ifcfg-eth0 进入linux然后进入这个文件里面如下: DEVICE=eth0 HWADDR=00:0C:29:92: ...

  8. ubuntu(centos) server安装vmware tools

    Ubuntu: root登录ubutun $ sudo su vmware中选择菜单虚拟机->安装VMware Tools 命令行如下 // 将cdrom挂载到mnt $ mount -t is ...

  9. nginx根据CPU配置多线程运行

    转自:Nginx使用教程(二):Nginx配置性能优化之worker配置 配置Nginx workers <br\>NGINX根据指定的配置运行固定数量的工作进程. 这些工作进程负责处理所 ...

  10. RxJava 详解——简洁的异步操作（一）

    随着越来越多的人开始提及 RxJava ,鉴于 RxJava 目前这种既火爆又神秘的现状,写下这篇文章来对 RxJava 做一个相对详细的.针对 Android 开发者的介绍. 这篇文章的目的有两个: ...