添加一个查找方法和查找视图
在这一节我们将实现一个SearchIndex响应方法,允许您按流派或名字查找电影。它利用网址/Movies/SearchIndex。请求将展示一个HTML页面,它包含为了查找电影由用户输入的input控件。当用户提交页面时,响应方法将获得由用户post的查找条件并依据条件查询数据库。
展示查找页面
首先,在MoviesController类中添加一个SearchIndex响应方法。这个方法返回一个包含HTML页面的视图。代码如下:
public ActionResult SearchIndex(string searchString) { IEnumerable<MOVIE> movies = db.MOVIEs; if(!string.IsNullOrEmpty(searchString)) { movies = db.MOVIEs.Where(s => s.TITLE.Contains(searchString)); } return View(movies); }
SearchIndex方法的第一行创建了以下的LINQ查询来查询电影:
IEnumerable<MOVIE> movies = db.MOVIEs;
查询在这里定义,但却没有执行!( LINQ在需要执行的时候才会执行。一般来说,真正需要使用数据时才真正执行,叫做延迟加载)
如果参数searchString不是空字符串,电影的查询被修改为过滤查找字符串,使用如下代码:
if(!string.IsNullOrEmpty(searchString))
{
movies = db.MOVIEs.Where(s => s.TITLE.Contains(searchString));
}
当定义或通过Where、OrderBy方法修改时,LINQ查询并没有执行。相反,查询的执行被延迟,这意味着LINQ表达式一直被延迟到它真实的值被遍历(循环)或被ToList方法调用。在SearchIndex方法中,LINQ查询在SearchIndex视图中执行。了解更多关于延迟查询执行,参见Query Execution。
现在您可以实现SearchIndex视图展示给用户。右键SearchIndex方法内部并单击“Add View”,在“Add View”对话框中,指明您将传递Movie对象给视图模板作为它的模型类。在架构模板(Scaffold template)列表中,选择List,单击Add。
当您单击Add按钮时,视图模板Views\Movies\SearchIndex.cshtml被创建。
因为您在架构模板(Scaffold template)选择List,Visual Studio自动在视图中生成了一些内容。架构创建了一个HTML窗体。它检查Movie类并为每个类属性创建代码来输出<label>元素。下面展示了自动生成的创建视图:
@model IEnumerable<MvcMovie.DAL.MOVIE> @{ ViewBag.Title = "SearchIndex"; } <h2>SearchIndex</h2> <p> @Html.ActionLink("Create New", "Create") </p> <table> <tr> <th> TITLE </th> <th> RELEASEDATE </th> <th> GENRE </th> <th> PRICE </th> <th></th> </tr> @foreach (var item in Model) { <tr> <td> @Html.DisplayFor(modelItem => item.TITLE) </td> <td> @Html.DisplayFor(modelItem => item.RELEASEDATE) </td> <td> @Html.DisplayFor(modelItem => item.GENRE) </td> <td> @Html.DisplayFor(modelItem => item.PRICE) </td> <td> @Html.ActionLink("Edit", "Edit", new { id=item.ID }) | @Html.ActionLink("Details", "Details", new { id=item.ID }) | @Html.ActionLink("Delete", "Delete", new { id=item.ID }) </td> </tr> } </table>
运行程序,并导航到/Movies/SearchIndex。给URL追加一个查询字符串,比如
?searchString=ghost。筛选后的电影显示如下。
如果您改变SearchIndex方法的签名,改为一个名叫id的参数,id参数会匹配默认路由{id}占位符集合(在Global.asax文件中)。
{controller}/{action}/{id}
修改后的SearchIndex方法看起来如下所示:
public ActionResult SearchIndex(string id) { var searchString = id; IEnumerable<MOVIE> movies = db.MOVIEs; if(!string.IsNullOrEmpty(searchString)) { movies = db.MOVIEs.Where(s => s.TITLE.Contains(searchString)); } return View(movies); }
您现在可以使用路由数据(一个URL片段)来传递查找标题,而不是作为一个查询字符串了。(注意和上一个张图比较,看看URL发生了什么变化!)
但是,您不能期望用户每次查找电影都来修改URL!所以现在您需要添加UI来帮助他们筛选电影。刚才您能改变SearchIndex的签名来测试如何传递路由绑定参数ID,现在把它改回原样。(刚才只是为了说明默认路由的作用)
public ActionResult SearchIndex(string searchString) { IEnumerable<MOVIE> movies = db.MOVIEs; if(!string.IsNullOrEmpty(searchString)) { movies = db.MOVIEs.Where(s => s.TITLE.Contains(searchString)); } return View(movies); }
打开文件Views\Movies\SearchIndex.cshtml,并在@Html.ActionLink("Create New", "Create")后添加如下代码:
@using (Html.BeginForm()) { <p> Title:@Html.TextBox("SearchString")<br /> <input type="submit" value="Filter" /> </p> }
下面的例子展示了Views\Movies\SearchIndex.cshtml文件的一部分标记。
@model IEnumerable<MvcMovie.DAL.MOVIE> @{ ViewBag.Title = "SearchIndex"; } <h2> SearchIndex</h2> @Html.ActionLink("Create New", "Create") @using (Html.BeginForm()) { <p> Title:@Html.TextBox("SearchString")<br /> <input type="submit" value="Filter" /> </p> }
Html.BeginForm助手创建了一个开放的<form>标签。Html.BeginForm助手使得当用户单击Filter按钮时提交表单内的数据。运行程序并试着查找电影。
首先添加MvcPager.dll引用(MvcPager.dll是封装的一个分页程序集,文章结尾有下载),然后修改如下代码:
public ActionResult SearchIndex(string searchString, int page = 1) { IEnumerable<MOVIE> movies = db.MOVIEs; if (!string.IsNullOrEmpty(searchString)) { movies = db.MOVIEs.Where(s => s.TITLE.Contains(searchString)); } return View(movies.OrderBy(m => m.ID).ToPagedList(page, 1)); }
修改SearchIndex.cshtml如下所示:
@using MvcPager; @model PagedList<MvcMovie.DAL.MOVIE> @{ ViewBag.Title = "SearchIndex"; } <h2> SearchIndex </h2> <style type="text/css"> .pages { color: red; font-size: 11px; font-weight: bold; height: 40px; padding-top: 5px; } .pages .item { font-size: 13px; height: 20px; padding: 2px 6px; } .pages .cpb { color: red; font-size: 13px; padding: 1px 6px; } .pages a { border: 1px solid #DDDDDD; color: #000000; font-weight: normal; margin: 1pt 2px; padding: 0pt 5px; text-decoration: none; } .pages a:hover { background-color: #E61636; border: 1px solid #E61636; color: #FFFFFF; font-weight: normal; text-decoration: none; } </style> @Html.ActionLink("Create New", "Create") @using (Html.BeginForm()) { <p> Title:@Html.TextBox("SearchString")<br /> <input type="submit" value="Filter" /> </p> } <table> <tr> <th> TITLE </th> <th> RELEASEDATE </th> <th> GENRE </th> <th> PRICE </th> <th> </th> </tr> @foreach (var item in Model) { <tr> <td> @Html.DisplayFor(modelItem => item.TITLE) </td> <td> @Html.DisplayFor(modelItem => item.RELEASEDATE) </td> <td> @Html.DisplayFor(modelItem => item.GENRE) </td> <td> @Html.DisplayFor(modelItem => item.PRICE) </td> <td> @Html.ActionLink("Edit", "Edit", new { id = item.ID }) | @Html.ActionLink("Details", "Details", new { id = item.ID }) | @Html.ActionLink("Delete", "Delete", new { id = item.ID }) </td> </tr> } </table> @Html.Pager(Model, new PagerOptions { PageIndexParameterName = "page", CurrentPagerItemWrapperFormatString = "<span class=\"cpb\">{0}</span>", NumericPagerItemWrapperFormatString = "<span class=\"item\">{0}</span>", CssClass = "pages", SeparatorHtml = "", ShowPageIndexBox = false, PageIndexBoxType = PageIndexBoxType.DropDownList, ShowGoButton = false })
注意,如果View中找不到程序集的引用,需要手动添加引用,如:@using MvcPager;
运行结果如下: