微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

quick-vue-admin 基于配置的后台管理解决方案

程序名称:quick-vue-admin

授权协议: MIT

操作系统: 跨平台

开发语言: JavaScript

quick-vue-admin 介绍

简介

开箱即用的基于配置的后台管理解决方案,最少的编写代码,通过配置文件即可实现:增,删,改,查,翻页功能。 它基于
vue
elementMongoDB。它使用了最新的前端技术栈,动态路由,权限验证,提炼了典型的业务模型,提供了丰富的功能组件,它可以帮助你快速搭建企业级后台产品。

依赖

  • nodejs(需要单独安装)

  • koa 2.0.0 项目依赖模块)

  • Element UI 2.x (项目依赖模块)

  • MongoDB 3.x(需要单独安装)

功能

登录 / 注销
- CRUD(增、删、改、查)
  - 通过编写一个配置文件即可自动生成完整的:增、删、改、查、翻页 功能
  - 自动更新、保存数据到MongoDB
  - 自动创建索引到MongoDB
- 数据关联
- 权限验证
  - 菜单权限控制
  - 基于用户+角色的权限管理
  - 
- 支持自定义组件
- 错误页面  
  - 404

基于Vue的后台管理方案已经很多,本方案开创性在于:基于配置,最少的编写代码,通过配置文件即可实现:增,删,改,查,翻页功能

例如:只要写这样一个配置文件

module.exports = {
    entityName: 'department',    
    columnsDef: [{
            prop: 'name',
            label: '部门名称',
            width: 240,
            filter: true,
            input: { type: 'text', rule: 'required' },
            index:true
        },
                {
            prop: 'config',
            label: '人数设置',
            width: 150,
            add:false,
            edit:false            
        },
        {
            prop: 'memo',
            label: '备注',
            width: 150,
            input: 'text'
        }
    ]
}

即可以完成如下界面:增、删、改、查,分页数据库操作的所有完整功能

quick-vue-admin 官网

https://github.com/linzhixian/quick-vue-admin

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐