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

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

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

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

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

 

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

       在本节中，您将使用包管理控制台（PMC）来更新数据库：

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

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

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

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

 

        2. 在PMC中，输入以下命令：

           1） Install-Package Microsoft.VisualStudio.Web.CodeGeneration.Design，如下图。

 

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

 

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

 

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

 

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

 

 

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

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

 

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

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

如果收到错误：

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

            

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

如果收到以下错误信息：

 

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

 

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

     

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

     

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

 

参数	说明
-m	实体类的名称。
-dc	数据上下文.
-udl	使用默认布局
-outDir	用于创建视图的相对输出文件夹路径
--referenceScriptLibraries	向“编辑”和“创建”页面添加 _ValidationScriptsPartial

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

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

                 dotnet aspnet-codegenerator razorpage -h

 

四、 测试应用程序

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

 

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

        

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

           

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

 

          5. 在书籍列表中，选择一本书籍，然后点击“Edit”链接。如下图。           

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

                      7. 在书籍列表中，选择一本书籍，然后点击“Details”链接。如下图。

 

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

 

 

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