微信： [itPhoto414]，任务：拖动的组件,可跳动的组件,可缩放组件，连接mysql数据库，可移动的组件

[ganluCode]

基本信息

微信： [itPhoto414]

FreeBe身份： [ganlucode.freebe]

邮箱： [[email protected]]

任务 Issues

[请指定 Issue，来关联当前PR所完成的任务（输入”#“ 来选择 Issue，可关联多个]
#创建一个可跳动的组件 JumpableComponent
#创建一个拖动的组件DraggableComponent，使对象可以被拖动
#创建一个放大缩小的组件ScaledComponent，使目标对象可以放大缩小
#连接 mysql 数据库，创建 Node 实体
#创建一个可移动的组件，位置变化需要更新到数据库

实现描述

[描述一下任务的完成情况， 比如功能描述、实现思路、接口、技术栈等]
使用工具优化的格式，引入antd美化界面
修复bug

运行指南

[如有特殊依赖或者运行步骤，可在此说明]
cnpm install
运行：
cnpm run dev
单元测试：
cnpm run test
MySQL数据库相关：
初始化prisma：
npx prisma init --datasource-provider mysql
修改.env文件MySQL信息
生成MySQL表：
npx prisma db push
npx prisma generate

npm install @prisma/client

移动组件Node增删改查页面：
http://localhost:3000/node
http://localhost:3000/node/create

功能截图

[可选， 提供相关功能截图]