# Vue 拖拽

**Repository Path**: frontstudio/vue_drag_and_drop

## Basic Information

- **Project Name**: Vue 拖拽
- **Description**: Vue 拖拽
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 2
- **Created**: 2018-12-24
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## h5在线编辑平台

### 技术架构
> 前端：vue2.0 + vue-router + vuex + axios + Element ui

> 后端：nodejs + express + mongoose

### <a href="http://h5.limesoftware.cn/">在线演示传送门</a>

### 演示效果
![](./h5maker.gif)

### 目录结构
<div>
<img src="http://test-10019075.cossh.myqcloud.com/%E5%B1%8F%E5%B9%95%E5%BF%AB%E7%85%A7%202017-05-27%2015.56.53.png" width="200"/>
<img src="http://test-10019075.cossh.myqcloud.com/%E5%B1%8F%E5%B9%95%E5%BF%AB%E7%85%A7%202017-05-27%2015.57.18.png" width="200"/>
</div>

<!--### 应用截图
<div>
<img src="	http://test-10019075.cossh.myqcloud.com/%E5%B1%8F%E5%B9%95%E5%BF%AB%E7%85%A7%202017-05-27%2016.00.10.png" width="800"/>
</div>
<br/>
<div>
<img src="	http://test-10019075.cossh.myqcloud.com/%E5%B1%8F%E5%B9%95%E5%BF%AB%E7%85%A7%202017-05-27%2016.00.19.png" width="800"/>
</div>
<div>
<img src="	http://test-10019075.cossh.myqcloud.com/%E5%B1%8F%E5%B9%95%E5%BF%AB%E7%85%A7%202017-05-27%2016.03.02.png" width="800"/>
</div>-->
### 注意！！！
运行前需要先启动mongodb数据库，请确保本地已安装数据库

### 运行方法
> npm install  // 安装依赖

> npm run webapp // 启动前端工程

> npm run local //  启动后端工程