Vue + Element-UI —— 项目实战（零）（项目概述）

系列文章目录

Vue + Element-UI —— 项目实战（零）（项目概述）

Vue + Element-UI —— 项目实战（一）

Vue + Element-UI —— 项目实战（二）

Vue + Element-UI —— 项目实战（三）

Vue + Element-UI —— 项目实战（四）

Vue + Element-UI —— 项目实战（五）

Vue + Element-UI —— 项目实战（六）

Vue + Element-UI —— 项目实战（七）

Vue + Element-UI —— 项目实战（八）（完结）

---

---

---

O：项目概述

Ⅰ、项目演示

下面的链接为教学视频：https://www.bilibili.com/video/BV1QU4y1E7qo?spm_id_from=333.337.search-card.all.click

项目教学视频链接

vue + element-ui 项目演示

Ⅱ、项目使用的技术

点击可查看相关文档

1. vue.js
2. ElementUI
3. vuex
4. vue-router
5. axios
6. mockjs

Ⅲ、项目概述

1. 这是一个什么项目？

这是一个 通用后台管理 的项目，使用了 ElementUI + Vue.js 来搭建整个项目的框架和基本页面。还使用到了 axios 发送请求。因为本项目是没有连接后台数据库的，所有使用了 mock 来虚拟数据。

2. 项目用时

本项目我跟着视频做了 五天。如果时间充裕，两天 应该就能完成。项目不大，但涵盖的内容很全。

3. 我的感受

这个项目做下来是 比较完整的，上面的功能都已基本实现。但是在开发的过程中会经常出现bug，频繁出现的是单词拼写错误、插件版本错误，还有一些页面布局的错误以及请求响应的错误，但好在都解决掉了。

4. 为什么要写这个项目的博客？

因为 第一遍 下来感觉有不少地方 没有听懂。当时只是跟着老师按部就班的敲了一遍代码，有很多地方不理解，所以想写博客 深入理解 以达到 真正学会 这个项目。

5. 项目资源分享

1. 老师提供的部分项目资料：

链接：https://pan.baidu.com/s/14FJK4Hh5_KCRrXL1WFn85A
提取码：0ymt

2. 我写的完整项目资源：

链接：https://pan.baidu.com/s/1WTYreODsIvEeqUM_GfexfA
提取码：di9x

6. 友情提示

大家可以先跟着老师做这个项目，不懂的地方来我的博客看。有些不欠妥的地方欢迎指正！

不积跬步无以至千里 不积小流无以成江海

点个关注不迷路（持续更新中…）