课程介绍

注意0：欲购买此课程，获取安全购买链接，索要正版授权学习平台账号，务必加咨询QQ：2536379620
注意1：由于编码原因，试听课程视频画面清晰度不如最终购买的视频。最终购买视频的画面清晰度可参见以下两张图。图1   图2
注意2：正版良心视频，购买后有机会和原作者直接短暂技术交流。

注意3：感觉课程太难？没有信心？还在犹豫自己学的会学不会？我们的师傅带徒弟模式（5倍下单）会给您信心。我们承诺， 商品详情，教学大纲，视频内容，所涉及技术，可获得原创作者老师微信或QQ和针对视频范围的精心指导。线上一对一师带徒辅导问答，针对视频内代码调试，使命必达，视频之外相关技术内容，行业内信息人脉，企业内推(如有)，原创作者老师会竭诚帮助。

以上所示价格，只能自行学习视频和获取少量解答。师傅带徒弟课程（5倍下单左右，可以先和客服联系，可获得老师的联系方法和针对视频范围的精心指导。线上一对一师带徒辅导问答，针对视频内代码调试，使命必达。）

适合有Node.js和Vue基础的同学!这个课程的后端接口使用的是node.js express mongodb, 前端页面使用的是vuecli3.x, 其中包含下拉刷新, 上拉加载以及图片上传、websocket实现即时通讯等重要知识点

适用人群

适合有一定Vue.js和node.js基础的同学

课程目标

需要学习图片上传加载功能, 类似于微信聊天功能的同学

课程大纲

第1章 VueCli3.x全栈开发-项目最终成果展示

9分钟1节

1-1VueCli3.x全栈开发-项目最终成果展示[09:28]  免费试看

第2章 Express后端接口搭建-基本配置

55分钟5节

2-1Node-express搭建服务器[07:51]
2-2Node-连接mongodb数据库[16:12]
2-3Node-搭建路由和数据模型[09:58]
2-4Node-搭建注册接口并存储数据[14:30]
2-5Node-使用全球公认头像gravatar[07:27]

第3章 Express后端接口搭建-注册登录

38分钟4节

3-1Node-搭建登录接口[06:55]
3-2Node接口搭建-使用jwt实现token[07:30]
3-3Node接口搭建-使用passport-jwt验证t[18:52]
3-4Node接口搭建-注册和登录细节调整[04:51]

第4章 Express后端接口搭建-朋友圈

37分钟5节

4-1Node接口搭建-朋友圈接口介绍[01:13]
4-2Node接口搭建-配置朋友圈信息接口[06:24]
4-3Node接口搭建-创建朋友圈信息接口[09:17]
4-4Node接口搭建-下拉刷新接口[09:32]
4-5Node接口搭建-上拉加载接口[10:57]

第5章 VueCli3.x全栈项目朋友圈-登录注册

1小时30分钟7节

5-1VueCli3.x全栈项目-配置前后端连载[08:37]
5-2VueCli3.x全栈项目-前端准备工作[08:14]
5-3VueCli3.x实战项目-注册登录页面设计[15:34]
5-4VueCli3.x实战项目-封装input和labe[13:20]
5-5VueCli3.x实战项目-封装button按钮及使[17:19]
5-6VueCli3.x实战项目-实现注册功能[13:51]
5-7VueCli3.x实战项目-实现登录功能[13:10]

第6章 VueCli3.x实战项目朋友圈-公共组件

1小时17分钟7节

6-1VueCli3.x实战项目-实现底部tabbar展示[07:27]
6-2VueCli3.x实战项目-优化tabbar组件[12:52]
6-3VueCli3.x实战项目-封装Header头部组件[11:31]
6-4VueCli3.x实战项目-封装朋友圈cell组件[15:10]
6-5VueCli3.x实战项目-处理朋友圈顶部内容[12:19]
6-6VueCli3.x实战项目-封装cellView组件[11:08]
6-7VueCli3.x实战项目-实现退出功能[07:28]

第7章 VueCli3.x实战项目朋友圈-刷新加载

1小时44分钟8节

7-1VueCli3.x实战项目-下拉刷新结构展示[16:23]
7-2VueCli3.x实战项目-完成下拉刷新功能[14:21]
7-3VueCli3.x实战项目-上拉加载[18:03]
7-4VueCli3.x实战项目-发布朋友圈头部布局[07:46]
7-5VueCli3.x实战项目-朋友圈消息和图片展示[07:00]
7-6VueCli3.x实战项目-获取本地图片并展示[12:36]
7-7VueCli3.x实战项目-发布朋友圈功能实现[14:34]
7-8VueCli3.x实战项目-细节打磨和优化[13:18]

第8章 VueCli3实战项目仿微信聊天-登录注册

1小时30分钟7节

8-1VueCli3微信聊天-前后端连载[08:37]
8-2VueCli3微信聊天-前端准备工作[08:14]
8-3VueCli3微信聊天-注册登录页面设计[15:34]
8-4VueCli3微信聊天-封装inputlabel组件[13:20]
8-5VueCli3微信聊天-封装button按钮及使用[17:19]
8-6VueCli3微信聊天-实现注册功能[13:51]
8-7VueCli3微信聊天-实现登录功能[13:10]

第9章 VueCli3实战项目仿微信聊天-公共组件

42分钟4节

9-1VueCli3微信聊天-实现底部tabbar展示[07:27]
9-2VueCli3微信聊天-优化tabbar组件[12:52]
9-3VueCli3微信聊天-封装Header头部组件[11:31]
9-4VueCli3微信聊天-个人信息和退出登录[10:33]

第10章 VueCli3实战项目仿微信聊天-通讯录

1小时1分钟6节

10-1VueCli3微信聊天-获取所有用户列表[08:56]
10-2VueCli3微信聊天-通讯录搜索功能[06:45]
10-3VueCli3微信聊天-查看详细资料[14:59]
10-4VueCli3微信聊天-进入聊天页面[10:12]
10-5VueCli3微信聊天-添加输入框[04:09]
10-6VueCli3微信聊天-显示聊天记录[16:04]

第11章 VueCli3实战项目仿微信聊天-sockect

1小时8分钟4节

11-1VueCli3微信聊天-封装WebSocket[16:11]
11-2VueCli3微信聊天-WebSocket进行即时通[18:15]
11-3VueCli3微信聊天-显示聊天列表[11:37]
11-4VueCli3微信聊天-聊天消息提醒[22:21]