当前位置： 首页 > news >正文

22、能源监控与优化 - 数据中心模拟 - /能源管理组件/data-center-energy-monitoring

news 来源：原创 2025/6/17 4:25:45

76个工业组件库示例汇总

能源监控与优化组件 - 数据中心模拟

1. 组件概述

本组件旨在模拟一个典型数据中心的能源消耗情况，并提供实时的监控数据和基本的优化建议/警报功能。用户可以通过界面直观地了解数据中心总体功耗、PUE (电源使用效率)、各部分能耗构成、机架温度状态等关键指标，并观察其动态变化。

2. 主要功能

  • 实时指标概览: 顶部显示数据中心总功耗 (kW)、PUE、平均机架温度 (°C) 和环境湿度 (%)。
  • 能耗构成可视化: 使用甜甜圈图展示服务器、冷却系统、网络设备及其他负载的功耗占比。
  • 功耗趋势可视化: 使用折线图展示数据中心总功耗随时间变化的趋势。
  • 机架状态监控: 以网格形式展示各个服务器机架的实时状态，通过颜色区分正常 (绿)、警告 (黄)、危险 (红) 或离线 (灰) 状态，并显示每个机架的功耗和温度。
  • 优化建议与警报: 根据预设阈值（如 PUE 过高、机架温度异常）自动生成警报或节能建议。
  • 模拟交互: 用户可以通过滑块调整模拟的服务器平均负载，观察不同负载下的能耗变化；也可以手动触发随机事件（如温度飙升、负载骤增、机架离线）来模拟现实中的突发情况。
  • 响应式布局: 界面宽度自适应浏览器大小，在不同设备上都能提供良好的浏览体验，同时避免内容区域过高。

3. 技术栈

  • HTML5
  • CSS3 (Flexbox, Grid, CSS Variables, Media Queries)
  • JavaScript (ES6+)
  • Chart.js (用于绘制图表)

4. 运行与使用

  1. 将 data-center-energy-monitoring 文件夹放置在 能源管理组件 目录下。
  2. 在支持 HTML5 和 JavaScript 的浏览器中打开 index.html 文件。
  3. 界面加载后，模拟将自动开始运行。
  4. 观察顶部指标、图表和机架状态的变化。
  5. 在底部的控制栏中：
    • 拖动"模拟服务器负载"滑块来改变数据中心的 IT 负载，观察各项指标如何响应。
    • 点击"触发随机事件"按钮来模拟突发状况，观察系统警报和状态变化。
  6. 点击机架状态网格中的任意一个机架，可以在"优化建议与警报"区域看到该机架的详细信息（当前实现为简单的日志输出）。

5. 模拟逻辑说明

  • 服务器功耗: 基于设定的基础功耗和最大功耗，根据用户调整的"服务器负载"百分比进行计算，并加入小幅随机波动。
  • 冷却功耗: 简单模型，假设冷却功耗是 IT 功耗（服务器功耗）的一个比例，且该比例会随着 IT 功耗的增加而增加（模拟更高负载需要更强制冷）。
  • 总功耗: 服务器功耗 + 冷却功耗 + 固定的网络功耗 + 固定的其他负载功耗。
  • PUE: 总功耗 / IT 功耗。越接近 1 越好。
  • 机架温度: 简单模型，基于机架的服务器功耗计算一个基础温度，并加入随机波动。根据温度与设定的最佳范围比较，确定"正常"、“警告”、"危险"状态。
  • 平均温度/湿度: 计算所有活动机架的平均温度；湿度在设定范围内随机小幅波动。
  • 警报/建议: 基于 PUE 值、机架温度状态和当前负载情况生成简单的文本提示。

6. 注意事项

  • 这是一个概念性模拟，其能耗和温度模型经过高度简化，不代表真实数据中心的精确物理过程。
  • 目的是为了演示能源监控仪表盘的界面设计和基本的数据联动效果。
  • 所有数据均为程序生成，没有连接到任何真实的数据源。

效果展示

在这里插入图片描述

源码

index.html

<!DOCTYPE html>
<html lang="zh-CN">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>能源监控与优化 - 数据中心</title><link rel="stylesheet" href="styles.css"><!-- Consider using a charting library like Chart.js --><script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
</head>
<body><div class="container"><header class="overview-bar"><h1>数据中心能源监控与优化</h1><div class="metrics"><div class="metric-item"><span class="label">总功耗</span><span class="value" id="totalPower">-- kW</span></div><div class="metric-item"><span class="label">PUE</span><span class="value" id="pueValue">--</span></div><div class="metric-item"><span class="label">平均机架温度</span><span class="value" id="avgTemp">-- °C</span></div><div class="metric-item"><span class="label">环境湿度</span><span class="value" id="humidity">-- %</span></div></div></header><main class="main-content"><section class="charts-section"><div class="chart-container power-breakdown-container"><h2>能耗构成</h2><canvas id="powerBreakdownChart"></canvas></div><div class="chart-container power-trend-container"><h2>实时总功耗趋势 (kW)</h2><canvas id="powerTrendChart"></canvas></div></section><section class="status-and-optimization"><div class="rack-status-container"><h2>机架状态概览</h2><div class="rack-grid" id="rackGrid"><!-- Rack status indicators will be generated by JS --><p>正在加载机架数据...</p></div></div><div class="optimization-alerts-container"><h2>优化建议与警报</h2><ul id="alertList"><li>系统初始化完成，等待数据...</li><!-- Alerts and suggestions will be added by JS --></ul></div></section></main><footer class="control-bar"><div class="simulation-controls"><label for="simLoadSlider">模拟服务器负载 (%):</label><input type="range" id="simLoadSlider" min="10" max="100" value="60"><span id="simLoadValue">60%</span><button id="triggerEventBtn">触发随机事件</button></div><div class="simulation-status"><span>模拟状态: <span id="simStatus">运行中</span></span></div></footer></div><script src="script.js"></script>
</body>
</html>

styles.css

:root {--bg-color: #f5f5f7;--panel-bg-color: #ffffff;--border-color: #d2d2d7;--text-color-primary: #1d1d1f;--text-color-secondary: #6e6e73;--accent-blue: #007aff;--accent-green: #34c759;--accent-yellow: #ffcc00;--accent-red: #ff3b30;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--border-radius: 8px;--container-padding: 20px;--panel-padding: 15px;--header-height: 60px;--footer-height: 50px;
}* {box-sizing: border-box;margin: 0;padding: 0;
}body {font-family: var(--font-family);background-color: var(--bg-color);color: var(--text-color-primary);line-height: 1.5;display: flex;justify-content: center;align-items: flex-start; /* Align to top */min-height: 100vh;padding: 20px; /* Padding around the whole component */
}.container {width: 100%;max-width: 1400px; /* Limit max width */background-color: var(--panel-bg-color);border-radius: var(--border-radius);border: 1px solid var(--border-color);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);overflow: hidden;display: flex;flex-direction: column;/* Control height implicitly via content, avoid fixed height */
}/* Header / Overview Bar */
.overview-bar {display: flex;justify-content: space-between;align-items: center;padding: 0 var(--container-padding);height: var(--header-height);border-bottom: 1px solid var(--border-color);background-color: #ffffff; /* Slightly different background? */
}.overview-bar h1 {font-size: 1.2em;font-weight: 600;color: var(--text-color-primary);
}.metrics {display: flex;gap: 25px;
}.metric-item {display: flex;flex-direction: column;align-items: flex-end;
}.metric-item .label {font-size: 0.8em;color: var(--text-color-secondary);margin-bottom: 2px;
}.metric-item .value {font-size: 1.1em;font-weight: 600;color: var(--text-color-primary);
}/* Main Content Area */
.main-content {display: flex;flex: 1; /* Allow main content to grow */padding: var(--container-padding);gap: var(--container-padding);min-height: 400px; /* Ensure minimum height for content */
}.charts-section {flex: 3; /* Charts take more space */display: flex;flex-direction: column;gap: var(--container-padding);
}.status-and-optimization {flex: 2; /* Status/Alerts take less space */display: flex;flex-direction: column;gap: var(--container-padding);
}.chart-container,
.rack-status-container,
.optimization-alerts-container {background-color: var(--panel-bg-color);/* border: 1px solid var(--border-color); Maybe remove internal borders */border-radius: var(--border-radius);padding: var(--panel-padding);box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}.chart-container h2,
.rack-status-container h2,
.optimization-alerts-container h2 {font-size: 0.95em;font-weight: 600;margin-bottom: 15px;color: var(--text-color-primary);
}/* Specific section sizing */
.power-breakdown-container {flex-basis: 40%; /* Adjust relative heights */
}
.power-trend-container {flex-basis: 60%;
}
.rack-status-container {flex-basis: 65%;
}
.optimization-alerts-container {flex-basis: 35%;max-height: 250px; /* Limit height of alerts */overflow-y: auto;
}/* Chart Canvas Styling */
.chart-container canvas {max-width: 100%;max-height: 250px; /* Limit chart height */
}
.power-trend-container canvas {max-height: 300px; /* Allow trend chart to be slightly taller */
}/* Rack Grid */
.rack-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(45px, 1fr));gap: 10px;max-height: 300px; /* Limit grid height */overflow-y: auto;padding-right: 5px; /* Space for scrollbar */
}.rack-indicator {width: 45px;height: 45px;border-radius: 4px;display: flex;flex-direction: column; /* Stack text vertically */justify-content: center;align-items: center;font-size: 0.7em;color: #fff;text-align: center;cursor: pointer;transition: transform 0.2s ease, box-shadow 0.2s ease;line-height: 1.2;padding: 2px;position: relative;overflow: hidden; /* Hide overflow for effects */
}.rack-indicator:hover {transform: scale(1.05);box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);z-index: 10;
}.rack-id {font-weight: 600;display: block;margin-bottom: 2px;
}
.rack-power, .rack-temp {font-size: 0.9em;
}/* Rack status colors */
.rack-status-normal {background-color: var(--accent-green);
}
.rack-status-warning {background-color: var(--accent-yellow);color: #333;
}
.rack-status-critical {background-color: var(--accent-red);
}
.rack-status-offline {background-color: #a0a0a0;
}/* Optimization/Alerts List */
#alertList {list-style: none;padding: 0;font-size: 0.85em;
}#alertList li {padding: 8px 10px;border-bottom: 1px solid #eee;display: flex;align-items: center;gap: 8px;
}#alertList li:last-child {border-bottom: none;
}/* Alert types styling */
.alert-info::before {content: "\2139"; /* Info symbol */color: var(--accent-blue);font-weight: bold;
}
.alert-warning::before {content: "\26A0"; /* Warning symbol */color: var(--accent-yellow);font-weight: bold;
}
.alert-critical::before {content: "\2757"; /* Exclamation mark */color: var(--accent-red);font-weight: bold;
}
.alert-suggestion::before {content: "\1F4A1"; /* Light bulb */color: var(--accent-green);
}/* Footer / Control Bar */
.control-bar {display: flex;justify-content: space-between;align-items: center;padding: 0 var(--container-padding);height: var(--footer-height);border-top: 1px solid var(--border-color);background-color: #fbfbfd; /* Slightly different footer bg */font-size: 0.85em;
}.simulation-controls {display: flex;align-items: center;gap: 15px;
}.simulation-controls label {color: var(--text-color-secondary);
}.simulation-controls input[type="range"] {width: 120px;cursor: pointer;
}.simulation-controls button {padding: 5px 12px;background-color: var(--accent-blue);color: white;border: none;border-radius: 5px;cursor: pointer;font-size: 0.9em;transition: background-color 0.2s ease;
}.simulation-controls button:hover {background-color: #0056b3;
}.simulation-status span {color: var(--text-color-secondary);
}/* Scrollbar Styling (optional, Webkit) */
::-webkit-scrollbar {width: 6px;height: 6px;
}
::-webkit-scrollbar-track {background: #f1f1f1;border-radius: 3px;
}
::-webkit-scrollbar-thumb {background: #c1c1c1;border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {background: #a8a8a8;
}/* Responsive Adjustments */
@media (max-width: 1200px) {.metrics {gap: 15px;}.metric-item .value {font-size: 1em;}.rack-grid {grid-template-columns: repeat(auto-fill, minmax(40px, 1fr));gap: 8px;}.rack-indicator {width: 40px;height: 40px;font-size: 0.65em;}
}@media (max-width: 992px) {.main-content {flex-direction: column;min-height: auto; /* Allow height to adjust */}.charts-section,.status-and-optimization {flex: none; /* Reset flex grow */width: 100%;}.rack-grid {max-height: 250px;}.optimization-alerts-container {max-height: 200px;}
}@media (max-width: 768px) {body {padding: 10px;}.container {border-radius: 0; /* Full width on small screens */border-left: none;border-right: none;}.overview-bar {flex-direction: column;height: auto;padding: 10px var(--container-padding);align-items: flex-start;}.overview-bar h1 {margin-bottom: 10px;}.metrics {width: 100%;justify-content: space-between;gap: 10px;}.metric-item {align-items: center; /* Center metrics on mobile */}.main-content {padding: var(--panel-padding);}.charts-section, .status-and-optimization {gap: var(--panel-padding);}.control-bar {flex-direction: column;height: auto;padding: 10px var(--container-padding);gap: 10px;}.simulation-controls {flex-wrap: wrap;justify-content: center;gap: 10px;}
}@media (max-width: 480px) {.metrics {flex-wrap: wrap;justify-content: center;}.metric-item {flex-basis: 45%; /* Two metrics per row */align-items: center;margin-bottom: 5px;}.rack-grid {grid-template-columns: repeat(auto-fill, minmax(35px, 1fr));gap: 5px;max-height: 200px;}.rack-indicator {width: 35px;height: 35px;font-size: 0.6em;}
}

script.js

document.addEventListener('DOMContentLoaded', () => {// --- DOM Elements ---const totalPowerSpan = document.getElementById('totalPower');const pueValueSpan = document.getElementById('pueValue');const avgTempSpan = document.getElementById('avgTemp');const humiditySpan = document.getElementById('humidity');const powerBreakdownCanvas = document.getElementById('powerBreakdownChart');const powerTrendCanvas = document.getElementById('powerTrendChart');const rackGridDiv = document.getElementById('rackGrid');const alertListUl = document.getElementById('alertList');const simLoadSlider = document.getElementById('simLoadSlider');const simLoadValueSpan = document.getElementById('simLoadValue');const triggerEventBtn = document.getElementById('triggerEventBtn');const simStatusSpan = document.getElementById('simStatus');// --- Simulation Configuration ---const config = {numRacks: 48,baseServerPowerPerRack: 2.5, // kW per rack at idlemaxServerPowerPerRack: 6.0,  // kW per rack at 100% loadbaseCoolingPowerFraction: 0.4, // Cooling power as fraction of IT power at low loadcoolingIncreaseFactor: 0.6, // How much cooling increases with IT loadnetworkPower: 15, // Constant network power (kW)otherLoadsPower: 10, // Other infrastructure power (kW)optimalTempRange: [20, 25], // degrees CwarningTempOffset: 3, // Temp degrees above optimal for warningcriticalTempOffset: 6, // Temp degrees above optimal for criticaltempFluctuation: 1.5, // Max random temp fluctuation per rackpowerFluctuation: 0.5, // Max random power fluctuation per rack (kW)humidityRange: [40, 60], // % RHupdateInterval: 2000, // MillisecondstrendChartPoints: 30, // Number of points to show on the trend chartpueWarningLevel: 1.6,pueCriticalLevel: 1.8,};// --- Simulation State ---let serverLoadPercent = parseInt(simLoadSlider.value, 10);let racks = []; // Array of { id, serverPower, temperature, status } objectslet totalITPower = 0;let totalCoolingPower = 0;let totalDataCenterPower = 0;let pue = 1.0;let averageTemperature = 0;let humidity = 50;let simulationTimer = null;let powerTrendData = Array(config.trendChartPoints).fill(null);let trendChartLabels = Array(config.trendChartPoints).fill('');// --- Chart Instances ---let powerBreakdownChart = null;let powerTrendChart = null;// --- Utility Functions ---function getRandom(min, max) {return Math.random() * (max - min) + min;}function formatTimeLabel(date) {const h = String(date.getHours()).padStart(2, '0');const m = String(date.getMinutes()).padStart(2, '0');const s = String(date.getSeconds()).padStart(2, '0');return `${h}:${m}:${s}`;}// --- Initialization Functions ---function initializeRacks() {racks = [];for (let i = 0; i < config.numRacks; i++) {const rackId = `R${String(i + 1).padStart(2, '0')}`;racks.push({id: rackId,serverPower: 0, // kW, will be calculatedtemperature: getRandom(config.optimalTempRange[0], config.optimalTempRange[1]), // Initial temp Cstatus: 'normal' // normal, warning, critical, offline});}}function initializeCharts() {const breakdownCtx = powerBreakdownCanvas.getContext('2d');powerBreakdownChart = new Chart(breakdownCtx, {type: 'doughnut', // Or 'pie'data: {labels: ['服务器', '冷却系统', '网络设备', '其他负载'],datasets: [{data: [0, 0, 0, 0],backgroundColor: ['rgba(0, 122, 255, 0.8)', // Accent Blue'rgba(52, 199, 89, 0.8)', // Accent Green'rgba(255, 149, 0, 0.8)', // Accent Orange'rgba(142, 142, 147, 0.8)' // Gray],borderColor: 'rgba(255, 255, 255, 0.5)',borderWidth: 1}]},options: {responsive: true,maintainAspectRatio: false,plugins: {legend: {position: 'bottom',labels: { font: { size: 11 } }}}}});const trendCtx = powerTrendCanvas.getContext('2d');powerTrendChart = new Chart(trendCtx, {type: 'line',data: {labels: trendChartLabels,datasets: [{label: '总功耗 (kW)',data: powerTrendData,borderColor: 'rgba(0, 122, 255, 1)',backgroundColor: 'rgba(0, 122, 255, 0.1)',fill: true,tension: 0.3, // Smoother linepointRadius: 0, // Hide pointspointHoverRadius: 4}]},options: {responsive: true,maintainAspectRatio: false,scales: {y: {beginAtZero: false,ticks: { font: { size: 10 } }},x: {ticks: { font: { size: 10 }, maxRotation: 0, autoSkipPadding: 15 }}},plugins: {legend: { display: false }},animation: {duration: 300 // Faster animation for smoother updates}}});}// --- Simulation Logic ---function updateSimulationData() {totalITPower = 0;let totalTemperature = 0;let activeRacks = 0;// 1. Update Rack Status (Power & Temp based on load)racks.forEach(rack => {if (rack.status === 'offline') return; // Skip offline racks// Calculate server power based on load and fluctuationconst basePower = config.baseServerPowerPerRack;const range = config.maxServerPowerPerRack - basePower;rack.serverPower = basePower + (range * (serverLoadPercent / 100));rack.serverPower += getRandom(-config.powerFluctuation, config.powerFluctuation);rack.serverPower = Math.max(0.1, rack.serverPower); // Ensure minimum powertotalITPower += rack.serverPower;// Calculate temperature based on power and fluctuation// Simple model: temp increases with power, modified by fluctuationconst tempIncreaseDueToPower = (rack.serverPower / config.maxServerPowerPerRack) * (config.criticalTempOffset + 2); // More power = higher potential tempconst baseTemp = config.optimalTempRange[0]; // Start from low optimalrack.temperature = baseTemp + tempIncreaseDueToPower + getRandom(-config.tempFluctuation, config.tempFluctuation);rack.temperature = Math.max(15, rack.temperature); // Floor temp// Determine rack status based on temperatureconst criticalThreshold = config.optimalTempRange[1] + config.criticalTempOffset;const warningThreshold = config.optimalTempRange[1] + config.warningTempOffset;if (rack.temperature >= criticalThreshold) {rack.status = 'critical';} else if (rack.temperature >= warningThreshold) {rack.status = 'warning';} else {rack.status = 'normal';}totalTemperature += rack.temperature;activeRacks++;});// 2. Calculate Cooling Power// Cooling power increases with IT powerconst itPowerRatio = totalITPower / (config.numRacks * config.maxServerPowerPerRack); // Ratio of current IT load to max possibleconst coolingFraction = config.baseCoolingPowerFraction + (config.coolingIncreaseFactor * itPowerRatio);totalCoolingPower = totalITPower * coolingFraction;totalCoolingPower = Math.max(5, totalCoolingPower); // Minimum cooling power// 3. Calculate Total Power and PUEtotalDataCenterPower = totalITPower + totalCoolingPower + config.networkPower + config.otherLoadsPower;pue = (totalITPower > 0) ? totalDataCenterPower / totalITPower : 1.0;// 4. Calculate Average Temperature & HumidityaverageTemperature = activeRacks > 0 ? totalTemperature / activeRacks : config.optimalTempRange[0];// Simple humidity fluctuationhumidity += getRandom(-1, 1);humidity = Math.max(config.humidityRange[0] - 5, Math.min(config.humidityRange[1] + 5, humidity)); // Keep within broader bounds// 5. Update Trend Chart DatapowerTrendData.shift();powerTrendData.push(totalDataCenterPower);trendChartLabels.shift();trendChartLabels.push(formatTimeLabel(new Date()));// 6. Check for Alerts/SuggestionsgenerateAlerts();}// --- UI Update Functions ---function updateUI() {totalPowerSpan.textContent = `${totalDataCenterPower.toFixed(1)} kW`;pueValueSpan.textContent = pue.toFixed(2);avgTempSpan.textContent = `${averageTemperature.toFixed(1)} °C`;humiditySpan.textContent = `${humidity.toFixed(0)} %`;// Update Breakdown Chartif (powerBreakdownChart) {powerBreakdownChart.data.datasets[0].data = [totalITPower,totalCoolingPower,config.networkPower,config.otherLoadsPower];powerBreakdownChart.update('none'); // Update without animation}// Update Trend Chartif (powerTrendChart) {powerTrendChart.data.labels = trendChartLabels;powerTrendChart.data.datasets[0].data = powerTrendData;powerTrendChart.update(); // Update with animation}// Update Rack GridupdateRackGrid();}function updateRackGrid() {rackGridDiv.innerHTML = ''; // Clear previous indicatorsracks.forEach(rack => {const indicator = document.createElement('div');indicator.classList.add('rack-indicator', `rack-status-${rack.status}`);indicator.dataset.rackId = rack.id;indicator.innerHTML = `<span class="rack-id">${rack.id}</span><span class="rack-power">${rack.serverPower.toFixed(1)}kW</span><span class="rack-temp">${rack.temperature.toFixed(1)}°C</span>`;// Add click listener for details (future)indicator.addEventListener('click', () => {addLog(`点击了机架 ${rack.id}: 状态 ${rack.status}, 功率 ${rack.serverPower.toFixed(1)}kW, 温度 ${rack.temperature.toFixed(1)}°C`, 'info');});rackGridDiv.appendChild(indicator);});}function addLog(message, type = 'info') {// Check if a similar recent message exists to avoid spamconst existingMessages = Array.from(alertListUl.children).map(li => li.textContent);if (existingMessages.some(msg => msg.includes(message.substring(0, 50)))) { // Simple check// Optional: maybe update timestamp or count of a repeating messagereturn;}const li = document.createElement('li');li.classList.add(`alert-${type}`);li.textContent = message;alertListUl.insertBefore(li, alertListUl.firstChild);if (alertListUl.children.length > 15) { // Limit log sizealertListUl.removeChild(alertListUl.lastChild);}}function generateAlerts() {// PUE Checkif (pue >= config.pueCriticalLevel) {addLog(`严重警告: PUE 达到 ${pue.toFixed(2)}，远超目标值!`, 'critical');} else if (pue >= config.pueWarningLevel) {addLog(`警告: PUE 为 ${pue.toFixed(2)}，偏高，请检查冷却效率。`, 'warning');}// Temperature Checkslet criticalRacks = racks.filter(r => r.status === 'critical');let warningRacks = racks.filter(r => r.status === 'warning');if (criticalRacks.length > 0) {addLog(`严重警告: ${criticalRacks.length} 个机架温度过高 (${criticalRacks.map(r=>r.id).slice(0,3).join(', ')}...)!`, 'critical');}if (warningRacks.length > 0 && criticalRacks.length === 0) { // Show warning only if no critical racksaddLog(`警告: ${warningRacks.length} 个机架温度偏高 (${warningRacks.map(r=>r.id).slice(0,3).join(', ')}...)`, 'warning');}// Simple Suggestion based on load & PUEif (serverLoadPercent < 30 && pue > 1.5) {addLog(`建议: 当前负载较低 (${serverLoadPercent}%) 但PUE (${pue.toFixed(2)}) 偏高，考虑整合或关闭部分空闲服务器。`, 'suggestion');}if (averageTemperature > config.optimalTempRange[1] + 1 && totalCoolingPower / totalDataCenterPower < 0.35) {addLog(`建议: 平均温度 (${averageTemperature.toFixed(1)}°C) 略高，冷却功耗占比较低，可适当增加冷却输出。`, 'suggestion');}}// --- Event Handlers ---simLoadSlider.addEventListener('input', (e) => {serverLoadPercent = parseInt(e.target.value, 10);simLoadValueSpan.textContent = `${serverLoadPercent}%`;// No need to call updateSimulationData immediately, the loop will pick it up});triggerEventBtn.addEventListener('click', () => {const eventType = Math.random();if (eventType < 0.4) { // Simulate temp spike in a few racksconst numAffected = getRandomInt(1, 4);addLog(`事件: ${numAffected}个机架温度短暂飙升!`, 'warning');for(let i=0; i<numAffected; i++) {const rackIndex = getRandomInt(0, racks.length - 1);if(racks[rackIndex].status !== 'offline') {racks[rackIndex].temperature += getRandom(5, 10); // Sudden increase}}} else if (eventType < 0.7) { // Simulate power surgeaddLog(`事件: IT负载短暂飙升!`, 'warning');const originalLoad = serverLoadPercent;serverLoadPercent = Math.min(100, originalLoad + getRandomInt(20, 40));simLoadSlider.value = serverLoadPercent;simLoadValueSpan.textContent = `${serverLoadPercent}%`;setTimeout(() => { // Return to normal after a bitserverLoadPercent = originalLoad;simLoadSlider.value = serverLoadPercent;simLoadValueSpan.textContent = `${serverLoadPercent}%`;addLog(`事件: IT负载恢复正常`, 'info');}, 8000);} else { // Simulate rack offlineconst rackIndex = getRandomInt(0, racks.length - 1);if (racks[rackIndex].status !== 'offline') {racks[rackIndex].status = 'offline';racks[rackIndex].serverPower = 0;racks[rackIndex].temperature = 18; // Assume offline is cooladdLog(`事件: 机架 ${racks[rackIndex].id} 意外离线!`, 'critical');}}// Force immediate update after event for responsivenessupdateSimulationData();updateUI();});function getRandomInt(min, max) { // Need this helper toomin = Math.ceil(min);max = Math.floor(max);return Math.floor(Math.random() * (max - min + 1)) + min;}// --- Main Simulation Loop ---function startSimulation() {if (simulationTimer) clearInterval(simulationTimer);initializeRacks();if (!powerBreakdownChart || !powerTrendChart) {initializeCharts();}addLog('模拟系统启动', 'info');simStatusSpan.textContent = '运行中';// Initial updateupdateSimulationData();updateUI();// Start the loopsimulationTimer = setInterval(() => {updateSimulationData();updateUI();}, config.updateInterval);}// --- Initial Setup ---startSimulation();
});

相关文章：

22、能源监控与优化 - 数据中心模拟 - /能源管理组件/data-center-energy-monitoring

76个工业组件库示例汇总 能源监控与优化组件 - 数据中心模拟 1. 组件概述 本组件旨在模拟一个典型数据中心的能源消耗情况&#xff0c;并提供实时的监控数据和基本的优化建议/警报功能。用户可以通过界面直观地了解数据中心总体功耗、PUE (电源使用效率)、各部分能耗构成、机…...

编程日记 2025/5/17 12:56:10

docker学习与使用（概念、镜像、容器、数据卷、dockerfile等）

文章目录 前言引入docker 简介docker的应用场景docker的虚拟化技术VS虚拟机docker的优点docker架构Docker仓库Docker镜像linux操作系统的大致组成部分 Docker容器 docker安装与启动校验版本移除旧的版本安装依赖工具设置软件源安装docker验证 配置镜像加速器docker服务相关命令…...

编程日记 2025/5/17 12:54:05

突围“百机大战”，云轴科技ZStack智塔获IDC中国AI大模型一体机推荐品牌

随着DeepSeek在今年年初火爆全球&#xff0c;AI大模型市场的“百模大战”已迅速燃向AI一体机市场形成“百机大战”。近日&#xff0c;国际数据公司&#xff08;IDC&#xff09;发布的《中国AI大模型一体机市场分析与品牌推荐2025》报告显示&#xff0c;当前中国市场有100多家厂…...

编程日记 2025/5/17 12:51:58

Python-homework

1.if_name_main的含义&#xff0c;why? 假设有一个文件 module.py&#xff0c;内容如下&#xff1a; def greet():print("Hello from module!")if __name__ __main__:print("This is the main script.")greet()如果直接执行 module.py&#xff1a; pyt…...

编程日记 2025/5/17 12:50:55

内核性能测试（60s不丢包性能）

以xGAP-200-SE7K-L&#xff08;双口10G&#xff09;在飞腾D2000上为例&#xff08;单通道最高性能约2.8Gbps) 单口测试 0口&#xff1a; tcp&#xff1a; taskset -c 4 iperf -c 1.1.1.1 -i 1 -t 60 -p 60001 taskset -c 4 iperf -s -i 1 -p 60001 udp&#xff1a; taskse…...

编程日记 2025/5/17 12:48:49

解决LeetCode 47. 全排列 II 问题的正确姿势：深入分析剪枝与状态跟踪

文章目录 问题描述常见错误代码与问题分析错误代码示例错误分析 正确解决方案修正后的代码关键修正点 核心逻辑详解1. 为何使用 boolean[] used 而非 HashSet&#xff1f;2. 剪枝条件 !used[i - 1] 的作用 场景对比&#xff1a;何时用数组&#xff1f;何时用哈希表&#xff1f;…...

编程日记 2025/5/28 4:31:33

面向SDV的在环测试深度解析——仿真中间件SIL KIT应用篇

1.引言 在汽车行业向软件定义汽车&#xff08;SDV&#xff09;转型的过程中&#xff0c;传统硬件在环&#xff08;HIL&#xff09;测试方案因难以适应新的技术架构与需求&#xff0c;其局限性日益凸显。传统HIL对硬件依赖性强&#xff0c;扩展性差&#xff0c;更换ECU或传感器…...

编程日记 2025/5/26 7:25:26

03算法学习_977、有序数组的平方

03算法学习_977、有序数组的平方 03算法学习_977、有序数组的平方题目描述&#xff1a;个人代码&#xff1a;学习思路&#xff1a;移除元素第一种写法&#xff1a;暴力解法题解关键点&#xff1a; 移除元素第二种写法&#xff1a;双指针法&#xff08;快慢指针&#xff09;题解…...

编程日记 2025/5/31 8:57:07

AWS Elastic Beanstalk控制台部署Spring极简工程(LB版)

问题 之前文章《AWS Elastic Beanstalk控制台部署Spring极简工程》&#xff0c;是最简单的eb设置&#xff0c;里面没有负载均衡器的配置&#xff0c;这次&#xff0c;我需要尝试创建一个有LB的eb部署。 步骤 配置eb 打开eb网页开始创建应用程序&#xff0c;如下图&#xff…...

编程日记 2025/5/29 9:25:37

前端JSON序列化中的隐形杀手：精度丢失全解析与实战解决方案

当你在电商平台看到订单ID从 “1298035313029456899” 变成 “1298035313029456900”&#xff0c;或者在金融系统中发现账户余额 100.01 元变成了 100.00999999999999 元时&#xff0c;这很可能遭遇了前端开发中最隐蔽的陷阱之一 —— JSON序列化精度丢失。本文将深入解析这一问…...

编程日记 2025/5/25 13:28:25

防篡改小工具监测被该文件

核心功能模块 哈希计算模块&#xff1a;通过 SHA-256 算法计算文件的哈希值&#xff0c;用于唯一标识文件内容。基线构建模块&#xff1a;遍历指定目录下的所有文件&#xff0c;计算哈希值并保存到 JSON 文件中&#xff0c;形成初始基线。文件监控模块&#xff1a;使用 watchd…...

编程日记 2025/5/21 11:11:22

【四川省专升本计算机基础】第二章 计算机软硬件基础（1）

【四川省专升本计算机基础】第二章 计算机软硬件基础（1） 2.1 计算机系统组成 计算机系统分为硬件系统和软件系统，其详细分类如下图所示： 计算机硬件是由电子、机械和光电原件组成的各种设备和部件的总称。是计算机运行的物质基础。 计算机软件是运行的各种程序、文档和…...

编程日记 2025/5/25 10:47:09

质量管理工程师面试总结

今天闲着无聊参加了学校招聘会的一家双选会企业&#xff0c;以下是面试的过程。 此次面试采用的是一对多的形式。&#xff08;此次三个求职者&#xff0c;一个面试官&#xff09; 面试官&#xff1a;开始你们每个人先做个自我介绍吧。 哈哈哈哈哈哈哈哈&#xff0c;其实我们…...

编程日记 2025/5/29 0:38:03

【沉浸式求职学习day41】【Servlet】

沉浸式求职学习 Servlet1.Servlet简介2.HelloServletServlet原理 3.ServletContext共享数据拿到初始化信息请求转发读取资源文件 Servlet 1.Servlet简介 Servlet就是sun公司开发动态web的一门技术。 Sun在这些API中提供一个接口叫做&#xff1a;Servlet&#xff0c;如果你想开…...

编程日记 2025/5/29 11:16:23

Java 多线程基础：Thread 类核心用法详解

一、线程创建 1. 继承 Thread 类&#xff08;传统写法&#xff09; class MyThread extends Thread { Override public void run() { System.out.println("线程执行"); } } // 使用示例 MyThread t new MyThread(); t.start(); 缺点&#xff1a;Java 单…...

编程日记 2025/5/27 4:51:58

时频分析的应用—外部信号的显影和定点清除

上面的图样是一张时频图&#xff0c;横坐标是时间&#xff0c;纵坐标是频率&#xff0c;颜色标志着主要的干扰源。50Hz工频谐波。 这类信号在数据分析领域往往是需要过滤掉的杂波。因为这类信号足够强&#xff0c;所以他会在频域弥漫为一组同样特征的谐波信号&#xff0c;比如…...

编程日记 2025/5/24 12:02:56

目标检测指标计算

mAP&#xff08;mean Average Precision&#xff09; 概述 预备参数&#xff1a;类别数&#xff0c;IoU阈值&#xff1b;根据模型输出的置信度分数&#xff0c;将所有预测框按从高到低排序&#xff1b;根据IoU是否超过阈值&#xff0c;判断每个预测框是 T P I o U TP_{IoU} T…...

编程日记 2025/5/29 22:26:53

独立开发者利用AI工具快速制作产品MVP

在当今快速发展的科技时代&#xff0c;独立开发者面临着前所未有的机遇与挑战。曾经需要花费数天甚至数周才能完成的产品MVP&#xff08;Minimum Viable Product&#xff0c;最小可行性产品&#xff09;&#xff0c;如今借助强大的AI工具&#xff0c;可以在短短1小时内实现。 …...

编程日记 2025/6/1 12:37:22

YOLOv3深度解析：多尺度特征融合与实时检测的里程碑

一、YOLOv3的诞生&#xff1a;继承与突破的起点 YOLOv3作为YOLO系列的第三代算法&#xff0c;于2018年由Joseph Redmon等人提出。它在YOLOv2的基础上&#xff0c;针对小目标检测精度低、多类别标签预测受限等问题进行了系统性改进。通过引入多尺度特征图检测、残差网络架构和独…...

编程日记 2025/6/3 20:11:16

MATLAB中的概率分布生成：从理论到实践

MATLAB中的概率分布生成&#xff1a;从理论到实践 引言 MATLAB作为一款强大的科学计算软件&#xff0c;在统计分析、数据模拟和概率建模方面提供了丰富的功能。本文将介绍如何使用MATLAB生成各种常见的概率分布&#xff0c;包括均匀分布、正态分布、泊松分布等&#xff0c;并…...

编程日记 2025/5/29 13:28:59

今日积累：若依框架配置QQ邮箱，来发邮件，注册账号使用

QQ邮箱SMTP服务器设置 首先&#xff0c;我们需要了解QQ邮箱的SMTP服务器地址。对于QQ邮箱&#xff0c;SMTP服务器地址通常是smtp.qq.com。这个地址适用于所有使用QQ邮箱发送邮件的客户端。 QQ邮箱SMTP端口设置 QQ邮箱提供了两种加密方式&#xff1a;SSL和STARTTLS。根据您选…...

编程日记 2025/5/26 5:57:16

MySQL高效开发规范

1.基础规范 数据库字符集默认使用utf8mb4&#xff0c;兼容utf8&#xff0c;并支持存储emoji表情等四字节内容 禁止在线上生产环境做数据库压力测试 禁止从测试、开发环境、本机直连线上生产数据库 禁止在数据库中存储明文密码 禁止在数据库中存储图片、文件等大数据 …...

编程日记 2025/5/24 13:53:33

MySQL基础面试通关秘籍（附高频考点解析）

文章目录 一、事务篇&#xff08;必考重点&#xff09;1.1 事务四大特性&#xff08;ACID&#xff09;1.2 事务实战技巧 二、索引优化大法2.1 索引类型全家福2.2 EXPLAIN命令实战 三、存储引擎选型指南3.1 InnoDB vs MyISAM 终极对决 四、SQL优化实战手册4.1 慢查询七宗罪4.2 分…...

编程日记 2025/5/31 10:55:36

信贷风控笔记5——风控贷中策略笔记（面试准备13）

1.划分贷前贷中的标准&#xff1a;授信通过 2.框架&#xff1a;贷中风险管理&#xff1a;用信审批/贷中风险预警 存量客户运营&#xff1a;不仅考虑风险&#xff0c;还要考虑客户需求、体验等因素&#xff0c;通过精细化的客户分层和差异化的权益调整方式&#xff…...

编程日记 2025/5/29 9:53:10

第五章：Linux用户管理

Linux系统中超级用户是root&#xff0c;通过超级用户root可以创建其它的普通用户&#xff0c;Linux是一个支持多用户的操作系统。在实际使用中&#xff0c;一般会分配给开发人员专属的账户&#xff0c;这个账户只拥有部分权限&#xff0c;如果权限太高&#xff0c;操作的范围过…...

编程日记 2025/5/21 21:01:46

低空态势感知：基于AI的DAA技术是低空飞行的重要安全保障-机载端地面端

低空态势感知&#xff1a;基于AI的DAA技术是低空飞行的重要安全保障-机载端&地面端 目前空中已经有大量无人机和其他飞机&#xff0c;未来几年还会有空中出租车。目前&#xff0c;美国每年平均发生 15 到 25 起空中相撞事故。 检测和避免 (DAA) 检测和避免 (DAA) 技术可…...

编程日记 2025/5/22 23:48:32

Web服务器怎么压测？可用什么软件？

针对Web服务器的压力测试，需要系统性地模拟真实用户请求，评估服务器在高并发场景下的性能表现（如吞吐量、响应时间、错误率等）。以下是完整的压测方案和工具选型指南： 一、压测核心指标 指标类型关键指标健康阈值参考并发能力最大支持并发用户数（Concurrency）错误率<…...

编程日记 2025/5/29 11:30:01

IntelliJ IDEA克隆项目失败的解决方法

IntelliJ IDEA克隆项目失败。 咨询AI后&#xff0c;在它建议下&#xff0c;在Windows PowerShell中执行语句&#xff0c;成功克隆。 操作流程如下&#xff1b; 1. 检查网络连接 确保你的网络连接稳定&#xff0c;尝试更换网络环境或使用有线连接代替无线连接。 2. 删除项目 …...

编程日记 2025/5/20 10:36:20

云存储最佳实践

大家好,我是Petter Guo 对Coding充满热情的&#x1f402;&#x1f40e;&#xff0c;坚信实操出真知。在这里&#xff0c;你将听到最真实的经验分享&#xff0c;绝不贩卖焦虑&#xff0c;只提供积极向上的硬核干货&#xff0c;助你一路前行&#xff01; 如果对你有帮助, 请点赞…...

编程日记 2025/5/27 23:52:26

矫平机技术新维度：材料科学、数字孪生与零缺陷制造

矫平机技术正经历从"被动修正"到"主动预判"的范式革命。本文聚焦三大前沿方向&#xff0c;揭示如何通过跨学科融合实现金属板材加工的极限突破。 一、微观组织调控&#xff1a;材料科学与矫平工艺的量子纠缠 晶粒定向技术 通过矫平过程中的应变诱导取向&a…...

编程日记 2025/5/30 10:43:09

Dify中使用插件LocalAI配置模型供应商报错

服务器使用vllm运行大模型&#xff0c;今天在Dify中使用插件LocalAI配置模型供应商后&#xff0c;使用工作流的时候&#xff0c;报错&#xff1a;“Run failed: PluginInvokeError: {"args":{},"error_type":"ValueError","message":&…...

编程日记 2025/5/29 17:57:12

第二天的尝试

目录 一、每日一言 二、练习题 三、效果展示 四、下次题目 五、总结 一、每日一言 清晰的明白自己想要的是什么&#xff0c;培养兴趣也好&#xff0c;一定要有自己的一技之长。我们不说多优秀&#xff0c;但是如果父母需要我们出力&#xff0c;不要只有眼泪。 二、练习题 对…...

编程日记 2025/5/27 5:28:51

专业版降重指南：如何用Python批量替换同义词？自动化操作不香嘛？

还在手动一个个改词降重&#xff1f;&#x1f440; 是兄弟就别再CtrlF了&#xff0c;来试试Python自动同义词替换批量降重法&#xff0c;简直是论文改写效率神器&#xff01; 这篇我们来一波实操干货&#xff1a; &#x1f449; 如何用Python写出一个自动替换论文关键词的脚本…...

编程日记 2025/6/1 18:06:44

动态图标切换的艺术

动态图标切换的艺术 - Vue实战指南 图标切换的本质：状态与视觉的双重舞蹈 在前端开发中，图标切换就像我们日常生活中的换装游戏。想象一下，当你按下卧室的开关，灯泡从暗变亮；当你打开衣柜，选择不同场合的着装。图标切换的核心就是根据状态变化呈现不同的视觉效果。 方…...

编程日记 2025/5/20 10:32:52

最小二乘法：从房价预测到损失计算

以下通过一个简单例子说明 y = w x + b y = wx + b y=...

编程日记 2025/5/29 17:28:22

C++ asio网络编程(7)增加发送队列实现全双工通信

提示&#xff1a;文章写完后&#xff0c;目录可以自动生成&#xff0c;如何生成可参考右边的帮助文档 文章目录 前言一、数据节点设计二、封装发送接口介绍锁mutex和加锁工具lock_guard回调函数的实现为什么在回调函数中也要加锁修改读回调 总结 前言 前文介绍了通过智能指针实…...

编程日记 2025/6/3 8:39:44

【C语言字符函数和字符串函数(一)】--字符分类函数，字符转换函数，strlen，strcpy，strcat函数的使用和模拟实现

目录 一.字符分类函数 1.1--字符分类函数的理解 1.2--字符分类函数的使用 二.字符转换函数 2.1--字符转换函数的理解 2.2--字符转换函数的使用 三.strlen的使用和模拟实现 3.1--strlen的使用演示 3.2--strlen的返回值 3.3--strlen的模拟实现 四.strcpy的使用和模拟实现…...

编程日记 2025/5/31 8:51:33

ADC深入——SNR、SFDR、ENOB等概念

目录 SNR&#xff08;Spurious‑Free Dynamic Range 信噪比&#xff09; ENOB&#xff08;Effective Number Of Bits 有效位&#xff09; SFDR&#xff08;Spurious‑Free Dynamic Range&#xff09; 感觉SNR和SFDR差不多&#xff1f;看看下图 输入带宽 混叠 带通采样/欠…...

编程日记 2025/5/26 7:30:00

逻辑回归（二分类）

一.逻辑回归的由来 逻辑回归不是一个回归的算法&#xff0c;不是用来做预测的&#xff0c;逻辑回归是一个分类的算法&#xff0c;那为什么不叫逻辑分类&#xff1f;因为逻辑回归算法是基于多元线性回归的算法&#xff08;多元线性回归&#xff1a;yw0x0w1x1.....wnxn)。正因为…...

编程日记 2025/5/20 9:08:28

深入 Linux 内核：GPU Runtime Suspend 源码和工作流程全面分析

这是系列文章中第二篇&#xff0c;我们将分析完整的 Linux runtime suspend 操作流程&#xff0c;以 Vivante GPU 为例&#xff0c;展示开发者如何通过内核程序实现和调试 runtime PM 机制。 一、内核中的 Runtime PM 工作流程概览 当调用者执行: pm_runtime_put(dev);时&…...

编程日记 2025/5/25 8:45:04

深入理解 this 指向与作用域解析

引言 JavaScript 中的 this 关键字的灵活性既是强大特性也是常见困惑源。理解 this 的行为对于编写可维护的代码至关重要&#xff0c;但其动态特性也会让我们感到困惑。 与大多数编程语言不同&#xff0c;JavaScript 的 this 不指向函数本身&#xff0c;也不指向函数的词法作…...

编程日记 2025/5/26 22:17:13

c++20引入的三路比较操作符＜=＞

目录 一、简介 二、三向比较的返回类型 2.1 std::strong_ordering 2.2 std::weak_ordering 2.3 std::partial_ordering 三、对基础类型的支持 四、自动生成的比较运算符函数 4.1 std::rel_ops的作用 4.2 使用<> 五、兼容他旧代码 一、简介 c20引入了三路比较操…...

编程日记 2025/5/29 10:48:22

Spring框架（三）

目录 一、JDBC模板技术概述 1.1 什么是JDBC模板 二、JdbcTemplate使用实战 2.1 基础使用&#xff08;手动创建对象&#xff09; 2.2 使用Spring管理模板类 2.3 使用开源连接池&#xff08;Druid&#xff09; 三、模拟转账开发 3.1 基础实现 3.1.1 Service层 3.1.2 Da…...

编程日记 2025/5/29 13:11:42

CS016-4-unity ecs

【37】将系统转换为任务 Converting System to Job 【Unity6】使用DOTS制作RTS游戏|17小时完整版|CodeMonkey|【37】将系统转换为任务 Converting System to Job_哔哩哔哩_bilibili a. 将普通的方法&#xff0c;转化成job。第一个是写一个partial struct xxx&#xff1b;第二…...

编程日记 2025/5/19 10:26:33

CMU-15445(4)——PROJECT#1-BufferPoolManager-Task#2

PROJECT#1-BufferPoolManager Task #2 - Disk Scheduler 在前一节我实现了 TASK1 并通过了测试&#xff0c;在本节中&#xff0c;我将逐步实现 TASK2。 如上图&#xff0c;Page Table&#xff08;页表&#xff09;通过哈希表实现&#xff0c;用于跟踪当前存在于内存中的页&am…...

编程日记 2025/5/19 11:16:29

[原创](计算机数学)(The Probability Lifesaver)(P10): 生日概率问题.

[作者] 常用网名: 猪头三 出生日期: 1981.XX.XX 企鹅交流: 643439947 个人网站: 80x86汇编小站 编程生涯: 2001年~至今[共24年] 职业生涯: 22年 开发语言: C/C++、80x86ASM、Object Pascal、Objective-C、C#、R、Python、PHP、Perl、 开发工具: Visual Studio、Delphi、XCode、…...

编程日记 2025/5/30 11:50:46

计算机组成原理——数据的表示

2.1数据的表示 整理自Beokayy_ 1.进制转换 十六进制与二进制的转换 一位十六进制等于四位二进制 四位二进制等于一位十六进制 0x173A4C0001 0111 0011 1010 0100 1100 十六进制与十进制的转换 十六转十&#xff1a;每一位数字乘以相应的16的幂再相加 十转十六&#xff1a…...

编程日记 2025/5/29 18:30:38

源码：处理文件格式和字符集的相关代码（3-3）

总入口&#xff1a;源码&#xff1a;处理文件格式和字符集的相关代码&#xff08;3-1&#xff09;-CSDN博客 目录 六、预览&#xff08;正确显示文本文件&#xff09; 6.1 总体逻辑 6.2 二进制显示 6.3 文本显示 六、预览&#xff08;正确显示文本文件&#xff09; 6.1 总…...

编程日记 2025/5/23 3:12:50

Spring MVC 对 JavaWeb 的优化：从核心组件到注解

Spring MVC 功能组件与注解对 JavaWeb 的优化 文章介绍&#xff1a; SpringMVC对比JavaWeb优势&#xff0c;Spring MVC 通过引入功能组件和注解&#xff0c;从多个维度对传统 JavaWeb 开发进行了优化&#xff0c;显著提升了开发效率和代码可维护性。以下是关键优化点的详细对…...

编程日记 2025/5/31 7:35:27

Mysql数据库详解

在cmd中选择数据库操作用 USE test_db; 相关概念 Sql是操作关系型数据库的编程语言 关系型数据库&#xff1a;建立在关系模型基础上&#xff0c;由多张相互连接的二维表组成的数据库 语法 sql语法分类 DDL-数据库操作 创建&#xff1a;CREATE DATABASE db_name;创建完整…...

编程日记 2025/5/28 16:06:08