码迷,mamicode.com
首页 > Web开发 > 详细

Mvc5 控制器,视图简单说明

时间:2018-03-03 00:37:47      阅读:391      评论:0      收藏:0      [点我收藏+]

标签:示例   info   image   art   动态性   razor   字典   指定   类型   

本系列会比Mvc4更详细。Mvc4记录或没记录的东西这里也会提到。

控制器 

自动装配:

技术分享图片

一般自动装配对于添加的时候比较好用

技术分享图片

技术分享图片

 

 

视图:

  控制器返回的视图,其实就是一些静态的HTML。动态性不好,从控制器传递少量数据,最简单使用 ViewBag。只适用于少量数据。

 技术分享图片

技术分享图片

技术分享图片

 

强类型视图

     开始学习的时候觉得 ViewBag还行,一到写项目的时候你就会觉得ViewBag很不方便。

ViewBag的不足 

   因为 ViewBag是动态解析的,每次用的时候需要转下行

技术分享图片

技术分享图片

技术分享图片

再升级一点,不过这个时候你是不能打点来输出属性的,因为是动态解析的,只要当运行的时候才会解析,才会报错。dynamic=var

技术分享图片

 

 这个时候就需要我们的强类型来完善上面的不足了。

 

技术分享图片

技术分享图片

 

 

 控制器向视图传值: ViewBag和ViewData的区别

 ViewData  更像一种特殊的字典类型。

 ViewBag 则是动态解析的。

技术分享图片

技术分享图片

技术分享图片

 

视图模型

 技术分享图片

 

 添加视图

技术分享图片

技术分享图片

 

 Razor视图引擎

 

 技术分享图片

技术分享图片

 

 代码表达式

 Razor中的核心转换字符是 @ ,Razor很智能使其非常的受欢迎。智能:大部分可以自己判断是属性还是显示的字符。

技术分享图片

技术分享图片

技术分享图片

技术分享图片

 

 HTML编码     避免XSS攻击,后面的文章中会详细介绍

  技术分享图片

技术分享图片

技术分享图片

技术分享图片

技术分享图片

 

 

 Razor语法示例

 技术分享图片

 

 布局     等同于 web Forms里面的母版页

①新建一个MVC5的布局页 SiteLayoutPage.cshtml    布局页可以看作一个特别的视图。

技术分享图片

②创建与之关联的视图

 技术分享图片

技术分享图片 

技术分享图片

技术分享图片

 

 技术分享图片技术分享图片

 

 Index页面我们做了关联很好理解,Test页面我们没有做关联也可以关联上。那是因为有个 _ViewStart.cshtml 页面

 技术分享图片

 

 技术分享图片

只在Index里面声明Footer节而不再Test里面声明

 技术分享图片

技术分享图片

打开Test就会报错

技术分享图片

 

 

指定部分视图

①创建一个返回部分视图的方法

技术分享图片

②添加视图

技术分享图片

 技术分享图片

 

 部分视图一般用来进行局部更新非常的好用。把需要变得的HTML放到局部视图中,然后利用Ajax进行更新非常的常见。

 

技术分享图片

Index页面:

技术分享图片

布局页:

技术分享图片

技术分享图片

 

Mvc5 控制器,视图简单说明

标签:示例   info   image   art   动态性   razor   字典   指定   类型   

原文地址:https://www.cnblogs.com/Sea1ee/p/8470818.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!