Baike.dev
All toolsAI codingTrendingOpen sourceNewsSubmit
Log in
< Back to tools
T

tailmaster

> 前端框架
Open source

此项目已暂停开发

774 stars0 likes1 views
WebsiteGitHub

About

此项目已暂停开发

此项目已暂停开发

 中文

Esview

 

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.

Online Demo

http://47.97.220.227: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)

Issues· 0 open

View all issuesOpen on GitHub

No open issues yet, or sync has not completed.

> Tags

JavaScriptcodegencodegeneratordndgenerator

No comments yet. Be the first to share.

> Details

PublishedAug 1, 2026
UpdatedSep 17, 2026
Category前端框架
PricingOpen source

> Related tools

R
React
用于构建用户界面的 JavaScript 库
V
Vue.js
渐进式 JavaScript 框架
N
Next.js
基于 React 的全栈 Web 框架