在windows上使用asp.net core创建 Razor 页面 Web 应用

小咪咪 2021-09-19 10:50 187阅读 0赞

安装以下组件：

*  [.NET Core 2.0.0 SDK][] 或更高版本。
 *  已安装 ASP.NET 和 Web 开发工作负载的 [Visual Studio 2017][] 15.3 版或更高版本。

1.添加数据模型

![img_1c53668bcee393edac0d7b3b3daff1ae.gif][] ![img_405b18b4b6584ae338e0f6ecaf736533.gif][]

在解决方案资源管理器中，右键单击“RazorPagesMovie”项目 >“添加” > “新建文件夹”。 将文件夹命名为“Models”。
    右键单击“Models”文件夹。 选择“添加” > “类”。 将类命名为“Movie”，并添加以下属性：
    向 Movie 类添加以下属性：
    
    namespace RazorPagesMovie.Models
    {
        public class Movie
        {
            public int ID { get; set; }
            public string Title { get; set; }
            public DateTime ReleaseDate { get; set; }
            public string Genre { get; set; }
            public decimal Price { get; set; }
        }
    }
    数据库需要 ID 字段作为主键。

2.添加数据库上下文类

![img_1c53668bcee393edac0d7b3b3daff1ae.gif][] ![img_405b18b4b6584ae338e0f6ecaf736533.gif][]

向“Models”文件夹添加名为 MovieContext.cs 的 DbContext 派生类。
    
    using Microsoft.EntityFrameworkCore;
    
    namespace RazorPagesMovie.Models
    {
        public class MovieContext : DbContext
        {
            public MovieContext(DbContextOptions<MovieContext> options)
                    : base(options)
            {
            }
    
            public DbSet<Movie> Movie { get; set; }
        }
    }

前面的代码为实体集创建 `DbSet` 属性。 在实体框架术语中，实体集通常与数据库表相对应，实体与表中的行相对应。

3.添加数据库链接字符串

将连接字符串添加到 appsettings.json 文件。

![img_1c53668bcee393edac0d7b3b3daff1ae.gif][] ![img_405b18b4b6584ae338e0f6ecaf736533.gif][]

{
      "Logging": {
        "IncludeScopes": false,
        "LogLevel": {
          "Default": "Warning"
        }
      },
      "ConnectionStrings": {
        "MovieContext": "Server=(localdb)\\mssqllocaldb;Database=Movie-1;Trusted_Connection=True;MultipleActiveResultSets=true"
      }
    }

4.注册数据库上下文

使用 Startup.cs 文件中的[依存关系注入][Link 1]容器注册数据库上下文。

![img_1c53668bcee393edac0d7b3b3daff1ae.gif][] ![img_405b18b4b6584ae338e0f6ecaf736533.gif][]

public void ConfigureServices(IServiceCollection services)
    {
        // requires 
        // using RazorPagesMovie.Models;
        // using Microsoft.EntityFrameworkCore;
    
        services.AddDbContext<MovieContext>(options =>
            options.UseSqlServer(Configuration.GetConnectionString("MovieContext")));
        services.AddMvc();
    }

5.添加基架工具比执行迁移

从“工具”菜单中，选择“NuGet 包管理器” > “包管理器控制台”。

在 PMC 中，输入以下命令：

![img_1c53668bcee393edac0d7b3b3daff1ae.gif][] ![img_405b18b4b6584ae338e0f6ecaf736533.gif][]

Install-Package Microsoft.VisualStudio.Web.CodeGeneration.Design -Version 2.0.0
    Add-Migration Initial
    Update-Database

`Install-Package` 命令安装运行基架引擎所需的工具。

`Add-Migration` 命令生成用于创建初始数据库架构的代码。 此架构以（Models/MovieContext.cs 文件中的）`DbContext` 中指定的模型为基础。 `Initial` 参数用于为迁移命名。 可以使用任意名称，但是按照惯例应选择描述迁移的名称。

`Update-Database` 命令在用于创建数据库的 Migrations/<time-stamp>\_InitialCreate.cs 文件中运行 `Up` 方法。

6.搭建‘电影’模型的基架

*  打开项目目录（包含 Program.cs、Startup.cs 和 .csproj 文件的目录）中的命令窗口（在目录下，shift+右键）。
 *  运行下面的命令

![img_1c53668bcee393edac0d7b3b3daff1ae.gif][] ![img_405b18b4b6584ae338e0f6ecaf736533.gif][]

dotnet aspnet-codegenerator razorpage -m Movie -dc MovieContext -udl -outDir Pages\Movies --referenceScriptLibraries

如果收到错误：

The process cannot access the file 
    'RazorPagesMovie/bin/Debug/netcoreapp2.0/RazorPagesMovie.dll' 
    because it is being used by another process.

退出 Visual Studio，然后重新运行命令。

下表详细说明了 ASP.NET Core 代码生成器的参数：

<table> 
 <thead> 
  <tr> 
   <th style="text-align:left;">参数</th> 
   <th>描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>-m</td> 
   <td>模型的名称。</td> 
  </tr> 
  <tr> 
   <td>-dc</td> 
   <td>数据上下文。</td> 
  </tr> 
  <tr> 
   <td>-udl</td> 
   <td>使用默认布局。</td> 
  </tr> 
  <tr> 
   <td>-outDir</td> 
   <td>用于创建视图的相对输出文件夹路径。</td> 
  </tr> 
  <tr> 
   <td>--referenceScriptLibraries</td> 
   <td>向“编辑”和“创建”页面添加&nbsp;<code>_ValidationScriptsPartial</code></td> 
  </tr> 
 </tbody> 
</table>

7.测试应用

运行应用并将 `/Movies` 追加到浏览器中的 URL (`http://localhost:port/movies`)

[.NET Core 2.0.0 SDK]: https://www.microsoft.com/net/core
[Visual Studio 2017]: https://www.visualstudio.com/downloads/
[img_1c53668bcee393edac0d7b3b3daff1ae.gif]: https://yqfile.alicdn.com/img_1c53668bcee393edac0d7b3b3daff1ae.gif
[img_405b18b4b6584ae338e0f6ecaf736533.gif]: /images/20210726/0486db9b13954fcd92d804d33c6f7122.png
[Link 1]: https://docs.microsoft.com/zh-cn/aspnet/core/fundamentals/dependency-injection