MVC查看详细数据【四】

时间：2022-09-24 20:04:20

一、本篇文章主要讲解点击详细，将主键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();

         }

相关文章