使用drawio画数据库实体关系图

在drawio中使用数据库实体关系图

drawio是一款强大的图表绘制软件,支持在线云端版本以及windows, macOS, linux安装版。 如果想在线直接使用,则直接输入网址drawon.cn或者使用drawon(桌案)drawon.cn内部完整的集成了drawio的所有功能,并实现了云端存储,以及在线共创,分享,协作的功能。

软件工程中的实体关系图或ER模型显示了数据库对象的结构和之间的关系。它们广泛用于数据库建模,以规划新系统,并记录现有系统以进行维护和更新。

drawon.cn中, 实体关系图有自己的图形库,并使用格式面板的“调整图形”选项卡中的新扩展表工具。这些工具和键盘快捷键允许您快速地在关系数据库模型中添加和删除行。

启用实体关系图形库:单击左侧面板底部的更多,在软件部分中选择实体关系形状库,然后单击“应用”。

如果你更喜欢使用模板图,请参阅本文末尾,以访问drawon.cn中众多ER图模板之一。

选择表内的一行:单击实体一次以选择整个表。第二次单击,这次是在该表中的一行上,选择该行中的单元格。第三次单击以选择整个行。

在表格或者ERD表格图形中添加行

在drawon.cn中, 有许多方法可以向实体表图形中添加新行。

  • 添加空白行:在格式面板的“调整图形”选项卡中,单击“插入行后”或“插入行上方”按钮。如果选择了整个表图形,则将在表的末尾或开头插入空白行,否则将在选定单元格之前或之后插入空白行。
  • 从图形库中添加一行:从实体关系形状库中拖动一行(带或不带主键或外键),并将其放在现有实体上(以紫色突出显示*)。
  • 克隆一行:选择一行,在Windows操作系统下按快捷键“Ctrl+Enter”或在macOS操作系统下按“Cmd+Enter”,将选中行的克隆插入下一行。Ctrl+D/Cmd+D键盘快捷键或右键单击该行并从上下文菜单中选择复制的工作方式相同。
  • 从另一个实体中移动一行:从一个现有实体中拖动一行,然后将其放到另一个实体上,就像从图形库中移动新行一样。

提示:要重新定位表格图形中的行,只需将它们拖到新位置。

合并实体关系表并删除行

当需要重新组织数据库实体时,可以将现有表拖放到另一个表形状上,以组合它们的所有行。在此之后,主键和外键可能没有意义,因此请确保删除任何不必要的行。

  1. 将一个表拖放到另一个表上。
  2. 选择额外的主键和外键行,然后单击右侧格式面板的“调整图形”选项卡中的删除行工具。只需按下Delete键就会删除该行的内容,但不会删除该行本身。

提示:当你完全删除带有连接线的行(而不仅仅是删除其内容)时,连接线将被自动删除。

连接到实体表或行

有些人喜欢在ER关系图中跨实体连接主键和外键,以更好地显示哪些元素是相关的。使用实体关系图形库中的连接线来显示存在何种类型的关系。

  • 拖动连接线末端并将鼠标悬停在实体名称上,可以将浮动连接线添加到表图形的外部。可以在不移动连接线的情况下在表内移动行。
  • 拖动连接线末端并将鼠标悬停在实体表中的某一行上,在突出显示该行时放下连接线以将其连接到该行。当你移动该行时,连接线将保持与其相连。

提示:你可以使用样式选项卡设置连接线的末端,也可以使用实体关系图形库中的连接线。将鼠标悬停在此图形库中的连接线图形上,以查看它们表示的关系。

从ER关系图模板中作图

当你创建一个新的关系图时,你可以从各种各样的模板中进行选择,包括许多不同的实体关系模型。您还可以将其中一个模板插入到现有的关系图中。

从drawon.cn中的菜单中,选择调整图形>插入>模板,打开模板管理器。

有两种分类的模板包含ER图表:

  • 选择基础,然后为具有三个表的简单模型选择简单的Entity Relationship Diagram模板。

  • 选择软件,然后从许多不同的示例ER图模板中选择一个。它们比基本的ER图模板复杂得多。点击模板右上角的放大镜图标,可以看到更大的预览。

从SQL代码创建实体表图形

你可以在drawon.cn插入SQL代码来自动创建实体。插入代码并在绘图画布上生成实体之后,需要做的就是绘制它们之间的连接线以显示它们之间的关系。这对于为现有关系数据库系统建模非常有用。

  • 18
    点赞
  • 25
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
使用JavaScript将数据库中的数据显示为折线图,你需要完成以下步骤: 1. 从数据库中获取需要显示的数据。 2. 将数据转换为适合折线图显示的格式,例如JSON格式。 3. 在HTML中添加一个canvas元素,用于绘制折线图。 4. 在JavaScript中使用第三方图表库(例如Chart.js)来绘制折线图,并将数据传递给该库。 以下是一个简单的示例代码,演示如何使用Chart.js将数据库中的数据显示为折线图: ```csharp // 从数据库中获取需要显示的数据 string connectionString = "Data Source=myServerAddress;Initial Catalog=myDataBase;User ID=myUsername;Password=myPassword;"; string query = "SELECT * FROM myTable"; SqlConnection connection = new SqlConnection(connectionString); SqlDataAdapter adapter = new SqlDataAdapter(query, connection); DataTable dataTable = new DataTable(); adapter.Fill(dataTable); // 将数据转换为JSON格式 List<object> dataPoints = new List<object>(); foreach (DataRow row in dataTable.Rows) { object[] dataPoint = new object[2]; dataPoint[0] = row["xValue"]; dataPoint[1] = row["yValue"]; dataPoints.Add(dataPoint); } string jsonData = JsonConvert.SerializeObject(dataPoints); // 在HTML中添加canvas元素 <canvas id="myChart"></canvas> // 在JavaScript中使用Chart.js绘制折线图 var ctx = document.getElementById('myChart').getContext('2d'); var chartData = JSON.parse('@Html.Raw(jsonData)'); var chartOptions = { type: 'line', data: { datasets: [{ label: 'My Dataset', data: chartData, fill: false, borderColor: 'rgb(75, 192, 192)', tension: 0.1 }] }, options: { responsive: true, plugins: { legend: { position: 'top', }, title: { display: true, text: 'My Chart' } }, scales: { x: { display: true, title: { display: true, text: 'X Axis' } }, y: { display: true, title: { display: true, text: 'Y Axis' } } } } }; var myChart = new Chart(ctx, chartOptions); ``` 上述代码中,我们使用了JsonConvert将数据转换为JSON格式,并使用Chart.js绘制折线图。你需要根据自己的数据结构和需求进行调整。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

程序员布瓜

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值