vue-element-admin基于 vue+element 的后台集成方案

联合创作 · 2023-09-19 17:06

vue-element-admin 是一个后台前端解决方案,它基于 vue 和 element-ui实现。它使用了最新的前端技术栈,内置了 i18n 国际化解决方案,动态路由,权限验证,提炼了典型的业务模型,提供了丰富的功能组件,它可以帮助你快速搭建企业级中后台产品原型。


功能



  • 登录/注销


  • 权限验证


  • 侧边栏


  • 面包屑


  • 富文本编辑器


  • Markdown编辑器


  • JSON编辑器


  • 列表拖拽


  • plitPane


  • Dropzone


  • Sticky


  • CountTo


  • echarts图表


  • 401,404错误页面


  • 错误日志


  • 导出excel


  • table example


  • 动态table example


  • 拖拽table example


  • 内联编辑table example


  • form example


  • 多环境发布


  • dashboard


  • 二次登录


  • 动态侧边栏(支持多级路由)


  • mock数据


  • cache tabs example


  • screenfull


  • markdown2html


  • views-tab



开发



    # 克隆项目
    git clone https://gitee.com/panjiachen/vue-element-admin.git

    # 安装依赖
    npm install
    //or # 建议不要用cnpm  安装有各种诡异的bug 可以通过如下操作解决npm速度慢的问题
    npm install --registry=https://registry.npm.taobao.org

    # 本地开发 开启服务
    npm run dev

浏览器访问 http://localhost:9527


发布



    # 发布测试环境 带webpack ananalyzer
    npm run build:sit-preview

    # 构建生成环境
    npm run build:prod

状态管理


后台只有user和app配置相关状态使用vuex存在全局,其它数据都由每个业务页面自己管理。


效果图


两步验证登录 支持微信和qq



真正的动态换肤


浏览 23
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报