# screen-designer

**Repository Path**: nullnullnull/screen-designer

## Basic Information

- **Project Name**: screen-designer
- **Description**: 一款开源的，基于Vue + Element-UI + SpringBoot的可视化大屏设计器。
- **Primary Language**: Java
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 21
- **Created**: 2022-06-05
- **Last Updated**: 2022-06-05

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 简介

  大屏设计器，简单的使用方式，通过拖拽的方式就能配置出酷炫的大屏展示，实时掌控业务动态。

## 功能

  目前是内置了13种组件及三种数据交互模式（静态数据、接口数据、WebSocket），SQL方式后期会加。

截图如下：

![image-20211201094814693](assets/image-20211201094814693.png)





![image-20211201094901442](assets/image-20211201094901442.png)

![image-20211201094938027](assets/image-20211201094938027.png)

![image-20211201095055981](assets/image-20211201095055981.png)

## 开发环境

**后端**

```tex
JDK1.8, H2
```

**前端**

```tex
NodeJs.v14.9.0, npm.6.14.8, yarn.1.22.17
```

## 启动项目

**后端**

```tex
使用idea或eclipse，打开项目designer，运行DesignerApplication即可
```

**前端**

```tex
打开项目designer-ui，运行npm install。安装完依赖后，运行npm run serve即可
```

## 技术支持

**如有问题，请提交** [Issue](https://gitee.com/lsy_loren/screen-designer/issues)




#### 劳烦各位star ☺