第一个MVC模式的程序
数据库
是一个SQL sever数据库，结构很简单，创建名为firstMVC的数据库，只包含一个数据表（名称为Persons），其中共有三列，分别用于保存人员（persons）的ID、姓名以及创建日期：
数据库信息：
模型
需要一个数据模型与数据库进行通信并处理数据。使用LINQ to SQL 从数据库检索数据。
在Model文件夹添加一个新的LINQ to SQL项目条目，并将其名称指定为Persons。然后连接数据库，拖动Persons数据表，将其从服务器资源管理器拖动到LINQ to SQL设计器，结果如图：
控制器
创建控制器，作为模型（数据）与视图（用户界面）之间的桥梁。创建一个新的名为PersonsController的控制器，该控制器有两个动作方法：Index和IndividualPerson。第一个方法处理人员索引请求，第二个方法处理单个人员请求。
代码如下：
using firstMVC.Models;
using System.Linq;
using System.Web.Mvc; namespace firstMVC.Controllers
{
public class PersonController : Controller
{
//
// GET: /Person/ public ActionResult Index()
{
ViewData["Message"] = "Person List"; PersonsDataContext dataContext=new PersonsDataContext();
ViewData["Persons"] = dataContext.Persons.ToList();
return View();
} public ActionResult IndividualPerson(int id) //注意将ActionResult对象作为返回值的方法的书写名字是否与视图名字一样;
{
//注意：Persons是表的名字，Where要区分大小写
PersonsDataContext dataContext=new PersonsDataContext();
Persons person = dataContext.Persons.Where
(o => o.ID == id).Single();
ViewData["PersonName"] = person.Name;
ViewData["Person"] = person;
return View();
}
}
}
视图
创建视图以显示从控制器返回给最终用户的数据。需要创建一个母版页和两个视图：站点母版页、Index视图和IndividualPerson视图。
Site.Master文件
<%@ Master Language="C#" Inherits="System.Web.Mvc.ViewMasterPage" %> <!DOCTYPE html> <html>
<head runat="server">
<meta name="viewport" content="width=device-width" />
<title>
<asp:ContentPlaceHolder ID="TitleContent" runat="server" />
</title>
</head>
<body>
<div class="page">
<div id="header">
<div id="title">
<h1>Getting Started
</h1>
</div> <div id="menucontainer">
<ul id="menu">
<li>
<%= Html.ActionLink("Home","Index","Home")%>
</li>
</ul>
</div>
</div>
<div id="main">
<asp:ContentPlaceHolder ID="MainContent" runat="server" />
<div id="footer">
Wrox Beginning ASP.NET MVC
</div>
</div>
</div>
</body>
</html>
Index视图
<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Site.Master" Inherits="System.Web.Mvc.ViewPage" %> <asp:Content ID="indexTitle" ContentPlaceHolderID="TitleContent" runat="server">
</asp:Content>
<asp:Content ID="indexContent" ContentPlaceHolderID="MainContent" runat="server">
<h2>
<%= Html.Encode(ViewData["Message"]) %>
</h2>
<p>
<%
IList<firstMVC.Models.Persons> persons = ViewData["Persons"] as IList<firstMVC.Models.Persons>;
if (persons != null)
{
%>
<ul>
<% foreach (firstMVC.Models.Persons person in persons)
{
%>
<li>
<a href="/person/<%= Html.Encode(person.ID) %>">
<%=Html.Encode(person.Name) %>
</a>
</li> <% } %>
</ul> <% } %>
</p>
</asp:Content>
IndividualPerson视图
<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Site.Master" Inherits="System.Web.Mvc.ViewPage" %> <asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
<%= Html.Encode(ViewData["PersonName"])%>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
<h2>
<%= Html.Encode(ViewData["PersonName"]) %>
</h2>
<p>
<%
firstMVC.Models.Persons person = ViewData["Person"] as firstMVC.Models.Persons;
if (person != null)
{
%>
<p>
Name:
<%=Html.Encode(person.Name) %>
</p>
<p>
Date Added:
<%= Html.Encode(person.DateAdded)%>
</p>
<% } %>
</asp:Content>
路由
已经在数据模型中完成了从数据库检索数据的操作，并编写了控制器程序以获取这些数据，将其传递到视图。然而，在运行应用程序前，还需要将URL连接到控制器中的相应动作方法，现在，仅在名为Global.asax的ASP.NET应用程序类文件中定制URL路由。
该类中有一个RegisterRoutes静态方法，该方法有一个RouteCollection参数，该参数是定义路由并将它们添加到该集合的恰当位置。
该实例创建了两个路由:一个用于索引页面，另一个用于单个人员页面。
using System.Web.Http;
using System.Web.Mvc;
using System.Web.Routing; namespace firstMVC
{
// 注意: 有关启用 IIS6 或 IIS7 经典模式的说明，
// 请访问 http://go.microsoft.com/?LinkId=9394801
public class MvcApplication : System.Web.HttpApplication
{
public static void RegisterRoutes(RouteCollection routes)
{
routes.IgnoreRoute("{resource}.axd/{*pathInfo}"); //Index
routes.MapRoute(
"Default",
"",
new {Controller = "Person", Action = "Index"} );
//IndividualPerson
routes.MapRoute(
"IndividualPerson",
"person/{id}",
new {Controller = "Person", Action = "IndividualPerson"} );
} protected void Application_Start()
{
RegisterRoutes(RouteTable.Routes); // RouteConfig.RegisterRoutes(RouteTable.Routes); //引用RouteConfig文件 }
}
}
测试应用程序：
选择开始执行（不调试），显示索引页面：
通过单击人员的姓名，就可以跳转到人员页面查看其信息：
单击张三
点击李四
通过这个实例，分析各组件如何协同工作。
首先请求索引页面，该请求与PersonController中的Index动作方法的模式相匹配，因此会将请求路由到PersonController中的Index动作方法，该方法加载所有人员列表，并将其传递给Index视图，该视图是显示人员列表的地方。
当单机某个人员姓名时，请求URL和IndividualPerson动作方法模式相匹配，从而将请求路由到该动作方法没改动作方法根据人员ID检索人员的信息，然后将检索的信息传递到IndividualPerson视图进行显示。
该操作流程图为：
这种MVC形式被称为“被动视图”
第一个MVC模式的程序的更多相关文章
- Swing程序最佳架构设计—以业务对象为中心的MVC模式(转)
前言: 我打算写一系列关于Swing程序开发的文章.这是由于最近我在做一个Swing产品的开发.长期做JavaEE程序,让我有些麻木了.Swing是设计模式的典范,是一件优雅的艺术品,是一件超越时代的 ...
- IOS设计模式之一（MVC模式，单例模式）
iOS 设计模式-你可能已经听说过这个词,但是你真正理解它意味着什么吗?虽然大多数的开发者可能都会认为设计模式是非常重要的,然而关于设计模式这一主题的文章却不多,并且有时候我们开发者在写代码的时候也不 ...
- [转载]WIKI MVC模式
MVC模式(Model-View-Controller)是软件工程中的一种软件架构模式,把软件系统分为三个基本部分:模型(Model).视图(View)和控制器(Controller). MVC模式最 ...
- 【转】利用MVC模式开发Java应用程序[组图]
Java是一种面向对象的语言,是实现面向对象编程的强大工具.我们在实际编程中,应该运用并发挥其最大效能.但是,要利用面向对象编程思想,自己独立开 发出好的Java应用程序,非凡是大.中型程序,并不是一 ...
- struts1:(Struts重构)构建一个简单的基于MVC模式的JavaWeb
在构建一个简单的基于MVC模式的JavaWeb 中,我们使用了JSP+Servlet+JavaBean构建了一个基于MVC模式的简单登录系统,但在其小结中已经指出,这种模式下的Controller 和 ...
- ASP.NET MVC概述及第一个MVC程序
一.ASP.NET 概述 1. .NET Framework 与 ASP.NET .NET Framework包含两个重要组件:.NET Framework ...
- Pro ASP.NET MVC –第二章 第一个MVC程序
学习一个软件开发框架的最有效的方式就是了解并使用它.在本章,你将会创建一个简单基于ASP.NET MVC Framework的数据-实体应用程序.我们会该程序划分成若干小块,每次介绍一个部分,以便你能 ...
- 构建一个简单的基于MVC模式的JavaWeb
零晨三点半了,刚刚几个兄弟一起出去吼歌,才回来,这应该是我大学第二次去K歌,第一次是大一吧,之后每次兄弟喊我,我都不想去,因为我还是很害怕去KTV,或许是因为那里是我伤心的地方,也或许是因为我在那里失 ...
- 生活中的MVC模式，一个吃货的理解。
以下是生活中对于MVC模式的领悟,虽然可笑,轻喷. 2015年 8月 26日 M => Model 模型 我认为叫做模具更好的理解.批量加工生产具有相同特征的东西. ...
随机推荐
- 三类，23种设计模式，速记理解法！PHP
一,创建型设计模式 1.FACTORY—追MM少不了请吃饭了,麦当劳的鸡翅和肯德基的鸡翅都是MM爱吃的东西,虽然口味有所不同,但不管你带MM去麦当劳或肯德基,只管向服务员说“来四个鸡翅”就行了.麦当劳 ...
- Nginx简单性能调优
Nginx默认没有开启利用多核CPU (忍不住吐槽,然怪总感觉服务器性能没充分发挥), 我们可以通过增加worker_cpu_affinity配置参数来充分利用多核CPU.CPU是任务处理,计算最关键 ...
- java实现附件预览(openoffice+swfTools+FlexPaper) (转载)
下边例子是在网上找了一个网友做的例子,在次记录 1.概述 主要原理 1.通过第三方工具openoffice,将word.excel.ppt.txt等文件转换为pdf文件 2.通过swfTools将pd ...
- [译] ASP.NET 生命周期 – ASP.NET 请求生命周期（三）
使用特殊方法处理请求生命周期事件 为了在全局应用类中处理这些事件,我们会创建一个名称以 Application_ 开头,以事件名称结尾的方法,比如 Application_BeginRequest.举 ...
- UI开发核心问题-UI随屏幕自适应
屏幕分辨率对UI适配的影响 一般来说,UIRoot都会选择FixSize的缩放模式,这样可以让UI随着分辨率而自动缩放,保持和屏幕相对的大小比例不变,让UI整体看上去不会有变大变小的奇怪现象.但是,还 ...
- Struts 2 Tutorials
http://www.dzone.com/tutorials/java/struts-2/struts-2-tutorial/struts-2-tutorial.html http://struts. ...
- 淘宝自己的前端框架KISSY(类似jquery) - 简易指南
KISSY 是由阿里集团前端工程师们发起创建的一个开源 JS 框架. 具备模块化.高扩展性.组件齐全,接口一致.自主开发.适合多种应用场景等特性. 在以下方面具有一定优势: A.拥有大量的中文文档: ...
- json tree
// 确定取消 ' return div; }, setCss: function () { var s = this.el.style; s.position = 'absolute'; s.top ...
- Xcode和github入门详细教程
Xcode和github详细教程! 主要是参考了现在网上的一些资料给没整过的人一个详细的指南. (1)先在github上注册账号,自行解决! (2)在导航栏右上角new一个repository(仓库) ...
- XCODE7新变化之－test
Xcode 7新鲜出炉,一大早下载下来就安装上了,急急地体验一把.这几天公司给的任务是单元测试,那我们一起来用新版本做一次测试吧. 除了官方发布的下载链接地址,分享本人的xcode 7下载地址,大家不 ...