戳戳猫的小窝
更新日志
关于
# 在当前项目文件夹中打开终端 右键点击**解决方案资源管理器**中的**StuInfoManaSys(项目名称)**。 ![image-20240816135939044](https://image.nyazira.top/Article/image-20240816135939044.png) 选择**在文件资源管理器中打开文件夹**,如果打开的文件夹中有**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](https://nyazira.lanzouo.com/i26N527rsxra) 下载完成后解压。 右键点击项目名称,选择**添加-新建文件夹**,新建一个名为**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**保存项目。
开发工具及包安装