大型项目实战Vue+Vuex+Koa2+Socket.io+Jssdk联合打造无人点餐系统

大型项目实战Vue+Vuex+Koa2+Socket.io+Jssdk联合打造无人点餐系统_第1张图片

课程简介

此套视频教程为2018年推出的,项目使用Vue+Vuex+Koa2+Socket.io+Jssdk+小票打印机打造无人点餐系统,课程视频、课件、源码齐全,手把手教会学员用Vue开发一个颠覆传统点餐系统的智能点单系统,此系统具备无需点餐员、无需收银员、 支持多人点餐 智能同步数据、 客户手机点餐后台自动打印小票 、在线支付(微信支付、支付宝支付)等功能。

Vue+Koa2+Vuex+Socket.io人点餐、无人收银系统主要功能介绍:

1、用Vue+Koa2+Vuex+Socket.io+微信支付+支付宝支付打造
2、支持微信、支付宝、浏览器多种扫码工具扫码点餐
3、系统支持多人扫码点餐,点餐信息通过websocket+Socket.io同步(解决传统点餐的尴尬场景)
4、下单无线打印小票功能,后厨 服务员同时收到订单信息
5、微信(jssdk)、支付宝支付在线支付,自动收银,方便大数据分析

课程目录

第一讲 Vue2.x无人点餐 无人收银系统 多用户点餐 智能打单 在线支付系统介绍(8分钟)
01 项目介绍
02 功能介绍
03 应用场景
04 页面展示
05 必备基础

第二讲 Vue2.x的介绍 Vue环境搭建 运行项目(18分钟)
01 Vue介绍
02 Vue环境搭建
03 Vue运行项目

第三讲 Vue2.x目录结构分析 绑定数据 绑定对象 循环数组渲染数据(17分钟)
01 Vue目录结构分析
02 Vue绑定数据
03 Vue绑定对象
04 循环数组
05 循环嵌套数组

第四讲 Vue2.x绑定属性 绑定Html 绑定class 绑定style (18分钟)
01 绑定属性 v-bind
02 绑定HTML v-html
03 绑定class :class
04 绑定style :style

第五讲 Vue2.x及双向数据绑定 Vue事件介绍 以及Vue中的ref获取dom节点(12分钟)
01 Vue双向数据绑定
02 Vue事件介绍
03 Vue ref获取dom节点

第六讲 Vue2.x事件 定义方法 执行方法 获取数据 改变数据 执行方法传值 以及事件对象(14分钟)
01 Vue事件的几种执行方式
02 Vue事件传值
03 Vue 改变获取Data里面的数据
04 Vue事件对象

第七讲 Vue2.x Todolist练习(14分钟)
01 双向数据绑定
02 修改数据
03 上传数据

第八讲 Vue2.x事件结合双向数据绑定实现todolist 待办事项 已经完成 和进行中(15分钟)
01 修改todolist 待办事项
02 修改todolist 进行中事项
03 Checkbox双向数据绑定

第九讲 Vue2.x中的模块化以及封装Storage实现todolist 待办事项 已经完成 和进行中持久化(18分钟)
01 todolist 数据持久化
02 封装Storage模块持久化数据

第十讲 Vue2.x中创建单文件组件 注册组件 以及组件的使用 (26分钟)
01 创建组件
02 注册组件
03 使用组件

第十一讲 Vue2.x中组件的生命周期函数(13分钟)
01 生命周期
02 多组件销毁生生命周期函数讲解

第十二讲 Vue2.x vue-resource 请求数据 (13分钟)

第十三讲 Vue2.x Axios fetchJsonp请求数据(6分钟)

第十四讲 Vue2.x父组件给子组件传值 Vue父组件给子组件传方法 Vue父组件把整个实例传给子组件(20分钟)
01 父组件给子组件传值
02 父组件把方法传给子组件
03 父组件把整个实例传给子组件
04 子组件执行父组件的方法传值

第十五讲 Vue2.x父组件主动获取子组件的数据和方法 子组件主动获取父组件的数据和方法(8分钟)
01 this. r e f s . 子 组 件 . 数 据 方 法 02 t h i s . refs.子组件.数据方法 02 this. refs..02this.parent.父组件的数据方法

第十六讲 Vue2.x非父子组件传值 (15分钟)
01 创建模块化空实例 $emit $on

第十七讲 Vue2.x中的路由 以及默认路由跳转(13分钟)
01 路由介绍
02 路由配置
03 默认路由

第十八讲 Vue2.x动态路由 Get传值 (14分钟)
01 动态路由跳转以及获取数据
02 Get传值获取数据

第十九讲 Vue2.x路由结合请求数据 实现新闻列表 新闻详情数据渲染【基础项目】(20分钟)
01 Vue请求数据
02 Vue页面跳转传值
03 v-html绑定服务器返回数据

第二十讲 Vue2.x路由编程式的导航 以及vue路由History 模式 hash 模式 (9分钟)
01 Vue编程式导航
02 Vue History 模式 hash 模式

第二十一讲 Vue2.x中路由的嵌套 (12分钟)
01 父子路由介绍
02 Vue实现嵌套路由

第二十二讲 Vue2.x UI框架Mint UI的使用 button 索引列表 ActionSheet等
01 MintUi介绍
02 MintUi安装使用
03 里面的组件使用

第二十三讲 Vue2.x UI框架Mint Ui infinite-scroll结合api接口实现真实上拉分页加载更多
01 MintUi上拉分页模拟
02 MintUi 请求api接口实现上拉分页加载更多

第二十四讲 Vue2.x UI框架 ElementUi的使用 以及webpack.config.js配置
01 ElementUi介绍使用
02 webpack.config.js配置

第二十五讲 Vue2.x UI框架 ElementUi 按需引入

第二十六讲 Vue2.x 路由模块化

第二十七讲 Vuex 的使用 State Mutation 实现多个页面共享计数
01 Vuex介绍
02 Vuex使用

第二十八讲 Vuex 的使用 State Mutation Getter Action 以及实现不同组件新闻数据共享 以及新闻数据的持久化
01 Vuex使用
02 Vuex实现数据的持久化

下载地址:百度云下载

你可能感兴趣的:(大型项目实战Vue+Vuex+Koa2+Socket.io+Jssdk联合打造无人点餐系统)