Vue + Element-UI —— 项目实战(零)(项目概述)

简介: Vue + Element-UI —— 项目实战(零)(项目概述)

O:项目概述

Ⅰ、项目演示

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

项目教学视频链接

https://www.bilibili.com/video/BV1dY411T71E?t=1.3

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. 项目资源分享

老师提供的部分项目资料:

链接:https://pan.baidu.com/s/14FJK4Hh5_KCRrXL1WFn85A

提取码:0ymt


我写的完整项目资源:

链接:https://pan.baidu.com/s/1WTYreODsIvEeqUM_GfexfA

提取码:di9x

6. 友情提示

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

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

相关文章
|
1月前
|
JavaScript 数据可视化
vue-cli学习一:vue脚手架的 vue-cli2和vue-cli3版本 创建vue项目,vue的初始化详解
这篇文章介绍了如何使用vue-cli 2和3版本来创建Vue项目,并详细说明了两者之间的主要区别。
95 5
vue-cli学习一:vue脚手架的 vue-cli2和vue-cli3版本 创建vue项目,vue的初始化详解
|
1月前
|
JavaScript 容器
乾坤qiankun框架搭建 主应用为vue3的项目。
乾坤qiankun框架搭建 主应用为vue3的项目。
158 2
|
1月前
|
JavaScript
Vue CLi脚手架创建第一个VUE项目
Vue CLi脚手架创建第一个VUE项目
35 3
|
27天前
|
数据采集 监控 JavaScript
在 Vue 项目中使用预渲染技术
【10月更文挑战第23天】在 Vue 项目中使用预渲染技术是提升 SEO 效果的有效途径之一。通过选择合适的预渲染工具,正确配置和运行预渲染操作,结合其他 SEO 策略,可以实现更好的搜索引擎优化效果。同时,需要不断地监控和优化预渲染效果,以适应不断变化的搜索引擎环境和用户需求。
|
13天前
|
JavaScript 前端开发
如何在 Vue 项目中配置 Tree Shaking?
通过以上针对 Webpack 或 Rollup 的配置方法,就可以在 Vue 项目中有效地启用 Tree Shaking,从而优化项目的打包体积,提高项目的性能和加载速度。在实际配置过程中,需要根据项目的具体情况和需求,对配置进行适当的调整和优化。
|
1月前
|
JavaScript 数据可视化
vue-cli学习二:vue-cli3版本 创建vue项目后,Runtime-Compiler和Runtime-only两个模式详解;vue项目管理器;配置文件的配置在哪,以及如何配置
这篇文章详细介绍了Vue CLI 3版本创建项目时的Runtime-Compiler和Runtime-only两种模式的区别、Vue程序的运行过程、render函数的使用、eslint的关闭方法,以及Vue CLI 2和3版本配置文件的不同和脚手架3版本创建项目的配置文件配置方法。
42 3
vue-cli学习二:vue-cli3版本 创建vue项目后,Runtime-Compiler和Runtime-only两个模式详解;vue项目管理器;配置文件的配置在哪,以及如何配置
|
30天前
|
JavaScript
如何在 Vue 项目中选择合适的模块格式
【10月更文挑战第20天】选择合适的模块格式需要综合考虑多个因素,没有一种绝对正确的选择。需要根据项目的具体情况进行权衡和分析。在实际选择过程中,要保持灵活性,根据项目的发展和变化适时调整模块格式。
21 7
|
26天前
Vue3 项目的 setup 函数
【10月更文挑战第23天】setup` 函数是 Vue3 中非常重要的一个概念,掌握它的使用方法对于开发高效、灵活的 Vue3 组件至关重要。通过不断的实践和探索,你将能够更好地利用 `setup` 函数来构建优秀的 Vue3 项目。
|
30天前
|
JavaScript 前端开发 编译器
在 Vue 项目中使用 ES 模块格式的优点
【10月更文挑战第20天】在 Vue 项目中使用 ES 模块格式具有众多优点,这些优点共同作用,使得项目能够更高效、更可靠地开发和运行。当然,在实际应用中,还需要根据项目的具体情况和需求进行合理的选择和配置。
33 6
|
26天前
|
JavaScript 测试技术 UED
解决 Vue 项目中 Tree shaking 无法去除某些模块
【10月更文挑战第23天】解决 Vue 项目中 Tree shaking 无法去除某些模块的问题需要综合考虑多种因素,通过仔细分析、排查和优化,逐步提高 Tree shaking 的效果,为项目带来更好的性能和用户体验。同时,持续关注和学习相关技术的发展,不断探索新的解决方案,以适应不断变化的项目需求。
下一篇
无影云桌面