如何用Element UI快速搭建自己的管理后台，求靠谱的教程

yourber

最近在研究前后端分离，后端使用laravel，研究的差不多的，基本就是一些api，jwt这些，前端想使用vue来做，看中了element ui，但不知道如何快速入门，以及如何使用element ui一步一步搭建自己的后台页面，另外目录结构应该如何规划，是否需要封装一些utils，比如异步请求之类的？求靠谱的教程，最好是视频教程。当然能直接给出一些建议也好。

情绪666

https://github.com/PanJiaChen/vue-element-admin
vue-element-admin 是一个后台前端解决方案，它基于 vue 和 element-ui实现。它使用了最新的前端技术栈，内置了 i18n 国际化解决方案，动态路由，权限验证，提炼了典型的业务模型，提供了丰富的功能组件，它可以帮助你快速搭建企业级中后台产品原型。相信不管你的需求是什么，本项目都能帮助到你。

本项目技术栈基于 ES2015+、vue、vuex、vue-router 、vue-cli 、axios 和 element-ui，所有的请求数据都使用Mock.js进行模拟，提前了解和学习这些知识会对使用本项目有很大的帮助。

教程：https://juejin.cn/post/6844903476661583880
文档：https://panjiachen.gitee.io/vue-element-admin-site/zh/

- 登录 / 注销

- 权限验证
  - 页面权限
  - 指令权限
  - 权限配置
  - 二步登录

- 多环境发布
  - dev
  - sit
  - stage
  - prod

- 全局功能
  - 国际化多语言
  - 多种动态换肤
  - 动态侧边栏（支持多级路由嵌套）
  - 动态面包屑
  - 快捷导航(标签页)
  - Svg Sprite 图标
  - 本地/后端 mock 数据
  - Screenfull全屏
  - 自适应收缩侧边栏

- 编辑器
  - 富文本
  - Markdown
  - JSON 等多格式

- Excel
  - 导出excel
  - 导入excel
  - 前端可视化excel
  - 导出zip

- 表格
  - 动态表格
  - 拖拽表格
  - 内联编辑

- 错误页面
  - 401
  - 404

- 組件
  - 头像上传
  - 返回顶部
  - 拖拽Dialog
  - 拖拽Select
  - 拖拽看板
  - 列表拖拽
  - SplitPane
  - Dropzone
  - Sticky
  - CountTo

- 综合实例
- 错误日志
- Dashboard
- 引导页
- ECharts 图表
- Clipboard(剪贴复制)
- Markdown2html

cc4399

可以看一些成型的框架是如何配置的，比如ruoyi，先借鉴再超越

tb_jiang

可以看《手摸手，带你用 vue 撸后台》系列

情绪666

https://github.com/PanJiaChen/vue-element-admin
适合

时光书窝

听楼上的，vue-element-admin一把撸就完事

kerwenfly

那个github的是个不错的例子~

kkoo

github上面找找

沉鱼雁

github上面找找回

yourber

情绪666 发表于 2023-4-21 11:46
https://github.com/PanJiaChen/vue-element-admin
vue-element-admin 是一个后台前端解决方案，它基于 vu ...

你好，想找那种一步一步带你搭建后台的教程，最好有权限只一块的控制的，有么？