本周日,苏州开源盛宴,一起聊聊:Devops、K8s、数据库建模、SoLiD、.Net Core、微信开发、去中心化… 点击占座。
指数
0
Watch 63 Star 128 Fork 41

furioussoul / vue代码生成,vue可视化,vue动态表单JavaScriptMIT

加入码云
与超过 300 万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
Vue可视化,Vue代码生成,vue动态表单 展开 收起

https://github.com/furioussoul/soul-esview

克隆/下载
sunzhengjie 最后提交于 advise
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README.md

 中文

Esview

License

 

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

Online Demo

http://47.94.2.0:9090

Doc

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

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

点评 ( 7 )

你可以在登录后,发表评论

搜索帮助

14_float_left_people 14_float_left_close