# soul-esview

**Repository Path**: dukexia_admin/soul-esview

## Basic Information

- **Project Name**: soul-esview
- **Description**: Vue 拖拽布局 平台
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: http://47.94.2.0:9090
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 93
- **Created**: 2017-10-31
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<p align="right">
  <a href="https://github.com/furioussoul/soul-esview/blob/master/ui/README-ch.md">中文</a>
</p>  
<p align="center"><a href="#">Esview</p>
  


<p align="center">
  <a href="https://www.npmjs.com/package/esview"><img src="https://img.shields.io/npm/dm/esview.svg" alt="Downloads"></a>
  <a href="https://www.npmjs.com/package/esview"><img src="https://img.shields.io/npm/v/esview.svg" alt="Version"></a>
  <a href="https://www.npmjs.com/package/esview"><img src="https://img.shields.io/npm/l/esview.svg" alt="License"></a>
   <br>
</p>
  
  
# Introduction
Esview is a web frontend platform for building vue spa through html5 drag/drop api.  

Recommand use webpack constructor spa to inject esview.
![QQ图片20171027113639.png](http://chuantu.biz/t6/115/1509167213x1926933951.gif)

# How to drag/drop?
Esview use grid system,  

for creating an app, you should drop 'Frame' into 'DropPanel',  

drop 'Row' into 'DropPanel',drop 'Col' into 'Row'.  

For creating a search form ,you should drop 'Form' into 'Col'.  

then drop 'FormItem' into 'Form',drop 'Input、Radio、Button etc.' into 'FormItem'.

right click to edit script to use eventCenter to comminute between components,  

also you can use ajax in script in the same domain.  

# Quick Start

To build vue spa,you only need 3 steps, after then run script

First step : download vue-spa demo(esview-demo) https://github.com/furioussoul/esview-demo   

Second step : assemble pages online on manager-site(this is online demo : http://localhost:9090/#/esview/assemble/index)  

Third step: esview-demo install esview npm package and npm run dev to deploy


# Demo

Assemble vue spa on manager-site,then you can see spa changed on client-site.

manager-site: http://47.94.2.0:9090  

client-site: http://47.94.2.0:9091

usage: https://github.com/furioussoul/esview-demo


# License
[MIT](https://opensource.org/licenses/MIT)

Copyright (c) 2017-present,  SunZhengJie(Furioussoulk)