Vite+VueRouter+Pinia+ElementPlus+TailwindCss+pl
课程详情
课程标题
Vite+VueRouter+Pinia+ElementPlus+TailwindCss+pl - 一步步构建后台系统管理项目
适合人群
对前端知识有基本了解,但缺乏实战经验的学员。
课程简介
本课程通过实战项目,带领学员一步步构建后台系统管理项目,深入学习并应用Vue3技术栈。
课程亮点
- 项目效果展示:登录页的构建和后台系统管理的搭建。
- 学到或能巩固的知识点:Html、Css、Javascript(JS)、Typescirpt(TS)、Vite、Vue3、Pinia、ElementPlus、TailwindCss、Vue-router。
- 开发集成软件工具:Webstorm。
- 包管理工具:yarn。
课程目录
00 资料 01 vue3后台plus.txt 01 第1章-前端-环境的部署 01 项目简介.mp4 02 任务1前端的介绍和vue的介绍.mp4 03 任务2前端开发准备工作-node的安装.mp4 04 任务3node版本过高无法安装的问题.mp4 05 任务4新建一个vue3项目.mp4 06 任务5vue-router的安装和配置.mp4 07 任务6vite文件别名的声明和应用.mp4 08 任务7tailwindcss的安装和部署.mp4 09 任务8elementplus的安装.mp4 10 任务9pinia的安装和存储.mp4 11 任务10项目文件目录优化及vite配置文件优化.mp4 12 任务11elementplus按需引入设置和打包优化.mp4 13 任务12其他按需自动加载.mp4 14 任务13Icon图标库的安装及权鉴路由.mp4 02 第2章-前端-用户鉴权 01 任务1用户登录页.mp4 02 任务2提取input输入框和按钮组件.mp4 03 任务3重置密码页面.mp4 04 任务4新用户注册.mp4 03 第3章-前端-自定义组件 01 任务1自定义文本编辑器组件-1.mp4 02 任务2自定义文本编辑器组件-2.mp4 03 任务3自定义文本编辑器组件-3.mp4 04 任务4自定义文本编辑器-4.mp4 05 任务5自定义动画队列-1.mp4 06 任务6自定义队列动画组件-2.mp4 07 任务7自定义队列动画组件-3.mp4 08 任务8自定义队列动画组件-4.mp4 04 第4章-前端-后台系统管理界面布局 01 任务1后台相关路由的定义.mp4 02 任务2在layouts布局组件设计后台管理界面.mp4 03 任务3后台管理界面面包屑导航.mp4 04 任务4后台管理界面右侧内容栏设计-浏览历史记录栏.mp4 05 任务5后台管理界面-内容过多现实问题处理.mp4 06 任务6后台管理界面-头像下拉菜单.mp4 05 第5章-前端-后台管理菜单 01 任务1路由的meta.mp4 02 任务2针对本地存储,增删查的方法实现.mp4 03 任务3提取路由中的菜单项.mp4 04 任务4遍历菜单.mp4 05 任务5显示隐藏菜单栏切换.mp4 06 任务6浏览历史记录业务实现.mp4 07 任务7浏览历史本地化存储.mp4 08 任务8历史浏览记录激活状态设置.mp4 09 任务9删除历史浏览记录.mp4 10 任务10设置当前激活状态菜单.mp4 11 任务11面包屑导航.mp4 12 任务12全屏化设置.mp4 13 任务13项目打包.mp4






