Liugq5713 / Vue Element Nocode Admin
Licence: mit
element-ui 的代码可视化编辑
Stars: ✭ 210
Labels
Projects that are alternatives of or similar to Vue Element Nocode Admin
Onlinejudgefe
A multiple pages app built for OnlineJudge
Stars: ✭ 175 (-16.67%)
Mutual labels: element-ui
Vue Admin Template
a vue2.0 minimal admin template
Stars: ✭ 15,411 (+7238.57%)
Mutual labels: element-ui
Frostmourne
frostmourne是基于Elasticsearch, InfluxDB数据,Mysql数据的监控,报警,分析系统. Monitor & alert & alarm & analyze for Elasticsearch && InfluxDB Log Data。主要使用springboot2 + vue-element-admin。 https://frostmourne-demo.github.io/
Stars: ✭ 166 (-20.95%)
Mutual labels: element-ui
Simpleui
A modern theme based on vue+element-ui for django admin.一款基于vue+element-ui的django admin现代化主题。全球20000+网站都在使用!喜欢可以点个star✨
Stars: ✭ 2,418 (+1051.43%)
Mutual labels: element-ui
Cool Admin Api
cool-admin-api 是基于egg.js、typeorm、jwt等封装的api开发脚手架、快速开发api接口
Stars: ✭ 188 (-10.48%)
Mutual labels: element-ui
Vue Element Ui Scaffold Webpack4
vue下基于webpack4构建的多页面、多环境方案脚手架项目(使用了element-ui,可替换为其他)
Stars: ✭ 171 (-18.57%)
Mutual labels: element-ui
Ruoyi
基于开源项目RuoYi-Vue,扩展开发添加新业务功能。基于SpringBoot,Spring Security,JWT,Vue & Element 的前后端分离权限管理系统
Stars: ✭ 174 (-17.14%)
Mutual labels: element-ui
Vue Electron
vue-blog client,base on vue-electron,axios, vuex, vue-router.
Stars: ✭ 193 (-8.1%)
Mutual labels: element-ui
El Form Renderer
🎩A data-driven dynamic and complex form solution
Stars: ✭ 163 (-22.38%)
Mutual labels: element-ui
Django Vue Admin
基于RBAC模型权限控制的中小型应用的基础开发平台,前后端分离,后端采用django+django-rest-framework,前端采用vue+ElementUI,移动端采用uniapp+uView(可发布h5和小程序).
Stars: ✭ 157 (-25.24%)
Mutual labels: element-ui
Element Patch
An extension package based on vue and element-ui. 一个基于 vue 与 element-ui 的扩展包,提供数据驱动的表单渲染,菜单渲染,表格拖拽,权限控制等功能
Stars: ✭ 187 (-10.95%)
Mutual labels: element-ui
Nuxt Juejin Project
仿掘金web网站,使用服务端渲染。主要技术:nuxt + koa + vuex + axios + element-ui 。
Stars: ✭ 209 (-0.48%)
Mutual labels: element-ui
Welcome to ele-cli 👋
element-ui 的代码可视化编辑器,自动生成表单代码,列表代码。不是一个可视化解决方案,更像是生成模板的工具
Homepage
🏠网页版本,在
preview
分支
Install
npm install -g ele-cli
How to Use
服务端占用 3000 端口
ele ui
表单
一份表单有两个需要编辑的地方,一个是表单本身的属性,比如表单对象,表单的 Ref(用于表单验证),另一个就是表单包含的表单元素。
表单属性在表单属性编辑区可以编辑,表单元素的生成有两种方式
- 拖拽
将表单元素拖拽到拖拽区,然后编辑表单元素属性
- 支持 JSON 转化为表单
作为一个表单编辑工具,拖拽虽然简单,但是表单数量多的时候还是很麻烦。
因为我司接口通过 swagger 管理,其 post 接口列出了数据,如下图
你可以很方便的把数据粘贴至 JSON 表单对象的输入框,支持嵌套的对象。
但是粘贴过来的数据仅有 value 值,因此我定义了value:label
这样的结构,value 作为表单的 value,label 作为表单的 label。注意 label 需要用引号引起来。
{
"id": 'ID',
"title": '标题',
"type": '类型'
}
然后点击生成表单即可,默认生成 Input,可在表单元素编辑区修改
表格
将后端返回得数据粘贴到生成表单得输入框中,生成表单,然后编辑表格头即可,后续会加上表格查询
Author
👤 sarva
- Github: @Liugq5713
Show your support
Give a ⭐️ if this project helped you!
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].