在同一个 Blazor 应用中结合 SQL-DB 和 MongoDB

介绍

传统上,在单应用程序中,我们对整个应用程序使用单个数据库服务器。但是,我将 SQL 数据库和 MongoDB 结合在同一个应用程序中。此应用程序将是 RDBMS 和 No SQL 数据库的组合。我们将从头开始创建一个 Blazor 应用程序,并使用数据迁移创建一个 SQL 数据库和一个表。我们将使用此 SQL DB 来保存员工数据。我们将使用 MongoDB 数据库来保存城市数据。我们可以一步一步地看到所有操作。

在 Visual Studio 中创建 Blazor 应用程序
我们可以使用 Blazor 服务器模板在 Visual Studio 中创建 Blazor 应用程序。

我们必须将以下库安装到我们的项目中。我们可以使用 NuGet 来安装这些库。

  • “Microsoft.EntityFrameworkCore.SqlServer”
  • “Microsoft.EntityFrameworkCore.Tools”
  • “MongoDB.Driver”

我们可以在“Data”文件夹内创建一个具有以下属性的“Employee”类。

Employee.cs

namespace BlazorSQLAndMongoDB.Data
{public class Employee{public string Id { get; set; }public string Name { get; set; }public string Department { get; set; }public string Designation { get; set; }public string Company { get; set; }public string City { get; set; }}
}

我们可以在Data文件夹内创建一个“SqlDbContext”类,用于实体框架相关的操作。

SqlDbContext.cs

using Microsoft.EntityFrameworkCore;
namespace BlazorSQLAndMongoDB.Data
{public class SqlDbContext : DbContext{public SqlDbContext(DbContextOptions<SqlDbContext> options): base(options){}public DbSet<Employee> Employees { get; set; }}
}

我们可以在“appsettings.json”中为 SQL 数据库创建一个连接字符串。

我们使用了本地 SQL 服务器,该服务器可通过 Visual Studio 创建数据库和表。您可以根据需要使用任何 SQL 服务器。

我们必须在 Startup 类中的“ConfigureServices”方法中注册 SqlDbContext 类。

使用实体框架和数据迁移创建 SQL 数据库和表

我们可以使用工具菜单中的 NuGet 包管理器控制台,并使用以下迁移命令来创建 SQL 数据库和表。

add-migration Initial

上述命令将在“Migrations”文件夹内创建一个以当前时间戳为后缀的迁移脚本类。

我们可以使用以下命令来创建数据库和表。

update-database

数据库和表将很快创建。

我们可以创建一个“IEmployeeService”接口并在接口内声明以下方法。

IEmployeeService.cs

using System.Collections.Generic;
using System.Threading.Tasks;
namespace BlazorSQLAndMongoDB.Data
{public interface IEmployeeService{Task<List<Employee>> GetEmployees();Task<bool> CreateEmployee(Employee employee);Task<bool> EditEmployee(string id, Employee employee);Task<Employee> SingleEmployee(string id);Task<bool> DeleteEmployee(string id);}
}

我们可以从另一个类“EmployeeService”的接口中实现上述方法

EmployeeService.cs

using Microsoft.EntityFrameworkCore;
using System;
using System.Collections.Generic;
using System.Threading.Tasks;
namespace BlazorSQLAndMongoDB.Data
{public class EmployeeService : IEmployeeService{private readonly SqlDbContext _dbContext;public EmployeeService(SqlDbContext dbContext){_dbContext = dbContext;}public async Task<List<Employee>> GetEmployees(){return await _dbContext.Employees.ToListAsync();}public async Task<bool> CreateEmployee(Employee employee){employee.Id = Guid.NewGuid().ToString();_dbContext.Add(employee);try{await _dbContext.SaveChangesAsync();return true;}catch (DbUpdateException){return false;}}public async Task<Employee> SingleEmployee(string id){return await _dbContext.Employees.FindAsync(id);}public async Task<bool> EditEmployee(string id, Employee employee){if (id != employee.Id){return false;}_dbContext.Entry(employee).State = EntityState.Modified;await _dbContext.SaveChangesAsync();return true;}public async Task<bool> DeleteEmployee(string id){var employee = await _dbContext.Employees.FindAsync(id);if (employee == null){return false;}_dbContext.Employees.Remove(employee);await _dbContext.SaveChangesAsync();return true;}}
}

我们在服务类中添加了所有 CRUD 操作的逻辑。请注意,您甚至可以在没有接口的情况下创建此服务。

我们可以创建一个具有以下属性的 City 类。City 数据将存储在 MongoDB 中。

City.cs

using MongoDB.Bson;
using MongoDB.Bson.Serialization.Attributes;
namespace BlazorSQLAndMongoDB.Data
{public class City{[BsonId][BsonRepresentation(BsonType.ObjectId)]public string Id { get; set; }public string Name { get; set; }public string State { get; set; }}
}

我们可以将 MongoDB 连接字符串、数据库名称和集合名称保存在 appsettings.json 文件中,而不是对值进行硬编码。

我们必须创建一个接口和类来从 appsettings.json 文件中读取值。

我们可以创建“IMongoDbSettings”接口并声明以下属性。

IMongoDbSettings.cs

namespace BlazorSQLAndMongoDB.Data
{public interface IMongoDbSettings{string CollectionName { get; set; }string ConnectionString { get; set; }string DatabaseName { get; set; }}
}

我们可以创建“MongoDbSettings”类并在类内部继承IMongoDbSettings接口。

MongoDbSettings.cs

namespace BlazorSQLAndMongoDB.Data
{public class MongoDbSettings : IMongoDbSettings{public string CollectionName { get; set; }public string ConnectionString { get; set; }public string DatabaseName { get; set; }}
}

我们可以在Startup类中的ConfigureServices类里面注册这个接口和类。

我们可以创建一个“ICityService”接口并在接口内声明以下方法。

ICityService.cs

using System.Collections.Generic;
using System.Threading.Tasks;
namespace BlazorSQLAndMongoDB.Data
{public interface ICityService{Task<List<City>> GetCities();Task<bool> CreateCity(City city);Task<bool> EditCity(string id, City city);Task<City> SingleCity(string id);Task<bool> DeleteCity(string id);}
}

我们可以从另一个类“CityService”的接口中实现上述方法

ICityService.cs

using MongoDB.Driver;
using System.Collections.Generic;
using System.Threading.Tasks;
namespace BlazorSQLAndMongoDB.Data
{public class CityService : ICityService{private readonly IMongoCollection<City> _cities;public CityService(IMongoDbSettings settings){var client = new MongoClient(settings.ConnectionString);var database = client.GetDatabase(settings.DatabaseName);_cities = database.GetCollection<City>(settings.CollectionName);}public async Task<bool> CreateCity(City city){try{await _cities.InsertOneAsync(city);return true;}catch{return false;}}public async Task<bool> DeleteCity(string id){try{await _cities.DeleteOneAsync(city => city.Id == id);return true;}catch{return false;}}public async Task<bool> EditCity(string id, City city){try{await _cities.ReplaceOneAsync(book => book.Id == id, city);return true;}catch{return false;}}public async Task<List<City>> GetCities(){try{return await _cities.Find(city => true).ToListAsync();}catch{return null;}}public async Task<City> SingleCity(string id){try{return await _cities.Find<City>(city => city.Id == id).FirstOrDefaultAsync();}catch{return null;}}}
}

我们已经在上述类中注入了 IMongoDbSettings 接口,并从 appsettings.json 文件中获取了 MongoDB 配置值。

我们已经在上述服务类中添加了针对 City 实体的 CRUD 操作的所有逻辑。

我们可以在 Startup 类中注册 Employee 服务和 City 服务。


我们还可以在启动类中为 Blazor 服务器应用程序启用详细的电路错误。

配置服务(方法)

public void ConfigureServices(IServiceCollection services)
{services.AddRazorPages();services.AddServerSideBlazor();services.AddSingleton<WeatherForecastService>();services.AddDbContext<SqlDbContext>(options =>options.UseSqlServer(Configuration.GetConnectionString("SqlDbContext")));services.Configure<MongoDbSettings>(Configuration.GetSection(nameof(MongoDbSettings)));services.AddSingleton<IMongoDbSettings>(sp => sp.GetRequiredService<IOptions<MongoDbSettings>>().Value);services.AddScoped<IEmployeeService, EmployeeService>();services.AddScoped<ICityService, CityService>();services.AddServerSideBlazor().AddCircuitOptions(o => o.DetailedErrors = true);
}

我们已经完成了 Blazor 应用程序的后端部分。我们可以在“Pages”文件夹中创建所有用于 CRUD 操作的 Razor 组件。

我们可以先为City创建组件。

ListCities.razor

@using BlazorSQLAndMongoDB.Data
@page "/listcities"
@inject ICityService CityService
<h2>City Details</h2>
<p><a href="/addcity">Create New City</a>
</p>
@if (cities == null)
{<img src="./basicloader.gif" />
}
else
{<table class='table'><thead><tr><th>Name</th><th>State</th></tr></thead><tbody>@foreach (var city in cities){<tr><td>@city.Name</td><td>@city.State</td><td><a href='/editcity/@city.Id'>Edit</a><a href='/deletecity/@city.Id'>Delete</a></td></tr>}</tbody></table>
}
@code {List<City> cities;protected override async Task OnInitializedAsync(){cities = await CityService.GetCities();}
}

AddCity.razor

@using BlazorSQLAndMongoDB.Data
@page "/addcity"
@inject NavigationManager NavigationManager
@inject ICityService CityService
<h2>Create City</h2>
<hr />
<form><div class="row"><div class="col-md-8"><div class="form-group"><label for="Name" class="control-label">Name</label><input for="Name" class="form-control" @bind="@city.Name" /></div><div class="form-group"><label for="State" class="control-label">State</label><input for="State" class="form-control" @bind="@city.State" /></div></div></div><div class="row"><div class="col-md-4"><div class="form-group"><input type="button" class="btn btn-primary" @onclick="@CreateCity" value="Save"/><input type="button" class="btn" @onclick="@Cancel" value="Cancel" /></div></div></div>
</form>
@code {City city = new City();protected async Task CreateCity(){await CityService.CreateCity(city);NavigationManager.NavigateTo("listcities");}void Cancel(){NavigationManager.NavigateTo("listcities");}
}

EditCity.razor

@using BlazorSQLAndMongoDB.Data
@page "/editcity/{id}"
@inject NavigationManager NavigationManager
@inject ICityService CityService
<h2>Edit City</h2>
<hr />
<form><div class="row"><div class="col-md-8"><div class="form-group"><label for="Name" class="control-label">Name</label><input for="Name" class="form-control" @bind="@city.Name" /></div><div class="form-group"><label for="State" class="control-label">State</label><input for="State" class="form-control" @bind="@city.State" /></div></div></div><div class="row"><div class="form-group"><input type="button" class="btn btn-primary" @onclick="@UpdateCity" value="Update" /><input type="button" class="btn" @onclick="@Cancel" value="Cancel" /></div></div>
</form>
@code {[Parameter]public string id { get; set; }City city = new City();protected override async Task OnInitializedAsync(){city = await CityService.SingleCity(id);}protected async Task UpdateCity(){await CityService.EditCity(id, city);NavigationManager.NavigateTo("listcities");}void Cancel(){NavigationManager.NavigateTo("listcities");}
}

DeleteCity.razor

@using BlazorSQLAndMongoDB.Data
@page "/deletecity/{id}"
@inject NavigationManager NavigationManager
@inject ICityService CityService
<h2>Confirm Delete</h2>
<p>Are you sure you want to delete this City with Id: <b>@id</b></p>
<br />
<div class="col-md-4"><table class="table"><tr><td>Name</td><td>@city.Name</td></tr><tr><td>State</td><td>@city.State</td></tr></table><div class="form-group"><input type="button" value="Delete" @onclick="@Delete" class="btn btn-primary" /><input type="button" value="Cancel" @onclick="@Cancel" class="btn" /></div>
</div>
@code {[Parameter]public string id { get; set; }City city = new City();protected override async Task OnInitializedAsync(){city = await CityService.SingleCity(id);}protected async Task Delete(){await CityService.DeleteCity(id);NavigationManager.NavigateTo("listcities");}void Cancel(){NavigationManager.NavigateTo("listcities");}
}

我们现在可以为员工创建组件。

ListEmployees.razor

@using BlazorSQLAndMongoDB.Data
@page "/listemployees"
@inject IEmployeeService EmployeeService
<h2>Employee Details</h2>
<p><a href="/addemployee">Create New Employee</a>
</p>
@if (employees == null)
{<img src="./basicloader.gif" />
}
else
{<table class='table'><thead><tr><th>Name</th><th>Department</th><th>Designation</th><th>Company</th><th>City</th></tr></thead><tbody>@foreach (var employee in employees){<tr><td>@employee.Name</td><td>@employee.Department</td><td>@employee.Designation</td><td>@employee.Company</td><td>@employee.City</td><td><a href='/editemployee/@employee.Id'>Edit</a><a href='/deleteemployee/@employee.Id'>Delete</a></td></tr>}</tbody></table>
}
@code {List<Employee> employees;protected override async Task OnInitializedAsync(){employees = await EmployeeService.GetEmployees();}
}

AddEmployee.razor

@using BlazorSQLAndMongoDB.Data
@page "/addemployee"
@inject NavigationManager NavigationManager
@inject IEmployeeService EmployeeService
@inject ICityService CityService
<h2>Create Employee</h2>
<hr />
<form><div class="row"><div class="col-md-8"><div class="form-group"><label for="Name" class="control-label">Name</label><input for="Name" class="form-control" @bind="@employee.Name" /></div><div class="form-group"><label for="Department" class="control-label">Department</label><input for="Department" class="form-control" @bind="@employee.Department" /></div><div class="form-group"><label for="Designation" class="control-label">Designation</label><input for="Designation" class="form-control" @bind="@employee.Designation" /></div><div class="form-group"><label for="Company" class="control-label">Company</label><input for="Company" class="form-control" @bind="@employee.Company" /></div><div class="form-group"><label asp-for="City" class="control-label">City</label><select asp-for="City" class="form-control" @bind="@employee.City"><option value="">-- Select City --</option>@foreach (var city in cities){<option value="@city.Name">@city.Name</option>}</select></div></div></div><div class="row"><div class="col-md-4"><div class="form-group"><input type="button" class="btn btn-primary" @onclick="@CreateEmployee" value="Save" /><input type="button" class="btn" @onclick="@Cancel" value="Cancel" /></div></div></div>
</form>
@code {Employee employee = new Employee();List<City> cities = new List<City>();protected override async Task OnInitializedAsync(){cities = await CityService.GetCities();}protected async Task CreateEmployee(){await EmployeeService.CreateEmployee(employee);NavigationManager.NavigateTo("listemployees");}void Cancel(){NavigationManager.NavigateTo("listemployees");}
}

请注意,我已在上述组件中注入了城市服务和员工服务。城市组件用于从 MongoDB 获取城市名称,员工服务用于将所有员工数据保存在 SQL 数据库中。

EditEmployee.razor

@using BlazorSQLAndMongoDB.Data@page "/editemployee/{id}"
@inject NavigationManager NavigationManager
@inject IEmployeeService EmployeeService
@inject ICityService CityService
<h2>Edit Employee</h2>
<hr />
<form><div class="row"><div class="col-md-8"><div class="form-group"><label for="Name" class="control-label">Name</label><input for="Name" class="form-control" @bind="@employee.Name" /></div><div class="form-group"><label for="Department" class="control-label">Department</label><input for="Department" class="form-control" @bind="@employee.Department" /></div><div class="form-group"><label for="Designation" class="control-label">Designation</label><input for="Designation" class="form-control" @bind="@employee.Designation" /></div><div class="form-group"><label for="Company" class="control-label">Company</label><input for="Company" class="form-control" @bind="@employee.Company" /></div><div class="form-group"><label asp-for="City" class="control-label">City</label><select asp-for="City" class="form-control" @bind="@employee.City"><option value="">-- Select City --</option>@foreach (var city in cities){<option value="@city.Name">@city.Name</option>}</select></div></div></div><div class="row"><div class="form-group"><input type="button" class="btn btn-primary" @onclick="@UpdateEmployee" value="Update" /><input type="button" class="btn" @onclick="@Cancel" value="Cancel" /></div></div>
</form>@code {[Parameter]public string id { get; set; }Employee employee = new Employee();List<City> cities = new List<City>();protected override async Task OnInitializedAsync(){cities = await CityService.GetCities();employee = await EmployeeService.SingleEmployee(id);}protected async Task UpdateEmployee(){await EmployeeService.EditEmployee(id, employee);NavigationManager.NavigateTo("listemployees");}void Cancel(){NavigationManager.NavigateTo("listemployees");}
}

该组件也被注入到City服务和Employee服务中。

DeleteEmployee.razor

@using BlazorSQLAndMongoDB.Data
@page "/deleteemployee/{id}"
@inject NavigationManager NavigationManager
@inject IEmployeeService EmployeeService
<h2>Confirm Delete</h2>
<p>Are you sure you want to delete this Employee with Id: <b>@id</b></p>
<br />
<div class="col-md-4"><table class="table"><tr><td>Name</td><td>@employee.Name</td></tr><tr><td>Department</td><td>@employee.Department</td></tr><tr><td>Designation</td><td>@employee.Designation</td></tr><tr><td>Company</td><td>@employee.Company</td></tr><tr><td>City</td><td>@employee.City</td></tr></table><div class="form-group"><input type="button" value="Delete" @onclick="@Delete" class="btn btn-primary" /><input type="button" value="Cancel" @onclick="@Cancel" class="btn" /></div>
</div>
@code {[Parameter]public string id { get; set; }Employee employee = new Employee();protected override async Task OnInitializedAsync(){employee = await EmployeeService.SingleEmployee(id);}protected async Task Delete(){await EmployeeService.DeleteEmployee(id);NavigationManager.NavigateTo("listemployees");}void Cancel(){NavigationManager.NavigateTo("listemployees");}
}

NavMenu.razor

<div class="top-row pl-4 navbar navbar-dark"><a class="navbar-brand" href="">Blazor with SQL and Mongo</a><button class="navbar-toggler" @onclick="ToggleNavMenu"><span class="navbar-toggler-icon"></span></button>
</div>
<div class="@NavMenuCssClass" @onclick="ToggleNavMenu"><ul class="nav flex-column"><li class="nav-item px-3"><NavLink class="nav-link" href="" Match="NavLinkMatch.All"><span class="oi oi-home" aria-hidden="true"></span> Home</NavLink></li><li class="nav-item px-3"><NavLink class="nav-link" href="listcities"><span class="oi oi-plus" aria-hidden="true"></span> City details</NavLink></li><li class="nav-item px-3"><NavLink class="nav-link" href="listemployees"><span class="oi oi-list-rich" aria-hidden="true"></span> Employee details</NavLink></li></ul>
</div>
@code {bool collapseNavMenu = true;string NavMenuCssClass => collapseNavMenu ? "collapse" : null;void ToggleNavMenu(){collapseNavMenu = !collapseNavMenu;}
}

我们已经删除了默认创建的计数器和天气数据的路由。

我们已经完成了整个编码部分。我们可以运行该应用程序了。请确保您的 MongoDB Windows 服务正在运行。

我们可以创建一个新的城市数据。

保存数据后,您可以使用 MongoDB 指南针软件检查 MongoDB 数据。


我们可以在那里看到新添加的城市数据。

我们现在可以创建新的员工数据。

我们可以再添加一个员工详细信息,并在网格中列出两个员工详细信息。

我们已成功通过申请添加了两个城市和两名员工。

结论

在这篇文章中,我们了解了如何在同一个 Blazor 应用程序中结合 SQL DB 和 MongoDB。我们已成功在单个应用程序中集成了 RDBMS 和 No SQL 功能。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/bicheng/30006.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

APS计划排程系统如何打破装备使用约束

APS计划排程系统是离散制造型企业在计划控制方向的重要支撑&#xff0c;它提供的是交期预测、订单排产计划、物料采购计划、人力分配计划等等。近些几年来&#xff0c;多品种、小批量、多订单的生产模式&#xff0c;让企业的计划员应接不暇、疲累不堪&#xff0c;传统的人工经验…

C++语法01 基本框架

目录 什么是 C &#xff1f; 新建源程序 保存源程序 程序基本框架 #include using namespace std; int main() return 0; 编译 运行 什么是 C &#xff1f; C语言&#xff0c;是基本的程序设计语言之一【程序设计语言&#xff0c;简单的来说就是编写代码来操控计…

数据库大作业——音乐平台数据库管理系统

W...Y的主页&#x1f60a; 代码仓库分享&#x1f495; 《数据库系统》课程设计 &#xff1a;流行音乐管理平台数据库系统&#xff08;本数据库大作业使用软件sql server、dreamweaver、power designer&#xff09; 目录 系统需求设计 数据库概念结构设计 实体分析 属性分…

PostgreSQL查看表的大小

PostgreSQL查看表的大小 在 PostgreSQL 中&#xff0c;可以使用一系列函数和系统视图来查看表的大小。这些工具可以帮助您获取表的基本存储大小、包括索引和 TOAST 的总大小等信息。下列方法演示了如何获取这些信息。 使用函数查看表的大小 pg_relation_size()&#xff1a;返…

Effective Python

列表与字典 键不在字典 contour counters.get(key,0); 键不在字典&#xff0c;返回默认0. names votes.setdefault(key,[]);键不在字典&#xff0c;关联插入默认值后&#xff0c;返回默认[].

AWS CloudFront怎么计费的?

AWS CloudFront是Amazon Web Services提供的一项内容分发网络(CDN)服务&#xff0c;旨在加快网站、应用程序、视频流和其他Web内容的全球分发速度。通过在全球范围内缓存内容至边缘位置&#xff0c;CloudFront能够减少延迟&#xff0c;提高用户体验。关于CloudFront的计费方式&…

升级必备!Win11专业版镜像下载地址:一键直达!

许多用户想要体验Win11专业版系统的新功能&#xff0c;但不知道Win11专业版在哪下载&#xff1f;接下来小编给大家分享最新的Win11专业版镜像&#xff0c;大家喜欢的话&#xff0c;一键点击下载即可&#xff0c;还可以打开【系统之家官网】寻找自己更喜欢的操作系统。 推荐下载…

c# 协议数据计算陀螺仪的角度,带符号

subStrL str.Substring((76 - 8), 2); subStrH str.Substring((78 - 8), 2); Data[7] (short)(Convert.ToInt16(subStrH, 16) * 256 Convert.ToInt16(subStrL, 16));//角度X subStrL str.Substring((80 - 8), 2); subStrH str.Subst…

JavaScript typeof 运算符详解

JavaScript typeof 运算符详解 JavaScript 中的 typeof 运算符是一个一元运算符&#xff0c;用于确定一个变量的数据类型。它返回一个表示数据类型的字符串。typeof 运算符在 JavaScript 开发中非常常用&#xff0c;尤其是在进行类型检查时。本文将详细介绍 typeof 运算符的使…

大学物理(动量定理)

目录 冲量与动量 质点动量定理 质点系动量定理:​编辑 例题 ​编辑 例题 ​编辑 动量守恒定律:。 例题 ​编辑 例题 ​编辑 角动量 ​编辑 例题 ​编辑 力矩与角动量定理​编辑 角动量守恒定律: ​编辑 例题 冲量与动量 质点动量定理 质点系动量定理: 例题 例…

深入理解JavaScript展开运算符(附Demo)

目录 1. 基本知识2. Demo3. 总结 1. 基本知识 JavaScript ES6中的一个特色 由三个点&#xff08;...&#xff09;组成&#xff0c;主要用于数组和对象的操作可以将数组或对象的元素展开到另外一个数组或对象中 数组中的展开运算符&#xff1a;(将数组中的元素展开为单独的元…

拆分两个单链表

分数 5 作者 李卫明 单位 杭州电子科技大学 1.4 编写程序&#xff0c;输入若干正整数&#xff0c;按从小到大次序建立1个带头结点单链表&#xff0c;设计一个实现单链表分离算法的Split函数&#xff0c;将原单链表中值为偶数的结点分离出来形成一个新单链表&#xff0c;新单…

大型网站优化指南:打造流畅的在线体验

大型网站 大型网站是指具有高并发、大流量、高可用性、海量数据处理能力&#xff0c;并能提供7*24小时不间断服务的网站。 这些网站通常面临用户分布广泛、网络情况复杂、安全环境恶劣等挑战。 同时需要快速适应市场变化和用户需求&#xff0c;通过渐进式的发展策略运营成大型…

深入探索Stable Diffusion:从原理到应用的全面解析

目录 一 Stable Diffusion的基本概念 什么是Stable Diffusion? Stable Diffusion与传统生成模型的区别 二 Stable Diffusion的理论基础 扩散过程的数学描述 马尔可夫链蒙特卡罗方法(MCMC) 三 Stable Diffusion的算法实现 基本步骤 代码实现 四 Stable Diffusion的…

Python类中变量定义详解

✨前言&#xff1a; Python中的类可以定义两种类型的变量&#xff1a;类变量和实例变量。 类变量&#xff08;Class Variables&#xff09;&#xff1a; 类变量是在类级别上定义的变量&#xff0c;它们是对所有实例共享的。这意味着类变量只有一个副本&#xff0c;无论你创建了…

图形化编程:解锁数字创意的新钥匙

在这个日新月异的数字时代&#xff0c;编程已不再局限于专业人士的小圈子&#xff0c;它正逐渐成为一项基础技能&#xff0c;融入我们的日常生活与工作中。而对于那些对传统代码望而生畏的人来说&#xff0c;6547网认为图形化编程犹如一股清流&#xff0c;以其直观、易学的特点…

【streamlit】将markdown文件,以网页形式打开

1、安装依赖 pip install streamlit 2、创建应用入口 # qucikStart.py import streamlit as stdocs_file "./docs.md"def read_markdown_file(filepath):with open(filepath, r, encodingutf-8) as f:return f.read()text read_markdown_file(docs_file) st.markd…

基础算法--双指针算法

文章目录 什么是双指针算法例题1.移动零2.复写零3.快乐数4.盛最多水的容器5.有效三角形的个数6.三数之和7.四数之和 什么是双指针算法 通常我们讲的双指针就是用两个指针&#xff0c;两个指针可以是快慢指针&#xff0c;解决成环的问题&#xff0c;也可以是指向收尾的两个指针…

短剧app广告变现模式开发

短剧app搭建是一个涉及多个方面的复杂过程&#xff0c;下面将介绍主要的步骤和考虑因素&#xff1a; 明确目标和定位&#xff1a;在开始搭建之前&#xff0c;首先要明确你的目标受众是谁&#xff0c;以及短剧app的主要定位是什么。这有助于在后续的开发过程中更有针对性地进行…

医院运维团队需要具备的关键能力及产品推荐

为了实现医院一体化运维监控&#xff0c;医院运维团队需要具备以下关键能力&#xff1a; 1. 技术能力&#xff1a; 系统监控能力&#xff1a;运维团队需要熟练掌握各种监控工具&#xff0c;能够实时监控系统的运行状态&#xff0c;包括服务器性能、网络状况、应用程序运行情况…