MVC学习笔记

7 天玩转 ASP.NET MVC 阅读笔记

1、Web Form的问题

  1、响应慢,web控件转化成html需要时间

  2、带宽消耗,页面保存web控件的状态(viewstate)

  3、由web控件生成的html难以精确控制

  3、代码难以复用,无法自动化测试,因为继承自page的类不能实例化

  折中的解决方式:1、摒弃web控件,直接书写html

          2、设置页面EnableViewState为false,ViewStateMode为disabled,禁用viewstate

          3、拆分可复用的代码放在单独的类中

2、MVC数据在Controller与View之间的传递方式:

  1、弱类型 使用ViewData或ViewBag(参见方法TestDataBinding1)

  2、强类型 使用model的方式(参见方法TestDataBinding2)

3、在View与Model之间还定义了ViewModel层,该层面向View,目的是剥离View中的业务逻辑,解耦View与Model(参见方法TestDataBinding2或TestDataBinding3)

4、form表单(参见方法TestForm)

  1、点击提交按钮(submit),页面调转到action属性所指页面,即在当前页面刷新,类型超链接<a>

    另外,注意submit点击事件(onclick)的行为

    代码:<input type="submit" name="btnSave" value="Save Employee" onclick="return checkInput();"/>

function checkInput() {
    if (document.getElementById('salary').value == '') {
        alert('不能为空!')
        return false;
    }
    return true;
}

    当onclick返回为false时不会触发向服务器提交行为

  2、表单内所有输入控件自动发送(包括text、radio、checkbox、submit、select,但button不会),表单元素外的输入控件值不会提交

  3、post与get请求不同,get请求会将查询字符串添加到url中,导致get请求能够传输的数据量受限制,post请求无此问题,具体可以两则http请求包的不同

5、数据绑定的四种方式

  1、默认的Model Bind, 自动填充对象各属性(参见方法SaveEmployee1)

  2、默认的Model Bind, 自动填充方法各变量,注意:自动绑定在识别过程中是不区分大小写的,并且会进行类型转换(参见方法SaveEmployee2)

  3、自定义Model Bind,注意:Model Bind均不区分大小写(参见方法SaveEmployee3)

  4、从Request属性中直接提取查询字符串的值(参见方法SaveEmployee4)

6、服务器端验证

  1、向页面展示验证消息的跳转方法为View("AddNew"),而非RedirectToAction("AddNew")

  2、页面中展示错误消息的方法@Html.ValidationMessage("firstname")中的key不区分大小写

实例源码 Mvc4Test.rar

7、编码方式

  1、html中‘<’或‘>’表示标签,在页面中显示该符号而非解析为html标签,需要使用符号实体

  2、Razor对字符串进行html编码,意味着字符串中包含的html标签不会被解析;如果要作为htm解析,可以使用MvcHtmlString类型,该类型告诉Razor不要编码   

  代码:

    <br />
    @{
      string str = "<b>aaaa</b>";
     }
    @str
    <br />
    @MvcHtmlString.Create(str)

  以上输出分别为<b>aaaa</b>、aaaa(加粗)

权限管理Demo Mvc4Test_Authenticate.rar

8、分部视图与布局页(实现html代码重用)

实例Demo Mvc4Test_Layout.rar

9、http异步响应(使用c#异步函数sync、await)、异常处理、Routing

  注意事项:使用属性Route[]更改action的路由方式只有mvc5及以上支持

详情参考Day 6 实例源码Mvc4Test_Day6.rar

上一篇:cookie和session的对比


下一篇:js格式化输入框内金额、银行卡号[转]