从零开始一个完整的全栈项目(1) - 用Lucidchart生成ER图

1,061 阅读2分钟

最近正在找工作,所以想做一个仓库管理系统(Warehouse Management System, WMS)放进简历里。

原型就是前段时间工作过的那个铝合金仓库。那时候刚买房需要还房贷,于是去仓库做了几个月仓库搬运工(Warehouse Worker),一个华人的仓库。

不过虽然这个仓库存在了很久了,但是没有一个WMS,所以我感觉自己都能做一个仓库管理系统了,主要是入库、出库、库存管理,这几个方面。

说做就做,开始行动吧。

技术栈应该是使用React+Java+Postgresql。 (虽然好像很多是用的React+Node.js,但我不太会Node。顺便,有人可以告诉我为什么React是和Node搭配吗?)

想了很久,今天应该是第一天行动。

准备先建立数据库。

建立数据库之前,先画ER(Entity-Relationship)图。

==========

1、 创建空白ER图

使用Lucidchart (www.lucidchart.com/pages) 这个网站绘制ER图。

首先在主页找到这个ER图,然后点击。

image.png

2. 加入自己需要的表单(Table)类型

在左侧有几种常见的表单类型,选择一种自己需要的,点击一下,就可在右边画图区域出现。

image.png

3. 编辑数据库表

双击可以编辑文字,拖动各行竖线那里的小方块可以改变列宽。拖动右下角或者左下角的小方块,可以改变(resize)整个表单的大小。(我这张user表里面没有像order和orderItem表这样的一对多关系,所有没有外键,也就是FK, foreign key. 只有一个主键,primary key)

右边编辑栏,可以改变表单的列数、头部颜色、是否隔行变色等。大家自己用到的时候可以多研究一下。

image.png

4. 各个表之间的连接

我生成后的所有表单如下:

image.png

而其中,各个表之间的一对多关系如下:

image.png

于是开始连接。点击表单,表单边缘出现小圆形,按住鼠标,即可从一张表拖出一条线到另一张表,默认是“一对多”的线,如果想修改,可以在顶部工具栏进行修改。

最终成果就是这个样子(好乱):

image.png

========

ER图建好,下一步就是使用pgAdmin 4 把数据库和里面的表单(table)建立好。下一篇见。