ASP.NET-MVC5简明教程

简介

本教程基于微软ASP.NET-MVC5官方文档修订而成。文中将VS版本从官方文档的VS2013修改为2015,并且增加了基础内容,缩减了高级部分,形成简明版本,以便入门。

MVC框架的演变

  • MVC1-MV4的演变可以参考如下:
  1. MVC1-MVC2
  2. MVC3-MVC4
  • MVC5是针对之前版本的一个集大成者,几乎完美,只是不推荐跨平台。
  • MVC6是一个颠覆版本,构建于ASP.NET5之上,为跨平台而生。

Pre-Requirement

  • Visual Studio 2015
  • ASP.NET 4.6.1
  • IIS 7.5+

Source Code

Quick Start

Create a New MVC Project

《ASP.NET-MVC5简明教程》 newProject.png

《ASP.NET-MVC5简明教程》 newProjectWeb.png

《ASP.NET-MVC5简明教程》 newProjectMVC.png

Setting IISExpress

《ASP.NET-MVC5简明教程》 iisExpressShowAll.png

《ASP.NET-MVC5简明教程》 iisExpressSetting.png

  • 按F5会开始Debug,VS会直接以Attach的方式启动IISExpress
  • 按Ctrl + F5,不debug,此时可以修改源代码,编译后刷新Browser页面可以应用新代码
  • Ctrl + Alt + P: 可以Attach到指定的进程

Router

Add Router

《ASP.NET-MVC5简明教程》 routerGlobal.png

《ASP.NET-MVC5简明教程》 routerFormat.png

  • 按F12,可以进入定义位置
  • 上图中,url表示了Route的样式:
  1. 默认的Controller是Home
  2. 对所有的Controller,默认的Action都是Index
  3. id是可选的

Controller

Add Controller

《ASP.NET-MVC5简明教程》 addController.png

《ASP.NET-MVC5简明教程》 addControllerMVC5.png

《ASP.NET-MVC5简明教程》 addControllerName.png

QureyString

  • QueryString字符串会自动传给Action方法对应的形参
  • 我们可以在Action方法中指定默认参数

《ASP.NET-MVC5简明教程》 QueryString.png

《ASP.NET-MVC5简明教程》 QueryStringDefault.png

  • 这里的HttpUtility.HtmlEncode 也可以写成 Server.HtmlEncode,Server是HttpUtility的一个实现

Validate Request

  • 如果我们输入可能造成注入攻击的内容,可以看到页面报错,这个Request Validation机制和HtmlEncode无关,是在MiddleWare层做掉的。

《ASP.NET-MVC5简明教程》 RequestValidationError.png

  • 如果要屏蔽此报错,可以参考MSDN,请注意:
  1. 针对WebForm / MVC / Web Pages有不同的改法
  2. 该步骤适用于.NET 4.5及以上版本

Encode HTML

  • 如果不使用HTMLEncode,虽然RequestValidation可以通过,但我们依然无法把HtmlTag等字符注入到页面中。

《ASP.NET-MVC5简明教程》 HTMLEncode1.png
《ASP.NET-MVC5简明教程》 HTMLEncode2.png

  • 使用HTMLEncode之后,就可以了

《ASP.NET-MVC5简明教程》 HTMLEncode3.png

View

Add View

《ASP.NET-MVC5简明教程》 AddView1.png

《ASP.NET-MVC5简明教程》 AddView2.png

Template-CSHTML

  • Control通过View()方法关联到CSHTML

《ASP.NET-MVC5简明教程》 cshtml1.png

《ASP.NET-MVC5简明教程》 cshtml2.png

  • CSHTML可以直接浏览

《ASP.NET-MVC5简明教程》 cshtml3.png

  • View Layout

《ASP.NET-MVC5简明教程》 ViewLayout1.png

《ASP.NET-MVC5简明教程》 ViewLayout2.png

Controller & View

  • 如果View()对应的模板文件不存在,会报错

《ASP.NET-MVC5简明教程》 cshtml4.png

  • 如何将Controller中的变量传递给View?

《ASP.NET-MVC5简明教程》 cshtml5.png

Model

Add Movie Model

  • Create Model Class

《ASP.NET-MVC5简明教程》 AddModel1.png

《ASP.NET-MVC5简明教程》 AddModel2.png

  • 编写Model & DBContext

《ASP.NET-MVC5简明教程》 AddModel3.png

《ASP.NET-MVC5简明教程》 AddModel5.png

  • 可以去掉无用的引用

《ASP.NET-MVC5简明教程》 AddModel4.png

  • 在Web.config中添加Web.config

《ASP.NET-MVC5简明教程》 AddModel6.png

Add Movie Controller

  • Add Controller

《ASP.NET-MVC5简明教程》 AddMovieController1.png

《ASP.NET-MVC5简明教程》 AddMovieController2.png

《ASP.NET-MVC5简明教程》 AddMovieController3.png

  • 现在我们就可以通过WebPage操作Movie模型了

《ASP.NET-MVC5简明教程》 ShowMovieEditPage.png

LocalDB

  • 我们可以查看AppData里的本地数据库文件

《ASP.NET-MVC5简明教程》 ShowAppData1.png
《ASP.NET-MVC5简明教程》 ShowAppData2.png

  • 在Server Explorer里可以打开MovieDBContext

《ASP.NET-MVC5简明教程》 VSDBContext1.png

  • 点击左边的小三角,会自动连接上

《ASP.NET-MVC5简明教程》 VSDBContext2.png

  • 然后可以查看表结构和查询数据

《ASP.NET-MVC5简明教程》 VSDBContext3.png

《ASP.NET-MVC5简明教程》 VSDBContext4.png

《ASP.NET-MVC5简明教程》 VSDBContext5.png

《ASP.NET-MVC5简明教程》 VSDBContext6.png

《ASP.NET-MVC5简明教程》 VSDBContext7.png

《ASP.NET-MVC5简明教程》 VSDBContext8.png

Publish

User Profile

  • SQL Express需要Load一个user profile,但IIS7.5默认是不会Load User Profile的。所以部署到IIS(IIS7.5,2008R2)后,LocalDB不能被直接支持,会报错:

A network-related or instance-specific error occurred while establishing a connection to SQL Server. The server was not found or was not accessible. Verify that the instance name is correct and that SQL Server is configured to allow remote connections. (provider: SQL Network Interfaces, error: 50 – Local Database Runtime error occurred. Cannot create an automatic instance. See the Windows Application event log for error details.
)

  • 可以参考:
  1. IIS论坛
  2. MSDN Blog
  • 需要在ApplicationHost.config中添加支持
<system.applicationHost>
  <applicationPools>
    <add name="testMVC" managedRuntimeVersion="v4.0">
      <processModel loadUserProfile="true" setProfileEnvironment="true"/>
    </add>
  </applicationPools>
</system.applicationHost>

LocalDB Write Permisson

  • IIS-AppPool账号对LocalDB文件需要有写权限

《ASP.NET-MVC5简明教程》 SetPermission1.png

《ASP.NET-MVC5简明教程》 SetPermission2.png

    原文作者:wuwenxiang
    原文地址: https://www.jianshu.com/p/3543db52235c
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞