****-Vue全家桶从基础入门到进阶项目实战第四篇综合进阶项目篇-Vue
订阅后:请点击此处观看视频课程
****-Vue全家桶从基础入门到进阶项目实战第四篇综合进阶项目篇-Vue
学习有效期:永久观看
学习时长:901分钟
学习计划:16天
难度:高
「口碑讲师带队学习,让你的问题不过夜」
讲师姓名:徐照兴
高校教师 / 培训机构讲师
讲师介绍:徐照兴,教研室主任,硕士,副教授,专业建设委员会主任,微软Office认证讲师级,南昌科协常委,江西省职业技能鉴定考评员,获软著20余项、实用新型5项。研究领域智能信息系统开发、计算机应用教学。系统讲授《数据库》、《C#程序设计》、《ASP.NET》等课程。出版《Visual Basic2008应用程序开发实例精讲》等教材8部,拥有15年的高校教学与培训经验,对教学有独特的认识与见解。
☛点击立即跟老师学习☚
「你将学到什么?」
本课程主要以开发图书信息管理系统为例,进行讲解单页面前后端分离项目的开发,用到的技术主要包括vue.js、vue cli、webpack、vue router、axios、vuex、element、easymock、echarts。学习目标:全面巩固加深对vue.js的理解,能综合运用vue及周边生态技术进行单页面前后端分离项目开发,并能上线部署。
「课程学习目录」
第1章:图书信息管理系统基础框架搭建实战 |
1. 项目介绍 |
2.项目脚手架搭建、更改标题、图标及初始化配置 |
3.安装Element UI并配置好 |
4.封装axios对象,以便更好处理异步请求 |
5.用封装后的axios对象发送请求返回数据到前端 |
6.开发环境通过代理解决跨域请求 |
7.根据不同环境动态更改Vue.config.js配置 |
第2章:图书信息管理系统登录模块实现 |
1.系统登录界面设计 |
2.使用element完善系统登录界面设计 |
3. 使用element完善系统登录界面设计 |
4. 使用Easymock为登录验证创建模拟接口 |
5.登录业务逻辑实现(1) |
6.登录业务逻辑实现(2) |
第3章:图书信息管理系统主页功能初步实现 |
1.主页布局设置 |
2.利用element设计头部组件 |
3.利用element设计左侧导航组件 |
4. 为左侧导航配置路由 |
5.利用Element UI实现主区域显示当前路径 |
6.退出系统功能实现 |
7.路由权限校验 |
第4章:图书信息管理系统增删改查实现 |
1. Easymock添加图书信息列表服务接口 |
2. 创建调用图书信息列表服务接口获取数据的API |
3.Element UI展示图书信息列表数据 |
4.利用过滤器转换图书类型并重新渲染 |
5.利用Element实现图书信息列表分页查询 |
6.利用Element布局按条件查询图书信息的实现 |
7.为条件查询设置重置功能 |
8.利用element实现新增图书信息对话框 |
9.图书信息表单校验和添加图书信息完善 |
10.添加数据完善——重置表单数据和校验结果 |
11.图书信息的编辑功能实现(1) |
12.图书信息的编辑功能实现(2) |
13.Element UI实现删除图书信息 |
14.快速创建出版社组件 |
15.把出版社组件作为子组件实现输入出版社 |
16.单击子组件表格中数据回显到父组件中(子组件向父组件传递数据) |
第5章:修改密码功能及系统完善实现 |
1.修改密码分析及接口创建、封装发送异步方法 |
2.实现修改密码组件及重置功能实现 |
3. Element自定义校验规则校验密码及确认密码 |
4.修改密码业务逻辑的实现 |
5.全局设置数据加载loading显示效果 |
6.全局处理Axios请求响应异常 |
第6章:利用Echarts+Vue生成动态图表的技术 |
1.根据图书类别、库存数量初步生成折线图 |
2.请求后端数据动态生成图表(上) |
3.请求后端数据动态生成图表(下) |
第7章:使用Vuex重构图书信息管理系统 |
1. vuex安装及封装用户数据编辑工具模块 |
2.创建并初步编写登录Vuex状态管理器 |
3.完善利用Vuex进行登录的实现 |
4.Vuex重构项目解决页面刷新回到登录页面问题 |
5.使用Vuex状态管理登录用户信息 |
6.完善使用Vuex状态管理登录用户信息 |
7.使用Vuex状态管理退出系统 |
第8章:项目实际上线部署及生产环境跨域问题解决 |
1. 项目打包、准备好服务器及选择web服务器 |
2.上传文件到服务器和查看服务器安装的工具 |
3.安装nginx并启动nginx服务 |
4. 配置 nginx.conf 和上传打包后的项目 |
5.开放阿里云服务端口 |
「7项超值权益,保障学习质量」
- 大咖讲解
技术专家系统讲解传授思路与实战。
- 答疑服务
专属社群随时沟通与讲师答疑,扫清学习障碍。
- 课程资料+课件
超实用资料,覆盖核心知识,关键技能,方便练习巩固。
- 常用实战
企业常见实战案例,带你掌握Python在工作中的不同运用场景。
- 大牛技术大会视频
2019Python开发者大会视频免费观看,送你一个近距离感受互联网大佬的机会。
- APP+PC随时随地学习
满足不同场景学习需求,不受空间、地域限制。
- 内推机会
****联合大厂博客专家,为优秀学员推荐具有竞争力的工作机会 。
☛点击立即跟老师学习☚
「什么样的技术人适合学习?」
- 想进入技术行业,但是面对多门编程语言不知如何选择,0基础的你
- 掌握技术单一、冷门,迫切希望能够转型的你
- 想进入大厂,但是技术不够丰富,没有竞争力的你
「悉心打造精品好课,16天学到大牛3年项目经验」
【完善的技术体系】
技术成长循序渐进,帮助用户轻松掌握
掌握Vue知识,扎实编码能力
【清晰的课程脉络】
浓缩大牛多年经验,全方位构建出系统化的技术知识脉络,同时注重实战操作。
【仿佛在大厂实习般的课程设计】
课程内容全面提升技术能力,系统学习大厂技术方法论,可复用在日后工作中。
☛点击立即跟老师学习☚
「你可以收获什么?」
全面巩固加深对vue.js的理解
能综合运用vue及周边生态技术进行单页面前后端分离项目开发,并能上线部署。