一、本篇文章主要讲解点击详细，将主键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. DWZ富客户端框架+DWZ简介及其使用+DWZ讨论组

    DWZ富客户端框架+DWZ简介及其使用+DWZ讨论组 地址: DWZ富客户端框架:http://jui.org/#_blank DWZ简介及其使用:http://blog.sina.com.cn/s/ ...

  2. openstack--部暑

    ##1.Centos7环境准备-- openstack pike ##1.Centos7环境准备-- openstack pike [https://blog.csdn.net/shiyu115775 ...

  3. object-c中疑问

    *一般是加在方法的返回值类型声明部分的,比如:-(NSString *)executeSomeThing;+(NSString *)executeAnotherThing; -(int)addOne; ...

  4. Android ListVeiw控件（转载整理）

    列表的显示需要三个元素: 1．ListVeiw 用来展示列表的View. 2．适配器 用来把数据映射到ListView上的中介. 3．数据    具体的将被映射的字符串,图片,或者基本组件. 根据列表 ...

  5. 消息摘要、哈希（hash）、加盐

    hashlib 算法介绍: python的hashlib提供了常见的摘要算法,如MD5,SHA1等等. 什么是摘要算法呢?摘要算法又称哈希算法.散列算法.它通过一个函数,把任意长度的数据转换为一个长度 ...

  6. JAVA-数据库之MySQL与JDBC驱动下载与安装

    相关资料:<21天学通Java Web开发> MySQL下载地址:https://dev.mysql.com/get/Downloads/MySQL-5.7/mysql-5.7.19-wi ...

  7. element-ui table表格展开行每次只能展开一行

    https://www.jianshu.com/p/a59c22202f2c <template> <el-table @expand-change="expandSele ...

  8. 【UML】-NO.45.EBook.5.UML.1.005-【UML 大战需求分析】- 通讯图（Communication Diagram）

    1.0.0 Summary Tittle:[UML]-NO.45.EBook.1.UML.1.005-[UML 大战需求分析]- 通讯图(Conmunication Diagram) Style:De ...

  9. utf8 vs utf8mb4

    UTF-8 is a variable-length encoding. In the case of UTF-8, this means that storing one code point re ...

  10. Angela启动步骤

    1.在web目录下执行 grunt watch (如果不在目录下执行不能识别,当然首先安装node.js) 2.随便改一个文件,会自动重新生成代码(在dest目录下会生成可执行的代码) 3.如果有de ...