mvc4 自定义html,mvc4,自定义模板.doc

mvc4,自定义模板

篇一：MVC实例入门(经典推荐)

MVC实例入门

初次学习A MVC，因此简单的记录一下自己的学习过程和经历，以便后面学习参考，同时也为后来者做出自己的一点点贡献。 第一步：创建一个新的MVC4项目。

打开VS2012，在“文件”菜单下选择“新建”下拉菜单下的“项目”，在弹出的“新建项目”对话框中选择[Web]选项卡，选择[ASP.NET MVC 4 Web 应用程序]，在名称里输入：MyFirstMvcApplication，点击确定，即完成项目的新建。在稍后弹出的“选择模板”中选择【基本】，然后点击确定，即完成一个MVC项目的创建。如下图所示：

默认情况下的项目结构如图所示：

创建完成后，我们可以发现，新建项目的同时创建了一个与之同名的解决方案。MVC默认情况下，在新建项目的同时创建一个解决方案。开发者可以在解决方案中任意添加项目。 新建完成时，我们可以看到Controllers文件夹、Models文件夹下都是空的，什么也没有；Views文件夹下默认有个Shared文件夹。MVC文件夹介绍可以参看《ASP.NET MVC – 经典入门教程(推荐阅读)》。

备注：所有 MVC 应用程序中的文件夹名称都是相等的。MVC 框架基于默认的命名。控制器位于 Controllers 文件夹，视图位于 Views 文件夹，模型位于 Models 文件夹。您不必在应用程序代码中使用文件夹名称。

标准化的命名减少了代码量，同时有利于开发者对 MVC 项目的理解。 下面是对每个文件夹内容的简要描述：

1.App_Data 文件夹

App_Data 文件夹用于存储应用程序数据。

我们将在本教程稍后的章节向 App_Data 文件夹添加 SQL 数据库。

2.Content 文件夹

Content 文件夹用于静态文件，比如样式表(CSS 文件)、图表和图像。

Visual Web Developer 会自动向 Content 文件夹添加一个 themes 文件夹。这个 themes 文件夹存放 jQuery 样式和图片。在这个项目中，您可以删除这个主题文件夹。

Visual Web Developer 同时向项目添加标准的样式表文件：Content 文件夹中的文件 Site.css。这个样式表文件是您希望改变应用程序样式时需要编辑的文件。 我们将在本教程的下一章中编辑这个样式表文件 (Site.css)。

3.Controllers 文件夹

Controllers 文件夹包含负责处理用户输入和响应的控制器类。

MVC 要求所有控制器文件的名称以 Controller 结尾。

Visual Web Developer 已创建好一个 Home 控制器(用于首页和关于页面)以及一个 Account 控制器(用于登录页面)：

我们将在本教程稍后的章节创建更多控制器。

4.Models 文件夹

Models 文件夹包含表示应用程序模型的类。模型存有并操作应用程序的数据。 我们将在本教程稍后的章节创建模型(类)。

5.Views 文件夹

Views 文件夹存有与应用程序的显示相关的 HTML 文件(用户界面)。 Views 文件夹中含有每个控制器对于的一个文件夹。

Visual Web Developer 已创建了一个 Account 文件夹、一个 Home 文件夹、一个 Shared 文件夹(在 Views 文件夹内)。

Account 文件夹包含用于注册并登录用户帐户的页面。

Home 文件夹用于存储诸如首页和关于页之类的应用程序页面。

Shared 文件夹用于存储控制器间分享的视图(模板页和布局页)。

6.Scripts 文件夹

Scripts 文件夹存储应用程序的 JavaScript 文件。

默认地，Visual Web Developer 在这个文件夹中放置标准的 MVC、Ajax 以及 jQuery 文件：

注释：文件 modernizr 是用于在应用程序中支持 HTML5 和 CSS3 的 JavaScript 文件。

第二步：在Models文件夹下添加类。

操作如图所示：

Model文件夹下有一个c# Person.cs文件，在其中添加代码如下： using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

//这里的namespace名与所创建的项目程序名相同

namespace MvcApplication1.Models

{

//创建一个Person类

public class Person

{

private