# 拖拽设计器

**Repository Path**: python3951182019/drag-design

## Basic Information

- **Project Name**: 拖拽设计器
- **Description**: 基于avue-data 自主研发的拖拽设计器，包括前端和后端代码。
- **Primary Language**: JavaScript
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 43
- **Created**: 2022-05-10
- **Last Updated**: 2022-10-31

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# BIM-VIEW 大屏设计器
这是一个可用的拖拽编辑器。用于满足BI需求
## 二次开发
读源码，进行组件的二次开发，新增组件

## 工程&部署

### mysql 部署
docker-compose 部署
~~~yml
version: '3'
services:
  mysql-5.7:
    container_name: mysql-5.7
    hostname: mysql-5.7
    image: "mysql:5.7"
    restart: always
    ports:
      - "33060:3306"
    volumes:
      - "./data/mysql/logs:/etc/mysql/logs"
      - "./data/mysql/data:/var/lib/mysql"
      - "./data/mysql/conf:/etc/mysql/conf.d"
    environment:
      - MYSQL_ROOT_PASSWORD=password
    command:
      --character-set-server=utf8mb4
      --collation-server=utf8mb4_unicode_ci
      --default-time_zone='+8:00'
    networks:
      - network-base
~~~
### minio 部署
docker-compose 部署
~~~yml
version: '3'
services:
  minio:
    container_name: minio
    image: minio/minio:latest
    hostname: minio
    ports:
      - 9000:9000 # api 端口
      - 9001:9001 # 控制台端口
    environment:
      MINIO_ACCESS_KEY: admin
      MINIO_SECRET_KEY: abc.123456
    volumes:
      - ./data/minio/data:/data
    command: server --console-address ':9001' /data
    privileged: true
    restart: always
    networks:
      - network-base
~~~

### 开发

新建数据库 drag_designer
导入 doc下的sql文件
修改相关配置
包括数据库配置、minio配置等等

ui目录下 运行
yarn install
// 连接本地后台
yarn run serve:local 
// 连接 avuedata 后台
yarn run serve:avuedata

// 打包(根据情况自行调整)
yarn run build:prod


### 部署
可以将前端资源打包到后端静态资源目录中，然后启动一个后端即可。需要自行研究