章框架教学补充案例.pdfVIP

MVC框架补充案例

案例7-1 用户页面

一、案例描述

编号

名称：简单MVC项目

1、练习目标

掌握简单的MVC项目

2、需求分析

随着软件技术的发展，涌现了许多帮助程序开发的框架，MVC就是.Net开发中最常

用的框架之一。其中M（Model）代表模型，V（View）代表视图，C（Controller）代表

控制器，MVC框架将视图和逻辑区分开，去掉了服务器端控件，提高了程序运行的速

度。接下来，就使用MVC框架，结合实体框架（EF），实现一个简单的用户页面。

3、设计思路（实现原理）

1）首先创建一个MVC项目。

2）然后使用EF框架实体模型。

3）最后实现控制器和视图的功能。

二、案例实现

2.打开VisualStudio，创建一个空的AWeb应用项目，取名为ItcastSignUp。在选

择模板时，选择空模板，并勾选MVC选项，如下图所示。

单击“确定”按钮，项目按照MVC的结构自动生成了若干文件夹，如下图所示。

3.使用EF创建实体数据模型。右键单击Models文件夹，选择“添加”-“新建项...”，

在弹出的菜单中选择“数据”-“ASP.NET实体数据模型”。如下图所示。

单击“添加”按钮，在实体数据模型向导界面中选择“来自数据库的EF设计器”。如下

图所示。

单击“下一步”按钮。在弹出的“实体数据模型向导”界面单击“新建连接...”按钮，

系统弹出连接属性界面。在连接属性界面输入服务器名称（如果是SQLServer默认实例，则

输入.即可），验证选择“SQLServer验证”，然后选择数据库名称为“ItcastAsp”，如

下图所示。

单击“确定”按钮，选择在连接字符串中包含敏感数据，如下图所示。

单击“下一步”按钮，并在下一个界面中选择实体框架。如下图所示。

单击“下一步”按钮，在下一个界面中勾选要包含的表Users，如下图所示。

单击“完成”按钮，系统自动创建了实体数据模型，如下图所示。

4.创建控制器。在Controllers文件夹上右键单击，在弹出菜单上选择“添加”-“控制

器...”，然后在弹出的界面上选择“MVC5控制器-空”，如下图所示。

单击“确定”按钮，在弹出的“添加控制器”界面上输入控制器名称“HomeController”，

如下图所示。

要注意的是，控制器名称必须以Controller结尾。单击“添加”按钮，完成控制器的创

建。打开HomeController.cs文件，可以看到它自动创建了一个方法，名为Index。

5.创建视图。右键单击HomeController.cs文件的Index方法名，在弹出菜单中选择“添

加视图...”。并在弹出的“添加视图”界面上输入视图名称“Index”，然后取消“使用布局页”

选项。如下图所示。

要注意的是，视图名称Index必须与控制器名称一致。单击“添加”按钮，系统自动在

Views文件夹下创建了Home文件夹以及Index.cshtml视图文件。如下图所示。

6.设计视图。打开Index.cshtml文件，往界面上添加用户名、、邮件输入框和提交

按钮，分别命名为“txtName”，“txtPwd”，“txtEmail”和“submit”。代码如下所示。

body

div

formmethod=postaction=/Home/Register

table

tr

td用户名/td

tdinputtype=textname=txtName//td