网站 › 『编程语言讨论求助区』 › 如何用Element UI快速搭建自己的管理后台，求靠谱的教程

yourber 发表于 2023-4-21 11:22

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

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

情绪666 发表于 2023-4-21 11:22

本帖最后由 情绪666 于 2023-4-21 12:25 编辑

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 发表于 2023-4-21 11:28

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

tb_jiang 发表于 2023-4-21 11:34

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

情绪666 发表于 2023-4-21 11:44

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

时光书窝 发表于 2023-4-21 11:47

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

kerwenfly 发表于 2023-4-21 12:19

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

kkoo 发表于 2023-4-21 15:16

github上面找找

沉鱼雁 发表于 2023-4-21 16:24

github上面找找回

yourber 发表于 2023-4-26 08:55

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

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

查看完整版本: 如何用Element UI快速搭建自己的管理后台，求靠谱的教程