ASP.NET MVC 视图(三)

简介:
+关注继续查看

ASP.NET MVC 视图()

前言

上篇对于Razor视图引擎和视图的类型做了大概的讲解,想必大家对视图的本身也有所了解,本篇将利用IoC框架对视图的实现进行依赖注入,在此过程过会让大家更了解的视图,最后还会简单的介绍一下自定义的视图辅助器是怎么定义和使用的。


ASP.NET MVC 视图

l  自定义视图引擎

l Razor视图引擎执行过程

l Razor视图的依赖注入、自定义视图辅助器

l  分段、分部视图的使用

l  Razor语法、视图辅助器



 

Razor视图的依赖注入

首先我们来看一下要定义实现依赖注入的功能接口规范和默认实现,示例代码1-1.

代码1-1

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
using System.Web.Mvc;
using Ninject;
  
namespace MvcApplication.Models
{
    public interface IStringManage
    {
        MvcHtmlStringCombinationString(string strPar1, string strPar2);
    }
    public class DefaultStringManage: IStringManage
    {
        public MvcHtmlString CombinationString(string strPar1, stringstrPar2)
        {
            returnnew MvcHtmlString(strPar1+ strPar2);
        }
    }
}


IStringManage类型中定义了CombinationString()方法,用于将两个字符串类型的数值拼接起来,DefaultStringManage类型就是默认实现了,这里就不多说了。

下面我们再来定义在编译时刻视图将要实现继承的类型,示例代码1-2

代码1-2

1
2
3
4
5
6
7
8
9
10
11
using System.Web.Mvc;
using Ninject;
  
namespace MvcApplication.Models
{
    public abstract class StringManageView : WebViewPage
    {
        [Inject]
        public IStringManage StringManage { getset; }
    }
}


这样的定义起初是不会有什么问题的,因为cshtml视图文件在编译时是继承自WebViewPage类型的,现在我们要让cshtml视图所继承的类型是StringManageView,所以必须让StringmanageView继承自WebViewPage,因为WebViewPage是抽象类型,而我们又不想实现什么所以要定义为抽象类型,在StringManageView类型中,我定义了IStringManage类型的属性StringMange,并且使用IoC框架中的Inject特性来描述它,使的在编译是可以通过IoC来实现属性的依赖注入。

下面我们来看一下视图代码,这里的视图代码还是引用前面篇幅使用最多的一个示例,代码1-3和代码1-4

代码1-3

1
2
3
4
5
6
public ActionResultIndex(List<Product>model)
{
    ViewBag.StrPar1 = "Thisis";
    ViewBag.StrPar2 = "ViewIoCCase";
    returnView(model);           
}


代码1-4

1
2
3
4
5
6
7
8
9
10
11
@inherits MvcApplication.Models.StringManageView
@{
    ViewBag.Title = "Index";
}
<h2>
    Index</h2>
@foreach (varitem in Model)
{
    <h3>ID: @item.ID Name:@item.Name</h3>
}
<h2>@StringManage.CombinationString(ViewBag.StrPar1,ViewBag.StrPar2)</h2>


 

控制器方法部分的代码定义是没有问题的,在代码1-4,也就是Index视图的定义中通过@inherits指令来使视图文件在编译时继承自某个类型,以及在下面的使用中用到了StringManage属性,并且还调用了方法,这里看起来都没什么问题,但是放在这里用就有问题了,因为上面使用了foreach来遍历Model,在我们定义StringManageView的时候并没有对Model的类型做约束什么的,而控制器方法中也是需要将List<Product>类型传递到视图的,这里就引起了冲突,图1.

1

wKiom1POTfTjiK1vAAFnLrzmTGY506.jpg

遇到这种情况我们只需修改一下代码1-2中的定义,让Model类型是在编译时是可确定的而不是object类型,来看代码1-5

代码1-5

1
2
3
4
5
public abstract class StringManageView: WebViewPage<dynamic>
{
   [Inject]
   public IStringManage StringManage { getset; }
}


对的,让StringManageView实现泛型的WebViewPage就可以了,上个篇幅中视图的基类也都是这样定义的,不是说上面代码1-2定义的就是错误的,定义的没有错,只是应用的视图不合适,因为Index视图本身需要对Model做一些操作,又不想因为为视图添加的依赖注入功能而修改所以才会引起的这个错误,如果放在普通的视图里使用那是没有问题的。

上面这些都定义好了,下面我们需要实现自定义的IDependencyResolver类型,目的在于绑定我们需要进行依赖注入的功能模块到IoC中,代码1-6.

代码1-6

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
using Ninject;
using System.Web.Mvc;
  
namespace MvcApplication.CustomDependencyResolver
{
    public class NinjectDependencyResolver:IDependencyResolver
    {
        privateIKernel Kernel;
        publicNinjectDependencyResolver()
        {
            Kernel = newStandardKernel();
            AddBinding();
        }
  
        privatevoid AddBinding()
        {
            Kernel.Bind<Models.IStringManage>().To<Models.DefaultStringManage>();
        }
  
        public object GetService(TypeserviceType)
        {
            returnthis.Kernel.TryGet(serviceType);
        }
  
        public IEnumerable<object>GetServices(Type serviceType)
        {
            returnthis.Kernel.GetAll(serviceType);
        }
    }
}

对于代码1-6就不作过多的解释了,在控制器激活部分都讲解过近乎类似的注入封装类型。

最后我们在Global.asax文件的Application_Start()方法中,将Model绑定器和NinjectDependencyResolver类型添加中MVC框架中,代码1-7

代码1-7

1
2
ModelBinders.Binders.Add(typeof(List<Product>),new CustomListModelBinder());
DependencyResolver.SetResolver(newCustomDependencyResolver.NinjectDependencyResolver());

最后看下结果,图2.

2

wKioL1POTzagPr9mAADcTdSZOnk179.jpg

 

 

自定义视图辅助器

实际上自定义视图辅助器就是扩展方法的定义,首先我们来看定义,实现的功能同代码1-1相同,代码2-1

1
2
3
4
5
6
7
8
9
10
11
12
using System.Web.Mvc;
  
namespace MvcApplication.CustomHtmlHelper
{
    public static class MyCustomHtmlHelper
    {
        public static MvcHtmlStringCombinationString(this HtmlHelperhtmlHelper, string strPar1, string strPar2)
        {
            returnnew MvcHtmlString(strPar1+ strPar2);
        }
    }
}


代码2-1这样的一个类型也就是自定义视图辅助器了,当然了这只是一个简单的示例,现在我们需要把它在视图中使用起来,我们得先把这个自定义的视图辅助器所在的命名空间添加到Views文件中的Web.Config中,代码2-2.

代码2-2

1
2
3
4
5
6
7
8
9
10
11
12
  <system.web.webPages.razor>
    <hostfactoryType="System.Web.Mvc.MvcWebRazorHostFactory,System.Web.Mvc, Version=3.0.0.0, Culture=neutral,PublicKeyToken=31BF3856AD364E35" />
    <pagespageBaseType="System.Web.Mvc.WebViewPage">
      <namespaces>
        <addnamespace="System.Web.Mvc" />
        <addnamespace="System.Web.Mvc.Ajax" />
        <addnamespace="System.Web.Mvc.Html" />
        <addnamespace="System.Web.Routing" />
        <addnamespace="MvcApplication.CustomHtmlHelper"/>
      </namespaces>
    </pages>
  </system.web.webPages.razor>


然后是在视图中引用扩展方法所处的命名空间,这样配置过后就可以在视图用运用了我们刚刚自定义的视图辅助器了,代码2-3.

代码2-3

1
2
3
4
5
6
7
8
9
10
11
12
13
@inherits MvcApplication.Models.StringManageView
@usingMvcApplication.CustomHtmlHelper
@{
    ViewBag.Title = "Index";
}
<h2>
    Index</h2>
@foreach (varitem in Model)
{
    <h3>ID: @item.ID Name:@item.Name</h3>
}
<h2>@StringManage.CombinationString(ViewBag.StrPar1,ViewBag.StrPar2)</h2>
@Html.CombinationString("This is a ","Case")


最后我们看一下结果如图3.

3

wKiom1POTkuzE0MoAADpgwWbUWU099.jpg

 




     本文转自jinyuan0829 51CTO博客,原文链接:http://blog.51cto.com/jinyuan/1441508,如需转载请自行联系原作者



相关文章
|
2月前
|
SQL 开发框架 前端开发
[回馈]ASP.NET Core MVC开发实战之商城系统(完:内附源码)
经过一段时间的准备,【ASP.NET Core MVC开发实战之商城系统】已经完成,目前代码已开发完成,先将全部内容整理分享,如有不足之处,还请指正。
32 0
|
2月前
|
开发框架 前端开发 .NET
[回馈]ASP.NET Core MVC开发实战之商城系统(六)
经过一段时间的准备,新的一期【ASP.NET Core MVC开发实战之商城系统】已经开始,在之前的文章中,讲解了商城系统的整体功能设计,页面布局设计,环境搭建,系统配置,及首页【商品类型,banner条,友情链接,降价促销,新品爆款】,商品列表页面,商品详情,购物车等功能的开发,今天继续讲解订单管理功能开发,仅供学习分享使用,如有不足之处,还请指正。
123 0
|
2月前
|
存储 开发框架 前端开发
[回馈]ASP.NET Core MVC开发实战之商城系统(五)
经过一段时间的准备,新的一期【ASP.NET Core MVC开发实战之商城系统】已经开始,在之前的文章中,讲解了商城系统的整体功能设计,页面布局设计,环境搭建,系统配置,及首页【商品类型,banner条,友情链接,降价促销,新品爆款】,商品列表页面,商品详情等功能的开发,今天继续讲解购物车功能开发,仅供学习分享使用,如有不足之处,还请指正。
67 0
|
3月前
|
开发框架 前端开发 .NET
[回馈]ASP.NET Core MVC开发实战之商城系统(四)
经过一段时间的准备,新的一期【ASP.NET Core MVC开发实战之商城系统】已经开始,在之前的文章中,讲解了商城系统的整体功能设计,页面布局设计,环境搭建,系统配置,及首页【商品类型,banner条,友情链接,降价促销,新品爆款】,商品列表页面等功能的开发,今天继续讲解商品详情功能开发,仅供学习分享使用,如有不足之处,还请指正。
83 0
|
3月前
|
开发框架 前端开发 .NET
[回馈]ASP.NET Core MVC开发实战之商城系统(三)
[回馈]ASP.NET Core MVC开发实战之商城系统(三)
37 0
|
3月前
|
SQL 存储 开发框架
[回馈]ASP.NET Core MVC开发实战之商城系统(二)
[回馈]ASP.NET Core MVC开发实战之商城系统(二)
40 0
|
3月前
|
开发框架 前端开发 .NET
[回馈]ASP.NET Core MVC开发实战之商城系统(一)
[回馈]ASP.NET Core MVC开发实战之商城系统(一)
62 0
|
3月前
|
SQL 开发框架 前端开发
[回馈]ASP.NET Core MVC开发实战之商城系统(开篇)
[回馈]ASP.NET Core MVC开发实战之商城系统(开篇)
63 0
|
3月前
|
开发框架 前端开发 .NET
ASP.NET Core MVC从入门到精通[PDF版]
ASP.NET Core MVC从入门到精通[PDF版]
78 0
|
3月前
|
开发框架 缓存 前端开发
ASP.NET Core MVC 从入门到精通系列文章(完)
ASP.NET Core MVC 从入门到精通系列文章(完)
35 0
相关产品
云迁移中心
推荐文章
更多