前端Vue3.0搭建后台管理系统
视频
第1节 - 了解项⽬开发流程
第1学时 了解产品从0到1的开发流程,产品经理、UI设计师、研发部、测试⼯程师.mp4
第2节 - 构建vue项⽬、代码仓库管理
第2学时 安装node.js、vue3.0脚⼿架、创建github代码管理仓库、构建vue项⽬.mp4
第3学时 2.0与3.0的差异,fig.js、引⼊全局样式、router重定向、elementui依赖,git命令提交⽂件.mp4
第4学时 vue⽂件标准结构、v-for遍历、key、v-bind属性、@click事件、绑定class、基础数据类型、引⽤数据类型区别.mp4
第3节 - 登录功能、注册功能开发
第5学时 熟悉element-ui组件、制作表单验证、了解组件的⽤法.mp4
第6学时 封装校验js⽂件、Webpack⽬录配置指向、export暴露⽅法、import引⽤、指令v-show、v-if的区别.mp4
第7学时 2.0语法转3.0、setup函数、reactive函数、ref函数、isRef、toRefs⽅法.mp4
第8学时 axios,模块管理API,export、export default的区别.mp4
第9学时 axios跨域配置、环境变量、接⼝⽂档.mp4
第9-1学时 axios知识梳理.mp4
第10学时 登录接⼝接调试、响应拦截、elementui message、root参数.mp4
第10-1学时.mp4
第11学时 按测试⽤例流程开发项⽬、注册接⼝联调、倒计时setTimeout、setInterval、超时timeout.mp4
第11-1学时.mp4
第11-2学时 登录接⼝调试、定时器知识点.mp4
第12学时 了解基础的Promise的⽅法、resolve、reject、all、race、then、catch.mp4
第13学时 请求头拦截、Request Headers添加参数、登录密码sha1加密、前端台加密流程、代码优化封装⽅法.mp4
第4节 - 了解学习内容
第14学时 简单了解vue学习⽬标,具体学习什么东西,了解基础的指令.mp4
第5节 后台管理框架搭建
第15学时 后台⾸页搭建、router路由跳转、children属性、components组件、局部组件引⼊.mp4
第16学时 elementui的el-menu组件⽣成路由菜单、定义全局elemenui样式表、修改组个样式.mp4
第17学时 svgIcon制作、全局组件Vueponent、⽗⼦组件传值props、propsData、计算属性computed.mp4
第17-1学时 完善后台⾸页布局.mp4vue element admin
第6节 Vuex状态管理仓库、token登录检验
第18学时 Vuex、State、Getters、Mutations、菜单导航收起、展开.mp4
第18-1学时 cookie存储,sessionStorage存储、localStorage存储、JSON.parse、JSON.stringify.mp4
第18-2学时 Vuex的action异步、同步、modules模块管理状态数据.mp4
第19学时 router.beforeEach路由守卫,检测toKen是否⾮法进⼊后台,to、from参数、next⽅法、Vuex命名空间.mp4
第19-1学时 登录存储token、token存在基础逻辑进⼊后台.mp4
第19-2学时 退出后台清除token、防⽌⾮法进⼊、GIT代码合并、提交当天开发的代码.mp4
第7节 信息管理UI制作
第20学时 设计稿UI制作、element-ui组件、el-select、el-row、el-col、el-button.mp4
第20-1学时 设计稿UI制作、element-ui组件、el-table、el-pagination.mp4
第20-2学时 设计稿UI制作、element-ui组件、el-dialog、⽗⼦组件回调emit、修饰器sync、vue2.0、3.0写法、watch.mp4 第20-3学时 设计稿UI制作、element-ui组件、el-messageBox、⾃定义全局
⽅法export install、VUE3.0组件重命名、watch.mp4
第20-4学时 设计稿UI制作、信息分类UI制作.mp4
第8节 信息管理功能开发、接⼝联调
第21学时 信息管理模块,⼀级分类接⼝、获取分类接⼝、onMounted、相关优化.mp4
第21-1学时 信息管理模块,删除接⼝、修改接⼝.mp4
第21-2学时 接⼝封装,vue3.0封装⽅式,vuex的actions⽅式,为后期维护⽅便.mp4
第21-3学时 添加信息接⼝、获取列表接⼝、分页处理请求数据、获取分类优化,变量优化.mp4
第21-4学时 单记录、批量删除接⼝、table组件数据加载优化、formatter属性返回值、⽇期组件配置数据格式、筛选条件处理.mp4 第21-5学时 信息编辑接⼝、添加⼦级分类接⼝、请求全部分类接⼝.mp4
第9节 项⽬原型学习、git命令
第21-6学时 原型学习、原型版本查看、GIT命令控制代码版本迭代、合并代码、创建新分⽀.mp4
第10节 信息管理详情页开发、接⼝联调
第22学时 router路由跳转、5种传参⽅式、vuex配合HTML5本地储存.mp4
第22-1学时 详细页数据读取、初始化数据、富⽂本编辑器、vue devTool依赖.mp4
第22-2学时 elementui upload组件结合七⽜云第三⽅储存,七⽜云建⽴空间、域名绑定、解析.mp4
第22-3学时 elementUI组件⼆次封装开发,组件封装的⼀些问题思考,什么时候需要watch,传参动态配置数据.mp4
第11节 ⽤户管理功能开发
第23学时 ⽤户管理功能迭代、git分⽀创建、⽇常⼯作中的⽇报、周报总结、项⽬的管理.mp4
第23-1学时 ⽤户管理UI制作、elementUI el-select组件封装、参数配置、组件命名冲突.mp4
第12节 组件化开发模式
第23-2学时 真正理解vue组件化开发、组件概念、优势、全局组件component、局部组件import、从源头解决BUG.mp4
第23-3学时 vue⽣命周期,组件⽣命周期,3.0改写2.0组件.mp4
第23-4学时 vue3.0⽣命周期,封装el-table组件.mp4
第23-5学时 封装el-table组件,v-slot插槽3种⽅式,数据绑定.mp4
第23-6学时 封装el-table组件,数据请求,整合url请求地址,统⼀api⽂件夹管理.mp4
第23-7学时 封装el-table组件,业务逻辑的拆分、组合.mp4
第23-8学时 elementUI 页码组件、业务逻辑拆分页码,配置项.mp4
第23-9学时 vue2.0 mixins混⼊、按需混⼊、全局混⼊.mp4
第13节 ⽤户管理功能
第24学时 省、市、区、街道组件封装、业务逻辑抽离.mp4
第24-1学时 省、市、区、街道组件封装、业务逻辑抽离.mp4
第24-2学时 省市区数据返回,el-radio、el-checkbox、获取⾓⾊管理API.mp4
第24-3学时 ⽤户添加接⼝、json对象深拷贝、浅拷贝⽤法及注意事项.mp4
第24-4学时 组件通讯开始篇.sync、elemntUI Switch组件、⽤户列表、删除接⼝联调.mp4
第24-5学时 组件通讯完整版(重点知识).mp4
第24-6学时 ⽤户状态接⼝、编辑接⼝、搜索接⼝联调(上).mp4
第24-7学时 ⽤户状态接⼝、编辑接⼝、搜索接⼝联调(下).mp4
第14节 动态路由开发、按钮级权限
第25学时 动态路由开发,按系统分配路由,系统列表接⼝.mp4
第25-1学时 动态路由开发,以⾓⾊分配路由.mp4
第25-2学时 按钮级权限,注册全局⽅法处理.mp4
第25-3学时 按钮级权限,⾃定义指令处理.mp4
第15节 缓存、性能、优化
第26学时 组件缓存keep-alive、接⼝优化避免资源浪费.mp4
第26-1学时 BUG修复、监听路由变化、环境变量参数配置.mp4
第26-2学时 404页⾯.mp4
第26-3学时 404页⾯问题修复,退出接⼝联调.mp4
第27学时 BUG修复过程、优先级排序、项⽬流程阶段、⼀些啰嗦的话语.mp4
第16节 部署项⽬,nginx配置
第28-1学时 nginx配置、多项⽬部署、单项⽬部署、iptables安装配置.mp4
第28-2学时 nginx配置、⽇志查看,proxy_pass指向配置、调通接⼝数据、域名解析访问项⽬.mp4
第28学时 ECS云服务器购买、了解服务器的基础结构、nginx安装、端⼝配置、防⽕墙.mp4
知识补充 域名、服务器、数据库.mp4
第17节 课程收尾、后续课程
第29学时 VUE3.0后台系统开发结束语、后续学习的系列课程.mp4 后台流程理解.jpg
后续课程.jpg
资料
1、设计稿.zip
2、项⽬原型.rar
3、项⽬开发流程.jpg
4、业务流程图.jpg
5、测试⽤例 - 地址.txt
5、测试⽤例.jpg
6、程序流程图.jpg
7、原型浏览插件.rar
8、学习⽬标.jpg
9、⽣命周期.jpg
10、软件⼯具.zip
PPT.zip
接⼝⽂档.docx
接⼝⽂档.png
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论