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

简介: 原文:学习ASP.NET Core Razor 编程系列三——创建数据表及创建项目基本页面学习ASP.NET Core Razor 编程系列目录 学习ASP.NET Core Razor 编程系列一 学习ASP.NET Core Razor 编程系列二——添加一个实体   一、创建脚本工具并执行初始迁移        在本节中,您将使用包管理控制台(PMC)来更新数据库:        •添加VisualStudio Web代码生成包。
原文: 学习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 异常,则检查是否已运行迁移并更新了数据库。

目录
相关文章
|
3月前
|
开发框架 前端开发 JavaScript
盘点72个ASP.NET Core源码Net爱好者不容错过
盘点72个ASP.NET Core源码Net爱好者不容错过
71 0
|
3月前
|
开发框架 .NET
ASP.NET Core NET7 增加session的方法
ASP.NET Core NET7 增加session的方法
37 0
|
3月前
|
开发框架 JavaScript .NET
ASP.NET Core的超级大BUG
ASP.NET Core的超级大BUG
43 0
|
3月前
|
开发框架 前端开发 .NET
ASP.NET CORE 3.1 MVC“指定的网络名不再可用\企图在不存在的网络连接上进行操作”的问题解决过程
ASP.NET CORE 3.1 MVC“指定的网络名不再可用\企图在不存在的网络连接上进行操作”的问题解决过程
42 0
|
1月前
|
开发框架 中间件 .NET
C# .NET面试系列七:ASP.NET Core
## 第一部分:ASP.NET Core #### 1. 如何在 controller 中注入 service? 在.NET中,在ASP.NET Core应用程序中的Controller中注入服务通常使用<u>依赖注入(Dependency Injection)</u>来实现。以下是一些步骤,说明如何在Controller中注入服务: 1、创建服务 首先,确保你已经在应用程序中注册了服务。这通常在Startup.cs文件的ConfigureServices方法中完成。例如: ```c# services.AddScoped<IMyService, MyService>(); //
65 0
|
2月前
|
机器学习/深度学习 存储 编解码
多任务学习新篇章 | EMA-Net利用Cross-Task Affinity实现参数高效的高性能预测
多任务学习新篇章 | EMA-Net利用Cross-Task Affinity实现参数高效的高性能预测
42 0
|
3月前
|
开发框架 .NET Java
ASP.NET Core高级编程--C#基本特性(一)
本文章简略介绍C#的部分特性
|
3月前
|
NoSQL 关系型数据库 MongoDB
【DotNetGuide】C#/.NET/.NET Core学习、工作、面试指南
【DotNetGuide】C#/.NET/.NET Core学习、工作、面试指南
106 0
|
3月前
|
开发框架 .NET API
C#/.NET/.NET Core推荐学习书籍(23年12月更新)
C#/.NET/.NET Core推荐学习书籍(23年12月更新)
232 0
|
4月前
|
JSON 开发框架 .NET
ASP.NET Core Web API设置响应输出的Json数据格式的两种方式
ASP.NET Core Web API设置响应输出的Json数据格式的两种方式