ER图该如何画？代码自动生成，一招搞定。

1. 打开网站

debug996.com 首次打开会比较慢，没有关系，以后打开都会比较快。

2. 选择 ER 图

点击右上角“ER图”按钮

点击生“生成ER图”按钮

生成的 ER图 如下

简单模式 和 DOT模式 的介绍：

a. 简单模式

F: 食堂, 学生, 宿舍
Y: 面积, 菜品, 姓名, 年龄, 楼层, 房号
L: 吃饭, 睡觉

食堂--面积
食堂--菜品
食堂--吃饭,1
学生--姓名
学生--年龄
吃饭--学生,n
睡觉--学生,n
宿舍--睡觉,1
宿舍--楼层
宿舍--房号

ER 图 一般有5个元素

元素	示例	说明
方形（实体）	F: 食堂, 学生, 宿舍	方形元素集合放在以"F:"开头的行，其中F为“方”的首字母。元素之间用逗号隔开
圆形（属性）	Y: 面积, 菜品, 姓名	圆形元素集合放在以"Y:"开头的行，其中Y为“圆”的首字母。元素之间用逗号隔开
菱形	L: 吃饭, 睡觉	菱形元素集合放在以"L:"开头的行，其中L为“菱”的首字母。元素之间用逗号隔开
连线	食堂--菜品 食堂--吃饭,1	连线为以上方形、圆形、菱形之间的连线，两个元素之间使用“--”进行连接
连线上的文字	吃饭--学生,n 睡觉--学生,n	如果连线上需要带上文字（如1，n），可以在连线定义的后面加上逗号和对应的文字，如：,n

b. DOT模式

graph ER {
	layout=neato
	node [shape=box]; course; institute; student;
	node [shape=ellipse]; {node [label="name"] name0; name1; name2;} code; grade; number;
	node [shape=diamond]; "C-I"; "S-C"; "S-I";

	name0 -- course;
	code -- course;
	course -- "C-I" [label="n"];
	"C-I" -- institute [label="1"];
	institute -- name1;
	institute -- "S-I" [label="1"];
	"S-I" -- student [label="n"];
	student -- grade;
	student -- name2;
	student -- number;
	student -- "S-C" [label="m"];
	"S-C" -- course [label="n"];
}
			

DOT语言定义的ER图，相对来说比较复杂一点，这里不展开讲解，可以参考以下教程或自行百度。

DOT ER图教程 Entity-Relation Data Model | Graphviz

3. 手动优化布局

可以根据自己的需要更换布局。

4. 为图形上色

选中图形，添加喜欢的颜色，最终成图效果

5. 导出文件

点击右上角“导出”按钮

点击“导出PNG”,设置清晰度，清晰度越高图片质量越好，但是文件也越大。

恭喜你，至此，就完成了一个ER图的绘制！