无废话MVC入门教程二[第一个小Demo]
来源:互联网 发布:java注册界面源代码 编辑:程序博客网 时间:2024/05/02 02:54
转子李林峰的园子
原文地址:http://www.cnblogs.com/iamlilinfeng/archive/2013/02/24/2924548.html
本文目标
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项目-->右键点击属性”设置起始页,如下图所示:
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]的方法)
- 执行逻辑,此处为判断用户名和密码
- 返回相应的视图
- 无废话MVC入门教程二[第一个小Demo]
- 无废话MVC入门教程二[第一个小Demo]
- 无废话MVC入门教程二
- 无废话WCF入门教程二[什么是WCF]
- 无废话ExtJs 入门教程二[Hello World]
- 无废话ExtJs 入门教程二[Hello World]
- 无废话WCF入门教程六[一个简单的Demo]
- 无废话WCF入门教程六[一个简单的Demo]
- 无废话WCF入门教程六[一个简单的Demo]
- 无废话ExtJs 入门教程七[登陆窗体Demo:Login]
- 无废话WCF入门教程六[一个简单的Demo]
- 无废话WCF入门教程六[一个简单的Demo]
- 无废话ExtJs 入门教程七[登陆窗体Demo:Login]
- 无废话WCF入门教程六[一个简单的Demo]
- 无废话ExtJs 入门教程
- 无废话WCF入门教程
- 无废话MVC入门教程四[视图中的Layout使用]
- 无废话MVC入门教程四[视图中的Layout使用]
- git实现实验室服务器和自己PC代码同步
- C#注意事项
- Qwt源码解读之样本类——QwtIntervalSample、QwtSetSample、QwtOHLCSample
- FreeModbus 移植于STM32 实现Modbus RTU通信
- 跳表
- 无废话MVC入门教程二[第一个小Demo]
- <base>标签在jsp页面的应用
- SCMFS:a filesystem for storage class memory
- mono for ios/xamarin.ios 绑定 百度地图 SDK demo
- crm制作报表添加导航
- 【翻译自mos文章】DBA_JOBS 和 DBA_JOBS_RUNNING 不同的结果的解释
- inline和virtual冲突吗
- c++课程学习总结
- springMVC ModelAndView