# erd-static

**Repository Path**: mn_1127/erd-static

## Basic Information

- **Project Name**: erd-static
- **Description**: ERD-ONLINE是一款在线协作数据仓库设计软件，无需本地安装应用程序，在线操作数据库，是桌面数据建模工具的一个优秀的替代方案。
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: https://www.java2e.com/
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 373
- **Created**: 2021-09-14
- **Last Updated**: 2021-10-07

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# erd-static说明

***重要通知：*** 最新版本在erd-pro分支上，想要了解的请切到该分支上查看详细情况

***重要提醒：*** 大家在用官网体验的时候，如果配置过数据库，一定要记得自行删除

## 官方在线预览地址：
 [https://www.java2e.com/](https://www.java2e.com/)

### 配置host

在ui所在的服务器配置host

```bash
127.0.0.1 erd-online
```
 **备注：1、如果服务端在本地部署，erd-online前面则写127.0.0.1；服务端在远程部署则需要写远程服务器ip。**
 
 **备注：2、如果觉得麻烦，可使用域名，替换/src/utils/request.js中以下地方，使用域名替换了下面的erd-online,则不需要配置host**
 
 ![在这里插入图片描述](https://img-blog.csdnimg.cn/2020113017231535.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMwMDU0OTYx,size_16,color_FFFFFF,t_70)

## 安装运行
### 启动服务端
- 配套服务端代码：[https://gitee.com/MARTIN-88/erd-apis](https://gitee.com/MARTIN-88/erd-apis)
- 下载项目
```shell script
# git clone https://gitee.com/MARTIN-88/erd-online.git erd

# cd erd

```

### 启动前端
- 安装依赖
```shell script
# yarn install
```

- 运行

```
# yarn start
```
打开 [http://localhost:3000](http://localhost:3000)


- 编译成静态文件
```
# yarn build
```



## 代码仓库：

- Github : [https://github.com/whaty/MARTIN-ERD.git](https://github.com/whaty/MARTIN-ERD.git)
- Gitee:  [https://gitee.com/MARTIN-88/erd-online.git](https://gitee.com/MARTIN-88/erd-online.git)

## 软件说明博客

[erd-static 免费在线数据库建模工具](https://my.oschina.net/martin88/blog/4719346 "erd-static 免费在线数据库建模工具")


###  先睹为快
#### 登录页
![在这里插入图片描述](https://img-blog.csdnimg.cn/2020111611212547.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMwMDU0OTYx,size_16,color_FFFFFF,t_70#pic_center)
#### 工作台
![在这里插入图片描述](https://img-blog.csdnimg.cn/20201116112149167.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMwMDU0OTYx,size_16,color_FFFFFF,t_70#pic_center)


#### Loading页
![在这里插入图片描述](https://img-blog.csdnimg.cn/20201116112328963.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMwMDU0OTYx,size_16,color_FFFFFF,t_70#pic_center)



#### 工作页
![在这里插入图片描述](https://img-blog.csdnimg.cn/20201116112229639.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMwMDU0OTYx,size_16,color_FFFFFF,t_70#pic_center)
![在这里插入图片描述](https://img-blog.csdnimg.cn/20201116112755606.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMwMDU0OTYx,size_16,color_FFFFFF,t_70#pic_center)
![在这里插入图片描述](https://img-blog.csdnimg.cn/20201116112815724.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMwMDU0OTYx,size_16,color_FFFFFF,t_70#pic_center)

![在这里插入图片描述](https://img-blog.csdnimg.cn/20201116113101826.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMwMDU0OTYx,size_16,color_FFFFFF,t_70#pic_center)


![在这里插入图片描述](https://img-blog.csdnimg.cn/20201116113031403.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMwMDU0OTYx,size_16,color_FFFFFF,t_70#pic_center)

![在这里插入图片描述](https://img-blog.csdnimg.cn/20201116113144719.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMwMDU0OTYx,size_16,color_FFFFFF,t_70#pic_center)
![在这里插入图片描述](https://img-blog.csdnimg.cn/20201116113205515.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMwMDU0OTYx,size_16,color_FFFFFF,t_70#pic_center)
![在这里插入图片描述](https://img-blog.csdnimg.cn/20201116113225911.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMwMDU0OTYx,size_16,color_FFFFFF,t_70#pic_center)
![在这里插入图片描述](https://img-blog.csdnimg.cn/20201116113436813.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMwMDU0OTYx,size_16,color_FFFFFF,t_70#pic_center)
![在这里插入图片描述](https://img-blog.csdnimg.cn/20201116113451323.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMwMDU0OTYx,size_16,color_FFFFFF,t_70#pic_center)






#### 生成文档
![在这里插入图片描述](https://img-blog.csdnimg.cn/20201105173536907.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMwMDU0OTYx,size_16,color_FFFFFF,t_70#pic_center)


##  巨人的肩膀

- React[(https://reactjs.org](https://reactjs.org))
- font-awesome([http://www.fontawesome.com.cn](http://www.fontawesome.com.cn))
- AntV-G6 ([http://antvis.github.io/g6/doc/index.html](http://antvis.github.io/g6/doc/index.html)) 
- highlightjs([https://highlightjs.org](https://highlightjs.org))
- ace editor([https://ace.c9.io](https://ace.c9.io))
- doT.js([http://olado.github.io](http://olado.github.io))

#### 特别感谢
- PDMan ([http://www.pdman.cn/](http://www.pdman.cn/))，PDMan以MIT协议开放了多年的心血，鸣谢