README.md · 孤叶翔云/esview - Gitee.com

forked from xiexiao04/esview

加入 Gitee

与超过 1200万开发者一起发现、参与优秀开源项目，私有仓库也完全免费：）

文件

克隆/下载

README.md 1.75 KB

<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/l/esview.svg" alt="License"></a>
   <br>
</p>

# Introduction
Esview is a vue page code generator based on iview-ui.

You can get .vue file code by dnd components on esview.

Also you can customize your own draggable components.

![QQ图片20171027113639.png](http://chuantu.biz/t6/121/1509463255x2890191685.gif)

# Online Demo

http://47.94.2.0:9090

# <a href="https://github.com/furioussoul/esview/blob/master/ui/doc/SUMMARY.md">Doc</a>

1 generate code:

You can assemble page by dragging components on the left side and drop them into the middle section.

Click 'code' on the action bar to see generated code and click copy to get code.

2 customize own draggable components:

You should know how to register components on vue,so this is the first step,

second step is to go to page 'Develop->ManageControl',copy code of 'Div',

and modify exports.* according to your own components,click save and you will see it on assemble page.

# Install
frontend: Esview uses vue and iview，so the code generated must rely on vue and iview.

backend: Java（springboot）,so you must install jdk firstly.

database:mysql,the sql file is on directory 'server',named 'soul-esview.sql'.

# Theory
How to implement dnd：I use html api，the code is in dnd.js .

How to generate code：The data structure behind assembled page is a syntax tree,

I use recursive downward parsing to get the final .vue code.

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

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

一键复制编辑原始数据按行查看历史

提交于 2017-11-20 00:00 +08:00 . Update README.md

<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/l/esview.svg" alt="License"></a>
   <br>
</p>
  
# Introduction
Esview is a vue page code generator based on iview-ui.  

You can get .vue file code by dnd components on esview.

Also you can customize your own draggable components.

![QQ图片20171027113639.png](http://chuantu.biz/t6/121/1509463255x2890191685.gif)

# Online Demo

http://47.94.2.0:9090

# <a href="https://github.com/furioussoul/esview/blob/master/ui/doc/SUMMARY.md">Doc</a>

1 generate code:

You can assemble page by dragging components on the left side and drop them into the middle section.

Click 'code' on the action bar to see generated code and click copy to get code.

2 customize own draggable components:

You should know how to register components on vue,so this is the first step,

second step is to go to page 'Develop->ManageControl',copy code of 'Div',

and modify exports.* according to your own components,click save and you will see it on assemble page.

# Install
frontend: Esview uses vue and iview，so the code generated must rely on vue and iview.

backend: Java（springboot）,so you must install jdk firstly.

database:mysql,the sql file is on directory 'server',named 'soul-esview.sql'.

# Theory
How to implement dnd：I use html api，the code is in dnd.js .

How to generate code：The data structure behind assembled page is a syntax tree,

I use recursive downward parsing to get the final .vue code.  

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

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

Loading...

马建仓 AI 助手

尝试更多

代码解读

代码找茬

代码优化

1

https://gitee.com/guyexiangyun/esview.git

git@gitee.com:guyexiangyun/esview.git

guyexiangyun

esview

esview

master