欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

学习ASP.NET Core Razor 编程系列三——创建数据表及创建项目基本页面

程序员文章站 2022-04-24 17:19:38
在本节中,您将使用包管理控制台(PMC)来更新数据库: •添加VisualStudio Web代码生成包。这个包是运行脚本引擎所必需的。 • 执行Add-Migration Initial生成代码文件。 • 执行Update-Database命名,更新... ......

学习ASP.NET Core Razor 编程系列目录

学习ASP.NET Core Razor 编程系列一

学习ASP.NET Core Razor 编程系列二——添加一个实体

 

一、创建脚本工具并执行初始迁移

       在本节中,您将使用包管理控制台(PMC)来更新数据库:

       •添加VisualStudio Web代码生成包。这个包是运行脚本引擎所必需的。

       • 执行Add-Migration Initial生成代码文件。

       • 执行Update-Database命名,更新数据库。

  1. 从菜单中选择“工具àNuGet包管理器器—>程序包管理器控制台”菜单。

 学习ASP.NET Core Razor 编程系列三——创建数据表及创建项目基本页面

        2. 在PMC中,输入以下命令:

           1) Install-Package Microsoft.VisualStudio.Web.CodeGeneration.Design,如下图。

 学习ASP.NET Core Razor 编程系列三——创建数据表及创建项目基本页面

           2) 上面的命令执行完毕之后,输入 Add-Migration Initial。如下图。

 学习ASP.NET Core Razor 编程系列三——创建数据表及创建项目基本页面

          3. 在上面的命令执行完毕之后,会在项目中增加Migrations目录和用于创建初始数据库的代码,如下图。这些代码是基于DbContext指定的模型(在Models/ BookCntext.cs)。初始参数用于命名迁移。您可以修改成任何名称,但按惯例您可以选择描述迁移的名称。

 学习ASP.NET Core Razor 编程系列三——创建数据表及创建项目基本页面

         4. 在上面的命令执行完毕之后,输入Update-Database,这个命令通过运行Migrations / <time-stamp>_Initial.cs文件,创建数据库表。执行过程如下图。

 学习ASP.NET Core Razor 编程系列三——创建数据表及创建项目基本页面

           5. 执行结束之后,会在数据库中创建Book表。如下图。

 学习ASP.NET Core Razor 编程系列三——创建数据表及创建项目基本页面

 

二、创建书籍管理系统的增删改查页面

  1. 在Windows资源管理器中,选中项目所在的文件夹(文件夹中有Startup.cs文件,Program.cs文件和csproj文件),键盘上按钮“Shift”,鼠标右键—>“在此处打开命令窗口”,打开命令窗口。如下图。

 学习ASP.NET Core Razor 编程系列三——创建数据表及创建项目基本页面

          2.  命令窗口中输入以下命令

  • dotnet aspnet-codegenerator razorpage -m Book -dc BookContext -udl -outDir Pages\Books --referenceScriptLibraries

如果收到错误:

未找到与命令“dotnet aspnet codegenerator”匹配的可执行文件。如下图。

             学习ASP.NET Core Razor 编程系列三——创建数据表及创建项目基本页面

           3. 则请退出Visual Studio 2017 ,再次执行命令。

如果收到以下错误信息:

 学习ASP.NET Core Razor 编程系列三——创建数据表及创建项目基本页面

         则请更新Microsoft.VisualStudio.Web.CodeGeneration.Design到2.0.0。如果版本大于2.0,则请降到2.0.0。

 学习ASP.NET Core Razor 编程系列三——创建数据表及创建项目基本页面

          4. 再次执行命令。这次执行成功,如下图。

      学习ASP.NET Core Razor 编程系列三——创建数据表及创建项目基本页面

          5. 运行完毕后会在你的Page\Books文件夹中生成增删改查的cshtml。如下图。

      学习ASP.NET Core Razor 编程系列三——创建数据表及创建项目基本页面

三、下表详细介绍了ASP.NET的核心代码生成器`参数:

 

参数

说明

-m

实体类的名称。

-dc

数据上下文.

-udl

使用默认布局

-outDir

用于创建视图的相对输出文件夹路径

--referenceScriptLibraries

向“编辑”和“创建”页面添加 _ValidationScriptsPartial

                 使用 h 开关获取 aspnet-codegenerator razorpage 命令方面的帮助:

                在命令窗口中输入以下命令:

                 dotnet aspnet-codegenerator razorpage -h

 

四、 测试应用程序

            1. 在Visual Studio 2017中按下F5,运行应用程序。如下图。

 学习ASP.NET Core Razor 编程系列三——创建数据表及创建项目基本页面

            2. 在浏览器中的地址栏中的url的未尾添加/Books(http://localhost:53416/Books)。如下图。

         学习ASP.NET Core Razor 编程系列三——创建数据表及创建项目基本页面

          3. 点击“Create New”链接,在新建界面中把信息录入,然后点击“Create”按钮。

            学习ASP.NET Core Razor 编程系列三——创建数据表及创建项目基本页面

         4.浏览器中页面返回到列表页面,如下图。

 学习ASP.NET Core Razor 编程系列三——创建数据表及创建项目基本页面

          5. 在书籍列表中,选择一本书籍,然后点击“Edit”链接。如下图。            学习ASP.NET Core Razor 编程系列三——创建数据表及创建项目基本页面

         6. 在编辑界面中进行信息修改,然后点击保存。如下图。

        学习ASP.NET Core Razor 编程系列三——创建数据表及创建项目基本页面              7. 在书籍列表中,选择一本书籍,然后点击“Details”链接。如下图。

 学习ASP.NET Core Razor 编程系列三——创建数据表及创建项目基本页面

         8. 在书籍列表中,选择一本书籍,然后点击“Delete”链接。如下图。

 学习ASP.NET Core Razor 编程系列三——创建数据表及创建项目基本页面

 

         注:如果收到 SQL 异常,则检查是否已运行迁移并更新了数据库。