MVC部分视图的巧用

View视图界面

 @{ Html.RenderAction("demo", "", new { id = ViewBag.id });}

  请求的控制器方法

 public ActionResult Index(int? id)
        {
             ViewBag.id = id;
            return View();
        }

  部分视图方法

//这里它会找到视图,名字必须一样,如果不一样,就在下面指定
public PartialViewResult demo(string id)
         { 

   //对数据库的一些操作
  //··········
  //··········
  //··········
  //··········
  //··········
  //··········

      return PartialView();//返回部分视图,就是要展示在主视图上的数据内容板块
       }

  

这样的做法让多个界面可以共用,例如:

1、点击分类展示相关产品数据

2、点击品牌展示相关产品数据

3、搜索产品,展示数据

4、············

第一步:先确认好前端界面,以及数据使用的部分

第二步:将包含从数据库查询的数据html代码和相关展示操作代码一同复制到部分视图页面(部分视图是空的,直接将要展示的那一块复制进去,情况不同有可能需要引入命名空间 @using xxx)

第三步:主视图方法接收

ViewBag.id = id;

//跳转到视图
 return View();

//在视图页面被空的区域,也就是被拿走的那一坨本来要展示数据的html代码里面放入
@{ Html.RenderAction("demo", "", new { id = ViewBag.id });}

第四步:在控制器里面创建相同名称的方法,名字必须一样,如果不一样,就在方法体里面指定

大功告成....

有时间再介绍TempData.....对需要参数类型不同的比较适合
时间: 2024-11-08 21:14:32

MVC部分视图的巧用的相关文章

Asp.Net Mvc Razor视图语法

    Asp.Net Mvc Razor视图语法 [email protected]符号输出变量值 2.使用C#语法嵌套Html标签循环输出NameList的值:使用@{C#语法代码}: 3.输出@符号使用两个@@ 4.服务器注释使用@*注释内容*@ [email protected]:输出文本,或者使用<text></text> 6.在@()括号进行简单的操作或运算 [email protected]()或@{}可以输出带有html标签的字符串 8.Razor可以智能识别邮箱写

mvc的视图中显示DataTable的方法

mvc的视图中显示DataTable的方法: 不断的循环画出table @{ ViewBag.Title = "ShowDataTable"; } @using System.Data; @model Models.ConModel @{ var table = Model.ExcelTable as DataTable; } <script src="~/Scripts/My97DatePicker/WdatePicker.js"></scrip

ASP.NET MVC 5 - 视图

原文:ASP.NET MVC 5 - 视图 在本节中,你要去修改HelloWorldController类,使用视图模板文件,在干净利索地封装的过程中:客户端浏览器生成HTML. 您将创建一个视图模板文件,其中使用了ASP.NET MVC 3所引入的Razor视图引擎(Razor view engine).Razor视图模板文件使用.cshtml文件扩展名,并提供了一个优雅的方式来使用C#语言创建所要输出的HTML.用Razor编写一个视图模板文件时,将所需的字符和键盘敲击数量降到了最低,并实现

体验 ASP.NET Core 1.1 中预编译 MVC Razor 视图

这是从 ASP.NET Core 1.1 官方发布博文中学到的一招,可以在 dontet publish 时将 Razor 视图编译为 .dll 文件. 需要在 project.json 中添加如下配置: 1)在 "dependencies" 中添加: "Microsoft.AspNetCore.Mvc.Razor.ViewCompilation.Design": "1.1.0-preview4-final" 2)在"tools&quo

ASP.NET MVC 部分视图

转自http://blog.csdn.net/skyandcode/article/details/22594355 [部分视图] ASP.NET MVC 里的部分视图,相当于 Web Form 里的 User Control.我们的页面往往会有许多重用的地方,可以进行封装重用.使用 部分视图 :  1. 可以简写代码.2. 页面代码更加清晰.更好维护. [如何使用] 在视图里有多种方法可以 加载部分视图,包括: Partial()  Action()  RenderPartial()  Ren

mvc 分部视图(Partial)显示登陆前后变化以及Shared文件夹在解决方案资源管理器中没有显示的问题

刚开始我的解决方案资源管理器中没有显示Shared文件夹,但Shared文件夹在项目中是实际存在的,我搜了下好像没有类似的解答(可能是我搜索的关键词不够准确).后来自己看了下vs2012. 其实解决方法很简单: 首先,视图->解决方案资源管理器.在解决方案资源管理器中点击下图中的红色方框中那个"显示所有文件". 然后会出现类似图片中的文件,找到自己要的,鼠标右击一下,点击下图中红色方框中的“包括在项目中”即可. mvc分部视图显示登陆前后的变化 前后效果是这样的 登录前:: 登陆

ASP.NET Core 入门教程 7、ASP.NET Core MVC 分部视图入门

原文:ASP.NET Core 入门教程 7.ASP.NET Core MVC 分部视图入门 一.前言 1.本教程主要内容 ASP.NET Core MVC (Razor)分部视图简介 ASP.NET Core MVC (Razor)分部视图基础教程 ASP.NET Core MVC (Razor)强类型分部视图教程 2.本教程环境信息 软件/环境 说明 操作系统 Windows 10 SDK 2.1.401 ASP.NET Core 2.1.3 IDE Visual Studio Code 1

使用asp.net mvc部分视图渲染html

为了提升用户体验,一般我们采用ajax加载数据然后根据数据渲染html,渲染html可以使用前端渲染和服务器端渲染. 前端渲染 使用前端模版引擎或MVC框架,例如underscore.js的template或者是使用angular.js等框架,当然也可以不用任何框架自己拼接html. <!DOCTYPE html> <html> <head> <title>underscore.js的template渲染html</title> </hea

MVC 部分视图

ASP.NET MVC 里的部分视图,相当于 Web Form 里的 User Control.我们的页面往往会有许多重用的地方,可以进行封装重用. 使用部分视图有以下优点:   1. 可以简写代码. 2. 页面代码更加清晰.更好维护. 在视图里有多种方法可以 加载部分视图,包括: Partial() .RenderPartial() . Action() .RenderAction() . RenderPage() 方法 partial 与 RenderPartial 方法 Razor 语法: