现在的位置: 主页 > 公司荣誉 > 文章列表

asp.net mvc 的 视图(view )的模块化开发

作者:昆明飞华工贸有限公司 来源:www.kmfhgm.com    未知发布时间:2017-09-12 16:03:58
asp.net mvc 的 视图(view )的模块化开发

目前所在项目有一个视图,几个模块都涉及到,对应不同的开发人员,虽然有SVN在管理,但代码冲突时有发生。并且大家的代码挤于其中,逻辑比较容易混乱。

将不同部件独立出去,实有必要。

分离方式,我知道的有 3 种:

1、利用JS动态加载子视图

将分离内容放置在一个视图里面,视图还可以对应有控制器。主视图加载过程中,或者运行过程中,再用JS去请求、加载这个子视图:

var div = ... var url = @Url.Content(~/controller/GetDataByView?id=) + id; getViewRequest(url, {}, function(data){ div.empty().html(data); } ); function getViewRequest(url, params, onsuccess, onerror) { $.ajax( { type: 'get', url: url, data: params, contentType: text/html; charset=utf-8, success: function (data) { if (onsuccess != undefined && onsuccess != null) { onsuccess(data); } }, error: function (data) { if (onerror != undefined && onerror != null) { onerror(data); } } }); }

2、Html.RenderAction

这个与1的区别主要是加载方式不同。1是主视图出来后,在前端用JS动态加载,会比较迟才出来;2是与主视图一同输出到前端。

2与3的区别在于,2的数据来源于控制器,3的数据来源于主视图。3没有控制器。

有关Html.RenderAction,站群,可见拙作:

www.2cto.com

3、Html.RenderPartial

相当于shtml里面的inclue,。只是接入一个视图,该视图并没有控制器。数据可由主视图传送给它。

下面是具体的例子:

主视图控制器:

[csharp]
  • }
    主视图:

    [html]
  • @{Html.RenderPartial(BottomTags, (Object)ViewBag.TagArray);}
  • 其中,BottomTags是子视图名称(BottomTags.cshtml),ViewBag.TagArray是传给它的Model。一定要强制转换,不能直接用ViewBag。


    子视图BottomTags

    [csharp]
  • ……
  • <script type=text/javascript>……</script>
    如此,子视图可无缝接合于主视图矣。


  • 企业建站2800元起,携手武汉肥猫科技,做一个有见地的颜值派!更多优惠请戳:十堰SEO http://shiyan.4567w.com

    上一篇:星火计划逆袭:谈小型新闻资讯类站点整改策略 下一篇:最后一页