67 Star 224 Fork 61

jixzfw / EleAdmin

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

admin@Ep

感谢关注!

经过这段时间的完善,预想的功能基本上实现了。

概念

这套东西主要是基于element-plus实现的一个语义化的通用性前端,可用于实现零代码/低代码平台。

  • 后端发送一个Json,前端自动生成表单、表格、图表、按钮、对话框
  • 拥有Json生成器,可通过拖拽的方式自己设计

效果演示

语义化表格: 实现多种语义化单元格(超链接和随数据变化的彩色标签、彩色图标等)

表格效果

语义化表单: 新增关联域、表单域组,实现了表单域数组化

表单

页面弹框: 基本上所有页面都可以以弹框形式出现

对话框表单

表单生成器、表格生成器、(Echart图标生成器)、模型生成器、模块生成器

表单生成 表格生成 模型生成 模块管理

Json实例

下面的Json将渲染一个复杂的表格:

return {
      view: 'curd',
      definition: {
        title: '用户管理',
        url: '/index/table/rows',
        columns: [
          {
            name: 'name', label: '姓名', align: 'center', width: 200,
            display: {
              widget: 'url',
              relation: 'url'
            }
          }, {
            name: 'age', label: '年龄', align: 'center', width: 100, sortable: true
          }, {
            name: 'sex', label: '性别', align: 'center', width: 100,
            display: {
              widget: 'bool',
              texts: ['', ''],
              icons: ['el-icon-female', 'el-icon-male'],
              styles: [{
                color: '#F56C6C'
              }, {
                color: '#409EFF'
              }]
            }
          }, {
            name: 'address', label: '地址', align: 'left', 'header-align': 'center'
          }
        ],
        embedded: {
          items: [
            {
              type: 'success',
              label: '修改',
              redirect: {
                url: 'index/form/edit'
              },
              payload: true
            },{
              type: 'danger',
              label: '删除',
              payload: true,
              confirm: '确定要删除?'
            }
          ]
        },
        search: {
          options: [
            {
              label: '姓名',
              name: 'name'
            }, {
              label: '年龄',
              name: 'age'
            }
          ]
        },
        toolbar: {
          items: [
            {
              label: '新建',
              type: 'primary',
              dialog: true,
              title: '新增用户',
              url: 'index/form/add'
            }, {
              label: '删除',
              type: 'danger',
              diskey: 'selected',
              payload: true,
              url: '/index/api/delete'
            }
          ]
        }
      }
    }

Vue 3 + TypeScript + Vite 实现

整个项目重新实现了一遍,更加健壮和清晰

空文件

简介

饿了吗前端搭建的配置化后台。有什么新需求尽管提。 展开 收起
JavaScript 等 5 种语言
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
JavaScript
1
https://gitee.com/bfgdqch/EleAdmin.git
git@gitee.com:bfgdqch/EleAdmin.git
bfgdqch
EleAdmin
EleAdmin
master

搜索帮助