使用VS2013的MVC 5新脚手架功能轻松进行CRUD操作






4.30/5 (12投票s)
使用 MVC 5 的新建基架功能可以轻松实现 CRUD 操作。
引言
我刚开始在 Visual Studio 2013 上探索 ASP.NET MVC 5,首先吸引我的是新的酷炫“基架”增强功能,或者说是一种使用基架功能的新方法。在本文中,我将解释这个功能。通过使用这个新功能,开发人员可以更方便地快速开发视图、控制器等。通过使用基架功能,可以实现快速应用程序开发 (RAD)。
对于本演示文章,我使用的是 VS Ultimate 2013 IDE(集成开发环境)、SQL Server 2012 以及 Entity Framework (EF)。
带有图表的代码
我的文章采用 EF 的数据库优先方法。对于 EF 的不同方法,您可以参考这篇博客。
- 当您在 VS 2013 IDE 中单击“新建项目”时,您可以在 Web 下选择 VS 2012 模板或使用 2013 ASP.NET Web 应用程序。选择带有适当名称的 2013 ASP.NET Web 应用程序。例如,“
DemoAppOnMVC5
”,然后选择适当的路径来保存它。 - 选择后,您将看到以下屏幕
- 单击“确定”后,从列表中选择模板(如下面的屏幕截图所示)。选择 MVC 模板。此外,您还可以选择将 Web Forms 和 Web API 引用添加到项目中。您可以添加单元测试项目;添加单元测试项目已经是 VS 2012 的一部分,所以在 VS2013 中没有什么特别的。除了此选项外,还有另一个与身份验证相关的选项。我将在下一个系列中介绍这些选项。
注意:Web 项目类别下的模板列表是 VS 2013 中的新功能,每个 Web 开发人员都需要了解。
- 我不打算展示如何使用 Entity Framework 添加数据库和模型,您可以访问 此链接 在网上查找更多信息。
现在,一旦您将数据库实体添加到项目中,您将看到由 Entity Framework 类生成器生成的以下类
- 现在我们将使用基架功能添加一个控制器。右键单击 Controllers 文件夹,选择“添加”->“新建基架项”。您选择“使用 Entity Framework 的 MVC 5 控制器和视图”
然后单击“添加”按钮。
- 为控制器命名;在
Model
类中,选择使用 Entity Framework 生成的Employee
类。在Data
上下文类中,选择使用 Entity Framework 生成的AdventuresWork2012Entities
。确保您已选择
- 生成视图:如果您取消选择此项,则只会基架化控制器类。稍后您可以基架化视图或添加自己的视图。
- 引用脚本库:取消选择将导致不引用脚本文件。
- 使用布局页:如果您想使用除默认布局页之外的其他布局页,请取消选择此项。
- Razor viewstart 文件留空:如果您想使用不同的视图,请启动文件,然后使用其名称/引用。
- 完成上述步骤后,您将拥有
Employee
模型的所有必要类和视图,如下面的屏幕所示Employee
控制器类具有 CRUD 操作的所有必要方法(操作)。以及 Views->Employee 中的相应视图。 - 我们需要做的最后一件事是在 _Layout.cshtml 中添加一个链接,该链接将导航到
Employee
控制器以获取员工列表 - 您会在菜单中找到
Employees
链接,如下图所示。单击它并享受...您会在 URL 中找到端口号,该端口号会根据您机器中的配置而有所不同。单击“Employees”菜单,您会找到数据库中的员工列表。
- 您会在员工列表屏幕中找到“新建”、“编辑详细信息”和“删除”选项。您可以根据需要单击并执行操作。您会注意到每个操作都有其对应的视图。例如,当单击“新建”时,用户将导航到 *https://:12163/Employee/Create*。这是 Views->Employee 中的 *Create.cshtml*。
从上面可以看出,开发人员只需单击几下鼠标即可通过控制器创建基本的 CRUD 视图是多么容易,这是 Microsoft 对基架功能的一项重大改进。基架功能不仅限于 MVC 5,现在借助 VS 2013,我们甚至可以通过具有 MVC 依赖项来基架化 Web 窗体。而且,在早期版本的 VS 中,基架功能一次只能创建控制器或视图。但是 VS 2013 可以选择创建视图以及控制器,这从开发角度来看是一个真正的奖励。
我希望通过本文,我提供了有关 MVC 5 应用程序中基架功能的基本信息。有关 MVC 5 和 Web API 2 的更多信息,您可以搜索互联网或阅读我未来的文章。