在当前项目文件夹中打开终端

右键点击解决方案资源管理器中的StuInfoManaSys（项目名称）。

选择在文件资源管理器中打开文件夹，如果打开的文件夹中有StuInfoManaSys.csproj，说明位置正确。

右键当前文件夹的空白处，选择在终端中打开。

后面可能还会使用到这一操作，后面会称这一行为为在当前项目文件夹中打开终端。

安装dotnet-ef命令工具

首先安装dotnet-ef命令工具。

在终端中输入下列命令并回车。

dotnet tool install --global dotnet-ef

安装成功后，在终端中输入下列命令并回车。

dotnet-ef

如果终端中出现以下图形并显示版本号，则说明dotnet-ef命令工具安装成功。

                 _/\__
           ---==/    \\
     ___  ___   |.    \|\
    | __|| __|  |  )   \\\
    | _| | _|   \_/ |  //|\\
    |___||_|       /   \\\/\\
    Entity Framework Core .NET Command-line Tools 8.0.8

dotnet-ef可以在后续开发中为数据库迁移和创建数据库做准备。

安装Microsoft.EntityFrameworkCore.Sqlite

在终端中输入下列命令并回车。

dotnet add package Microsoft.EntityFrameworkCore.Sqlite

Microsoft.EntityFrameworkCore.Sqlite是一个包含Sqlite数据库的EF Core框架包。

安装Microsoft.AspNetCore.Identity.EntityFrameworkCore

在终端中输入下列命令并回车。

dotnet add package Microsoft.AspNetCore.Identity.EntityFrameworkCore

Microsoft.AspNetCore.Identity.EntityFrameworkCore将 ASP.NET Core Identity 与 Entity Framework Core 集成，提供用于管理用户、角色和其他身份验证相关数据的默认实现。

安装Microsoft.EntityFrameworkCore.Design

在终端中输入下列命令并回车。

dotnet add package Microsoft.EntityFrameworkCore.Design

Microsoft.EntityFrameworkCore.Design用于生成迁移文件将模型类映射到数据库表。

验证安装成功

用文本文件打开StuInfoManaSys.csproj文件，或直接在解决方案资源管理器中双击项目名称。

如果3个包的名称均出现在ItemGroup中，则说明3个包均安装成功：

<ItemGroup>
    <PackageReference Include="Microsoft.AspNetCore.Identity.EntityFrameworkCore" Version="8.0.8" />
    <PackageReference Include="Microsoft.EntityFrameworkCore.Design" Version="8.0.8">
        <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
        <PrivateAssets>all</PrivateAssets>
    </PackageReference>
    <PackageReference Include="Microsoft.EntityFrameworkCore.Sqlite" Version="8.0.8" />
</ItemGroup>

需要注意的是，3个包的版本及dotnet-ef的版本需要保持一致，否则可能会出现错误。

前端开发包安装

前端开发需要安装以下开发包

• bulma：CSS框架
• sweetalert2：弹窗库
• htmx.js：一个轻量级的 JavaScript 库，通过在 HTML 中使用属性来实现 AJAX 请求等功能

下载地址

bundle.zip

下载完成后解压。

右键点击项目名称，选择添加-新建文件夹，新建一个名为wwwroot的文件夹，并将解压后的所有文件粘贴到wwwroot文件夹中。

在Program.cs的Main方法中添加app.UseStaticFiles();以保证wwwroot文件夹生效。

var builder = WebApplication.CreateBuilder(args);
var app = builder.Build();
app.UseStaticFiles();
app.MapGet("/", () => "Hello World!");

app.Run();

记得按Ctrl+Shift+S保存项目。