扫码点餐系统
youyouwuxin1234
博主:忧忧吾心
学历:2017.09-2019.07 硕士 - 武汉大学 软件工程
2013.08-2017.06 本科 - 郑州大学 计算机科学与技术
工作:2019.07.02-2021.11.16,在美的集团IT部门国际事业部,任职软件开发工程师
2021.11.22-2021.12.31,在新华三大数据有限公司从事软件研发
2022.01.01-至今,在紫光集团旗下紫光云技术有限公司从事中间件软件研发工作
其他:代表公司参加过2019年杭州阿里巴巴云栖大会
兴趣:爱生活、爱学习、爱运动、爱旅行、爱美食。
展开
-
170.Vue.js智能扫码点餐系统(四)【重构写好的静态页面并实现路由跳转】2019.03.19
0、知识点Iconfont阿里巴巴矢量图标库网址:https://www.sogou.com/link?url=DSOYnZeCC_okpKbDOhLALe0Qj-_pT8Br原创 2019-03-19 17:03:02 · 1164 阅读 · 3 评论 -
187.Vue.js智能扫码点餐系统(二十一)【Vue-Socket.io+Koa实现无刷新同步购物车数据 、无刷新同步购物车数量、Ngix】2019.03.26
0、知识点Vue socket.io安装及使用全部广播,广播给所有人下次做成同一桌人的数据广播Ngix1、vue-socket.io的安装、使用步骤安装npm install vue-socket.io --savemain.js 引入 并且use import VueSocketio from 'vue-socket.io'; Vue.use(VueSocketi...原创 2019-03-26 19:46:21 · 701 阅读 · 1 评论 -
188.Vue.js智能扫码点餐系统(二十二)【修改为动态桌号、根据桌子号同步数据】2019.03.26
0、知识点动态桌号LocalStorage1、动态桌号存储 于LocalStorage如何存储桌号id可以采用Vuex、LocalStorage方式,但一般采用LocalStorage更加方便因为Storage是一个公共的方法,所以,需要将Storage封装成一个公共的API接口Storagejsvar storage={ get:function...原创 2019-03-26 20:38:33 · 1289 阅读 · 0 评论 -
189.Vue.js智能扫码点餐系统(二十三)【复习所有请求数据的Api、如果有人在订餐其他人再次进入的时候直接进入点餐页面】2019.03.26
0、知识点如果有人在订餐其他人再次进入的时候直接进入点餐页面router1、 如果有人在订餐其他人再次进入的时候直接进入点餐页面Start.vuegetPeopleInfoList(){ var uid=storage.get('roomid'); var api=this.api+'api/peopleInfoL...原创 2019-03-26 20:58:15 · 381 阅读 · 0 评论 -
190.Vue.js智能扫码点餐系统(二十四)【解决修改选择人数bug、提交订单跳转到订单页面】2019.03.26
0、知识点解决修改选择人数bug提交订单跳转到订单页面1、 Cart.vue<template> <div class="cart_p_num"> // 渲染购物车数据 <p>购物车中总共有{{totalNum}}个菜</p> <p>合计:<...原创 2019-03-31 23:34:38 · 433 阅读 · 0 评论 -
191.Vue.js智能扫码点餐系统(二十五)【调用API接口实现提交订单自动云打印小票功能】2019.03.26
0、知识点打印小票打印机注册、打印机用户管理第三方开发平台需要注册打印机的账户才可以使用1、WIFI 自动接单云打印机介绍飞鹅多平台 GPRS 全自动接单美团外卖饿了么百度 WIFI 正品云打印机2、使用方法链接电源装纸配置打印机 wifi 链接密码(只需要第一次配置)关注设备上面的二维码配置设备,测试打印,配置外卖订单WiFi 版本打印机使用安...原创 2019-03-31 23:34:56 · 1931 阅读 · 0 评论 -
192.Vue.js智能扫码点餐系统(二十六)【后台Koa中集成打印小票接口、Vue中下单在小票中打印对应的菜品/桌号/备注】2019.03.26
0、知识点koa后台集成打印接口打印菜品、桌号、备注1、后台Koa接口代码/** * Created by Administrator on 2018/3/21 0021. */const md5=require('md5');const multer = require('koa-multer');const fs=require('fs');var sd = r...原创 2019-03-26 23:31:48 · 629 阅读 · 0 评论 -
176.Vue.js智能扫码点餐系统(十)【购物车列表制作、购物车列表数量增加减少】2019.03.22
0、知识点购物车列表制作购物车列表数量增加1、购物车跳转从Home.vue跳转到Cart.vue<div id="footer_cart" class="footer_cart"> <router-link to="/cart"> // 由home.vue跳转到cart页面当中 ...原创 2019-03-24 12:43:05 · 619 阅读 · 0 评论 -
193.Vue.js智能扫码点餐系统(二十七)【支付宝支付之前的准备工作 创建支付宝应用 配置签名 提交审核(支付宝支付)】2019.04.01
0、知识点javascript 忍着秘籍JavaScript框架结构设计JavaScript语言精粹JavaScript 模式headfrist 设计模式1、原创 2019-04-01 00:45:49 · 860 阅读 · 0 评论 -
194.Vue.js智能扫码点餐系统(二十八)【支付宝支付流程、Nodejs支付源码解析、 实现支付功能(支付宝支付)】2019.04.01
0、知识点支付宝支付流程1、支付宝支付流程官方支付流程文档:https://docs.open.alipay.com/203/107084/手机网站支付首页手机网站支付 -> 快速接入调用流程Vue支付流程2、Nodejs 支付宝支付 sdk alipay-mobile文档 https://github.com/Luncher/alipay...原创 2019-04-01 12:56:15 · 2510 阅读 · 0 评论 -
195.Vue.js智能扫码点餐系统(二十九)【点击去支付调用Nodejs Api接口实现支付(支付宝支付)】2019.04.01
0、知识点提交订单 Api 接口.提交订单成功跳转到成功页面1、提交订单 Api 接口请求方式:post地址:域名/api/doPay实际地址:http://a.itying.com/api/doPay传递参数说明:参数 说明 备注Order.vue订单支付代码 doPay(){ var that=this; ...原创 2019-04-01 14:03:45 · 847 阅读 · 0 评论 -
196.Vue.js智能扫码点餐系统(三十)【打包发布上线测试】2019.04.01
0、知识点配置config打包发布,只打包index.html和dist两个文件扫码二维码 ,进入用餐页面1、配置configvar config={ api:'http://a.itying.com/', //服务器api接口地址 return_url:'http://t.apiying.com/#/success' //支付成功跳转地址 vue项目的地址...原创 2019-04-01 14:34:47 · 575 阅读 · 1 评论 -
197.Vue.js智能扫码点餐系统(三十一)【JSSDK微信支付准备工作、 注册公众平台账户、申请微信支付 、生成商户平台账户(微信支付)】2019.04.01
0、知识点微信 JSSDK 支付前的准备工作,以及需要获取内容注册公众平台账户,申请微信支付认证后点击开通微信支付公众号支付具体支付接入流程开户成功,登录商户平台进行验证1、微信 JSSDK 支付前的准备工作,以及需要获取内容准备工作:必须要有企业营业执照、对公账户。需要获取内容:appid:微信公众平台 APPIDappsecret:微信公众平台 appsecret...原创 2019-04-01 15:51:10 · 487 阅读 · 0 评论 -
198.Vue.js智能扫码点餐系统(三十二)【JSSDK微信支付和H5支付区别、 JSSDK说明、以及获取appid、获取appsecret、获取商户账户、获取商户(微信支付)】2019.04.01
0、知识点JSSDK微信支付(本次开发采用微信支付)H5支付获取 appsecret、获取商户账户、获取商户 key1、JSSDK/ JSAPI支付用户通过微信扫描二维码,在微信内进入商家的H5页面,并在微信内调用JSSDK完成支付开发文档:https://pay.weixin.qq.com/wiki/doc/api/index.html2、什么是JSSDK?可...原创 2019-04-01 16:35:08 · 1458 阅读 · 0 评论 -
199.Vue.js智能扫码点餐系统(三十三)【JSSDK配置流程、结合后端nodejs实现扫一扫功能、获取网络状态、拍照 (微信支付)】2019.04.01
0、知识点JSSDK配置流程1、Jssdk官网https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp14211411152、配置微信JSSDK支付之前的准备工作很重要公众号里面的配置 1、配置JS安全域名: 公众号设置->功能设置->JS接口安全域名 b.itying.com ...原创 2019-04-01 20:22:32 · 518 阅读 · 0 评论 -
200.Vue.js智能扫码点餐系统(三十四)【 JSSDK 获取code 、获取 openid 、调用统一下单接口实现支付(微信支付)】2019.04.01
0、知识点JSSDK 获取code获取 openid调用统一下单接口实现支付1、微信支付流程文档开发: https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=7_4业务流程时序图1、Jssdk官网 https://mp.weixin.qq.com/wiki?t=resource/res_main&a...原创 2019-04-01 21:11:10 · 1631 阅读 · 0 评论 -
186.Vue.js智能扫码点餐系统(二十)【Koa中Socket.io的使用(扩展)】2019.03.26
0、知识点Koasocket.io分组广播1、app.js/*使用步骤 1、安装 cnpm i -S koa-socket 2、引入 const IO = require( 'koa-socket' ) 3、实例化const io = new IO() 4、 io.attach( app ) 5、配置服务...原创 2019-03-26 13:44:42 · 430 阅读 · 0 评论 -
185.Vue.js智能扫码点餐系统(十九)【 Express+Socket.io多房间聊天、同一桌点餐用户之间的信息同步(扩展)】2019.03.26
0、知识点广播expresssocket.io多房间聊天同一桌用户信息同步1、app.js/*1.安装 npm install socket.io 2、复制下面代码 var server = require('http').Server(app); var io = require('socket.io')(server); 3、app.listen改成 ...原创 2019-03-26 13:17:37 · 792 阅读 · 0 评论 -
184.Vue.js智能扫码点餐系统(十八)【express Socket.io 实现聊天室(扩展)】2019.03.26
0、知识点expressSocket.io实现聊天室1、app.js/** * Created by Administrator on 2017/10/27 0027. */var express=require('express');var app=express();var DB=require('./module/db.js');app.set('vie...原创 2019-03-26 09:38:25 · 315 阅读 · 0 评论 -
171.Vue.js智能扫码点餐系统(五)【侧滑导航、定义公共的底部导航组件并实现显示隐藏】2019.03.19
0、知识点设置侧滑栏导航设置公共底部导航组件NavFooter设置底部组件隐藏1、侧滑导航在Home.vue文件夹中实现asideDomInit方法methods:{ /*方法*/ asideDomInit(){ //按钮 var navCate=document.getElementById('nav_cate'); //分类...原创 2019-03-19 20:19:34 · 965 阅读 · 1 评论 -
172.Vue.js智能扫码点餐系统(六)【首页分类数据渲染、首页菜品渲染、配置文件模块化】2019.03.19
0、知识点vue-resource请求数据1、安装vue-resource安装命令 npm install vue-resource引入VueResource,全局使用// 请求数据配置VueResourceimport VueResource from 'vue-resource';Vue.use(VueResource);2、请求数据在Home.vue中...原创 2019-03-20 00:54:54 · 578 阅读 · 0 评论 -
173.Vue.js智能扫码点餐系统(七)【首页菜品数据渲染、详情页面传值以及数据渲染】2019.03.21
0、知识点页面跳转传值(动态路由、get)1、跳转传值方式第一种:动态路由在main.js文件中,给Pcontent添加一个id// 配置路由const routes = [ { path: '/start', component: Start }, { path: '/home', component: Home }, { path: '/hot', compo...原创 2019-03-21 11:26:21 · 848 阅读 · 0 评论 -
177.Vue.js智能扫码点餐系统(十一)【选择用餐人数、备注口味信息、服务器保存用餐人数】2019.03.24
0、知识点选择用餐人数备注口味信息1、Start.vue<template> <div id="start"> <div class="start_content"> <header class="star...原创 2019-03-24 19:38:58 · 931 阅读 · 0 评论 -
178.Vue.js智能扫码点餐系统(十二)【购物车页面渲染用餐人数、计算总价】2019.03.24
0、知识点购物车页面渲染用餐人数计算总价1、Cart.vue<script> //引入NavFooter组件 import NavFooter from './public/NavFooter.vue'; //引入配置文件 import Config from '../model/config.js'; export default{ ...原创 2019-03-25 23:40:36 · 506 阅读 · 0 评论 -
179.Vue.js智能扫码点餐系统(十三)【修改用餐人数、$nextTick 获取更新后的DOM、购物车没有数据提示继续点餐】2019.03.24
0、知识点修改用餐人数$nextTick 获取更新后的DOM购物车没有数据提示继续点餐1、EditPeopleInfo.vue<template> <div id="start"> <div class="start_content"> ...原创 2019-03-24 23:22:20 · 441 阅读 · 0 评论 -
180.Vue.js智能扫码点餐系统(十四)【Socket.io同步购物车数据的准备工作】2019.03.24
0、知识点Socket.io 同步购物车数据同步逻辑如何让服务器主动给客户端推送消息?WebSocket 和 Socket.io1、 购物车数据同步逻辑2、如何让服务器主动给客户端推送消息?我们可以非常轻松的捕获浏览器上发生的事件(比如用户点击了盒子),这个事件可以轻松产生与服务器的数据交互(比如 Ajax)。但是,反过来却是不可能的:服务器端发生了一个事件,服务器无法将这...原创 2019-03-24 23:51:28 · 877 阅读 · 0 评论 -
181.Vue.js智能扫码点餐系统(十五)【原生nodejs结合Socket.io实现服务器和客户端的相互通信(扩展)】2019.03.24
0、知识点安装 Socket.io写原生的 JS,搭建一个服务器,server 创建好之后,创建一个 io 对象服务器端通过 emit 广播,通过 on 接收广播客户端端通过 emit 广播,通过 on 接收广播1、 安装 Socket.io网址:http://socket.io/安装命令npm install socket.io2、写原生的 JS,搭建一个服务器,se...原创 2019-03-25 00:41:30 · 465 阅读 · 0 评论 -
167.Vue.js智能扫码点餐系统(一)【项目介绍】2019.03.18
0、知识点项目介绍项目功能介绍应用场景部分功能页面1、项目介绍2、项目功能介绍3、应用场景4、部分页面展示原创 2019-03-18 10:50:08 · 1640 阅读 · 0 评论 -
168.Vue.js智能扫码点餐系统(二)【搭建Vue开发环境】2019.03.18
0、知识点搭建开发环境1、搭建Vue开发环境原创 2019-03-19 13:33:27 · 1612 阅读 · 0 评论 -
169.Vue.js智能扫码点餐系统(三)【项目功能分析、开发流程说明、搭建sass环境 配置公共静态页面】2019.03.18
0、知识点项目功能分析开发流程说明搭建sass环境配置公共静态页面1、项目功能分析2、开发流程说明先实现静态页面,然后分别在 Vue 中重构以及实现对应的功能大家开发项时候可以先实现静态页面,然后重构也可以直接在 vue Angular 中写功能写3、搭建sass环境Sass/Scss 环境搭建参考网址: https://www.sass.hk/4、配置公共静...原创 2019-03-18 11:25:25 · 1074 阅读 · 3 评论 -
174.Vue.js智能扫码点餐系统(八)【点击左侧菜单栏向右滑动的原理分析、功能实现】2019.03.21
代码实现在Home.vue文件中<aside class="left_cate" id="left_cate"> <ul> // 循环绑定索引值,点击按钮时触发changeList方法 <li v-for="(item,key) in list" @click="changeList(key)">{{item.title}}<...原创 2019-03-22 00:23:49 · 539 阅读 · 0 评论 -
175.Vue.js智能扫码点餐系统(九)【桌号关联购物车数据、 购物车数量加减、选择菜品加入购物车、更新购物车数量】2019.03.22
0、知识点桌号关联购物车草料二维码购物车数量加减选择菜品加入购物车更新购物车数量1、桌子号与购物车关联一般的,我们在存储数据时,会把数据存放在本地的浏览器localstorage当中,但是在多人点餐的时候,这样做不能让购物车的数据做到实时同步,因此,我们一般是将桌子号与购物车进行关联,然后通过服务器把本地数据与服务端数据进行websocket无刷新的实时同步,以达到购物车当中的...原创 2019-03-22 13:52:44 · 2501 阅读 · 0 评论 -
182.Vue.js智能扫码点餐系统(十六)【express结合Socket.io实现服务器和客户端的相互通信、 群聊 、机器人原理(扩展)】2019.03.25
0、知识点socket.ioexpress广播聊天室智能机器人1、app.js/** * Created by Administrator on 2017/10/27 0027. */var express=require('express');var app=express();/*第一步*/var server = require('http').Serv...原创 2019-03-26 08:58:15 · 328 阅读 · 0 评论 -
183.Vue.js智能扫码点餐系统(十七)【express结合Socket.io 跨域实现聊天 、以及Socket.io结合数据库实现智能机器人聊天功能(扩展)】2019.03.26
0、知识点socket.ioexpress智能机器人聊天1、app.js/** * Created by Administrator on 2017/10/27 0027. */var express=require('express');var app=express();var DB=require('./module/db.js');/*第一步*/var...原创 2019-03-26 09:23:15 · 376 阅读 · 0 评论 -
201.Vue.js智能扫码点餐系统(三十五)【项目集成微信支付 (微信支付)】2019.04.01
0、知识点项目集成微信支付1、项目中集成微信支付1、在vue中配置jssdk 以及微信支付 (1、jssdk的安全域名、网页授权域名、配置公众号支付授权目录 2、vue中使用jssdk支付必须使用vue-router的 History 模式,History模式必须配置伪静态) (不建议 支付不建议前后端分离) 2、Jssdk的配置还是服务器配...原创 2019-04-01 21:36:44 · 883 阅读 · 0 评论