无废话MVC入门教程二[第一个小Demo]
2013-02-24 22:51
453 查看
mvc技术交流，欢迎加群:
群号：529597507
2.创建视图
3.创建控制器
4.调试
5.使用模型、视图、控制器
1、命名：Model的命名规则一般以Model结尾，如：以业务为主的命名UserModel或以页面为主的命名LoginModel。
2、作用：开发过三层的朋友都知道，我们在表示层、业务逻辑层、数据操作层进行数据传输的时候会用到的DTO一般都单独建立成名称为Model的类库项目。其实此处的Models文件夹中的类与我们曾经用到的数据传输对象本质上是一致的。当然也会有些区别，我们后面再说。
3、代码示例：
1、名称：同以往的名称一样，以页面的功能为主，此处为：Login。
2、模板引擎：此处选择Razor(原因请看我的上一篇文章)。
3、创建强类型视图：此处勾选后一拉列表中会自动罗列出我们已建的模型(注意：这里显示的只是Build以后的，有时候刚刚建立完Model在此处是没有的，Build以后才可以出现)，如我们刚才建立的三个Model都会在此处显示。勾选与不勾选的区别仅仅在于创建后的View文件中是否存在与Model关联的代码，这点在代码块中我会加注释说明。
4、框架模板：只有选择了Model class后此项才是可选的，其中有“创建、删除、详细、编辑、空、列表”选择项，当选择了其中的某项模板后VS2010会自动生成对应Model的操作代码。该功能实际上是VS2010的一个View代码生成器。
5、创建部分页：与传统的aspx页面UserControl作用是一样的，可以一次创建应用在不同的View中。
6、选择母板页：可选择是否选择母板页
7、代码示例：
1、名称：必须以Controller结尾。
2、模板：其中有三项可选，分别为“空、使用EF、直接读写”，功能类似代码生成器，选择后VS2010自动在创建的类中添加方法代码块。
3、代码示例：
4、UserControl中包含一个方法Login执行Views/User/Login.schtml并返回。
2，运行效果：按F5运行，加断点与传统的ASPX页面一样，如下图所示。
在LoginControl中存在两个同名方法Login，无参数的是在用户通过地址栏打开登陆窗口时的方法，加了[HttpPost]的方法是用户点击提交时处理回发时的方法。
2、MVC执行流程图(粗略)：
3、本例执行流程：
用户在地址栏里输入http://localhost/User/Login
服务端路由解析地址
找到Contorls中UserContorl的Login方法(如果是回发则执行带有[HttpPost]的方法)
执行逻辑，此处为判断用户名和密码
返回相应的视图
群号：529597507
本文目标
1.了解"模型"、"视图"、"控制器"的创建、调试和使用过程。本文目录
1.创建模型2.创建视图
3.创建控制器
4.调试
5.使用模型、视图、控制器
1.创建模型
在文件夹"Models"中创建新类，如下图所示：1、命名：Model的命名规则一般以Model结尾，如：以业务为主的命名UserModel或以页面为主的命名LoginModel。
2、作用：开发过三层的朋友都知道，我们在表示层、业务逻辑层、数据操作层进行数据传输的时候会用到的DTO一般都单独建立成名称为Model的类库项目。其实此处的Models文件夹中的类与我们曾经用到的数据传输对象本质上是一致的。当然也会有些区别，我们后面再说。
3、代码示例：
/*
*
* 创建人：李林峰
*
* 时 间：2013-2-24
*
* 描 述：用户模型
*
*/
using System;
namespace MVC3.Demo.Models
{
//以业务为主的用户模式
public class UserModel
{
public int UserID { get; set; } //用户编号
public string UserName { get; set; } //用户名
public string Password { get; set; } //密码
public int Sex { get; set; } //性别，0男，1女
public int Age { get; set; } //年龄
public int Political { get; set; } //政治面貌
public int Height { get; set; } //身高
public int Weight { get; set; } //体重
public string Graduated { get; set; } //毕业院校
public string Professional { get; set; } //专业
public DateTime GraduatedDate { get; set; } //毕业日期
public string Address { get; set; } //现住地址
public string Phone { get; set; } //联系电话
public string ImagePath { get; set; } //头相地址
public string Other { get; set; } //其他描述
}
//以页面为主的用户登陆模型
public class LoginModel
{
public string UserName { get; set; } //用户名
public string Password { get; set; } //密码
}
//以页面为主的用户注册模式
public class RegeditModel
{
public string UserName { get; set; } //用户名
public string Password { get; set; } //密码
public int Sex { get; set; } //性别
public int Age { get; set; } //年龄
}
}2.创建视图
在创建视图以前我们先要创建一个名称为User的文件夹，在User文件夹中创建视图("Add"-->"View")，如下图所示：1、名称：同以往的名称一样，以页面的功能为主，此处为：Login。
2、模板引擎：此处选择Razor(原因请看我的上一篇文章)。
3、创建强类型视图：此处勾选后一拉列表中会自动罗列出我们已建的模型(注意：这里显示的只是Build以后的，有时候刚刚建立完Model在此处是没有的，Build以后才可以出现)，如我们刚才建立的三个Model都会在此处显示。勾选与不勾选的区别仅仅在于创建后的View文件中是否存在与Model关联的代码，这点在代码块中我会加注释说明。
4、框架模板：只有选择了Model class后此项才是可选的，其中有“创建、删除、详细、编辑、空、列表”选择项，当选择了其中的某项模板后VS2010会自动生成对应Model的操作代码。该功能实际上是VS2010的一个View代码生成器。
5、创建部分页：与传统的aspx页面UserControl作用是一样的，可以一次创建应用在不同的View中。
6、选择母板页：可选择是否选择母板页
7、代码示例：
@model MVC3.Demo.Models.LoginModel
<!--如果是创建强类型的视图并选择了LoginModel，上面的代码则由vs自动生成，仅仅是一段代码，手写的效果是一样的，所以一般情况我不会勾选“强类型视图”-->
@{
Layout = null;
}
<!--Layout用于母板页的布局，在本系列的第四篇文章中会详细讲解-->
<!DOCTYPE html>
<html>
<head>
<title>用户登陆</title>
</head>
<body>
<!--Html.BeginForm()等同于在html代码里写<form>.....</form>是一样的-->
@using (Html.BeginForm())
{
<div>
用户名：
</div>
<div>
<!--创建用户名文本框，等同于<input type="text" />-->
@Html.TextBoxFor(model => model.UserName)
</div>
<div>
密码：
</div>
<div>
<!--创建用户名文本框，等同于<input type="password" />-->
@Html.PasswordFor(model => model.Password)
</div>
<div>
<input type="submit" value="登录" />
</div>
}
</body>
</html>3.创建控制器
在Control文件夹中创建"UserController"，如下图所示：1、名称：必须以Controller结尾。
2、模板：其中有三项可选，分别为“空、使用EF、直接读写”，功能类似代码生成器，选择后VS2010自动在创建的类中添加方法代码块。
3、代码示例：
/*
*
* 创建人：李林峰
*
* 时 间：2013-2-24
*
* 描 述：用户控制器
*
*/
using System;
using System.Collections.Generic;
using System.Web;
using System.Web.Mvc;
namespace MVC3.Demo.Controllers
{
public class UserController : Controller
{
////系统自动生成，可以删除
//public ActionResult Index()
//{
// return View();
//}
//登陆控制器
public ActionResult Login()
{
return View();
}
}
}4、UserControl中包含一个方法Login执行Views/User/Login.schtml并返回。
4.调试
1、调试：MVC与传统的ASPX页面不同，不能通过“鼠标右键-->浏览”直接浏览视图。调试MVC要在“MVC3.Demo项目-->右键点击属性”设置起始页，如下图所示：2，运行效果：按F5运行，加断点与传统的ASPX页面一样，如下图所示。
5.使用模型、视图、控制器
1.修改LoginControl代码如下：/*
*
* 创建人：李林峰
*
* 时 间：2013-2-24
*
* 描 述：用户控制器
*
*/
using System;
using System.Collections.Generic;
using System.Web;
using System.Web.Mvc;
namespace MVC3.Demo.Controllers
{
public class UserController : Controller
{
////系统自动生成，可以删除
//public ActionResult Index()
//{
// return View();
//}
//登陆控制器
public ActionResult Login()
{
return View();
}
[HttpPost]//登陆控制器
public ActionResult Login(Models.LoginModel loginModel)
{
if (loginModel.UserName == "张三" && loginModel.Password == "123456")
Response.Write("正确！");
else
Response.Write("不正确！");
return View();
}
}
}在LoginControl中存在两个同名方法Login，无参数的是在用户通过地址栏打开登陆窗口时的方法，加了[HttpPost]的方法是用户点击提交时处理回发时的方法。
2、MVC执行流程图(粗略)：
3、本例执行流程：
用户在地址栏里输入http://localhost/User/Login
服务端路由解析地址
找到Contorls中UserContorl的Login方法(如果是回发则执行带有[HttpPost]的方法)
执行逻辑，此处为判断用户名和密码
返回相应的视图
版权：http://www.cnblogs.com/iamlilinfeng
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 无废话MVC入门教程二[第一个小Demo]
- 无废话MVC入门教程二[第一个小Demo]
- 无废话MVC入门教程二[第一个小Demo]
- MVC入门教程二[第一个小Demo]（转载）
- 无废话WCF入门教程六[一个简单的Demo]
- 无废话MVC入门教程四[视图中的Layout使用]
- 无废话MVC入门教程三[路由设置及视图入门]
- 无废话MVC入门教程四[视图中的Layout使用]
- 无废话WCF入门教程六[一个简单的Demo]
- 无废话MVC入门教程六[Model中的验证规则]
- 无废话MVC入门教程四[视图中的Layout使用]
- 无废话ExtJs 入门教程二十三[员工管理实例：Demo]
- 无废话MVC入门教程一[概述、环境安装、创建项目]
- 无废话MVC入门教程十[实战二：用户管理]
- 无废话ExtJs 入门教程七[登陆窗体Demo：Login]
- 无废话MVC入门教程四[视图中的Layout使用]
- 无废话MVC入门教程五[Control与View交互]
- 无废话MVC入门教程七[Control中使用AOP]
- 无废话MVC入门教程二
- 无废话MVC入门教程九[实战一：用户注册与登陆]