大屏自助点餐,商超收银软件,酒店预订小程序开发

课程简介

       FaceO2O收银点餐系统,是国内最前沿技术开发的新一代餐饮信息化管理平台,提供最先进的定制化餐饮软件服务,是集传统收银软件和新型客户营销一体化的系统。为餐饮企业提供智能化前台、收银等功能SaaS云服平台,包括扫码点餐,预订、排队、外卖、点餐、扫码收银、会员管理、进销存等系统服务的一体化软件管理,并将数据实时传达云端。

       FaceO2O已打通支付宝服务窗、百度地图、百度直达号、百度糯米、大众点评、微信、微博等一列C端用户的线上实时互动入口。 日新月异的互联网,已使得各行各业的生存方式与运作模式发生了根本性的变化。行业间的界限变得越来越模糊,竞争越来越激烈,企业的新兴型服务需求也源源不断地诞生,而传统单一的收银行业服务显然已满足不了今天互联网时代企业与时俱进的发展要求。深入挖掘客户,全面的互联网营销正给餐饮行业带来巨大的冲击和变革。

   采用uniapp+spring boot/cloud技术框架开发。一套代码多端通用 支持编译封装成h5app安卓端/苹果端,微信小程序等终端运行程序。组件开发模式,复用性强 采用mvvm组件开发模式,只要了解过vue和微信小程序的编程模式,即可看懂程序代码。

1、安卓;
2、ios;
3、微信小程序;
3、支付宝小程序;
4、百度小程序;
5、h5;

目录结构

┌─components            uni-app组件目录
│	│─pages				 可复用的页面内容组件目录
│	│	└─address		    地址管理
│	│─crop			     裁剪图片
│	│	└─crop				裁剪图片
│	│─mpvue-citypicker   弹出城市选择器
│	│	│─mpvueCityPicker	    弹出选择器
│	│	└─city-data				地区数据
│	│		│─area                  省-市-区
│	│		│─city                  省-市
│	│	    └─province		        省
│	│─mpvue-picker          弹出选择器
│	│	└─mpvuePicker	        弹出选择器
│	│─crop			     裁剪图片
│	│	│─crop				裁剪图片
│	└─template			 可复用的模板组件目录
│		│─box				盒子模板目录
│		│	└─number		商品数字加减模板
│		│─drawer			抽屉模板目录
│		│	│─bottom        底部弹出商品选择
│		│	└─drawer		抽屉模板
│		│─icon			icon图标库模板
│		│	└─icon			uni-app官方默认的icon
│		│─im-chat			聊天对话模板
│		│	│─chatinput		输入模板
│		│	│─orderMessage  新订单消息模板
│		│	└─messageshow	消息内容模板
│		│─index			入口页模板
│		│	└─shopList		店铺首页模板
│		│─nav				导航模板目录
│		│	└─bottom		底部导航
│		│─picker			弹出选择
│		│	└─mpvuePicker	默认弹出选择
│		│─product			商品模板
│		│	│─shopList      店铺列表模板
│		│	└─list			商品列表
│		│─swiper			滚动模块
│		│	└─big-ad		大屏广告图片左右滚动
│		│─uni-icon			icon图标库模板
│		│	└─uni-icon		uni-app官方默认的icon 含font-icon
│		│─uni-notice-bar	    滚动通告字栏
│		│	└─uni-notice-bar    滚动通告字栏
│		│─verify	            验证
│		│	└─captchaInput      验证码
│		└─unit			        元素装置
│			│─search		    搜索框
│			└─search		    加载旋转圈圈
├─common				可复用公共工具插件类
│	│─data				数据目录
│	│─css				公共css 目录
│	│	│─iconfont.css	项目需要的iconfont样式
│	│	└─tui.css			项目自定义的全局css样式
│	│─icon.css			uni-app官方默认icon
│	│─uni.css			uni-app官方默认css
│	└─yc-js				公共js工具插件目录
│		│─Base64.js		base64编码转换工具
│		│─Id.js		    id生成
│		│─Img.js		图片处理
│		│─index.js		入口
│		│─Json.js		json处理转换
│		│─Md5.js			Md5编码转换工具
│		│─Obj.js			数组对象处理
│		│─Storage.js		Storage缓存工具
│		│─Time.js			时间格式转换处理工具
│		│─Url.js			Url地址处理工具
│		└─Validate.js		input输入验证器
│     
├─request               AJAX请求封装
│	├─data				模拟请求所需的数据目录,实际开发中,请删除。
│	│	│─xxx.js			模拟数据
│	│	└─xxx.js			…………
│	│─api.js			api接口配置
│	└─index.js			AJAX请求封装
│     
├─hybrid                存放本地网页的目录,解决小程序只支持网络目录,[详见](https://uniapp.dcloud.io/component/web-view)
│	└─html
│		├─css
│		│	└─xxx.css
│		├─img
│		│	└─icon.png
│		├─js
│		│	└─xxx.js
│		└─local.html
│    
├─store     vuex
│	├─goods.js			商户商品购物车处理
│	│─index.js          vuex主入口封装
│	│—win.js		    窗口宽高元素处理
│	└─store.js        	登陆状态 用户信息处理
│ 
├─platforms             存放各平台专用页面的目录,[详见](https://uniapp.dcloud.io/platform)
│     
├─pages                 业务页面文件存放的目录
│	├─home
│	│	└─index.vue       index站点入口页面
│	│─chat				消息对话
│	│	│─chat.vue          消息对话
│	│	│—list.vue		    消息列表
│	│	└─order.vue         订单消息
│	│─goods				商场主目录
│	│	│─index.vue         店铺首页
│	│	│─about.vue         关于商家简介
│	│	│—list.vue		    商品列表页
│	│	│—cart.vue		    购物车页
│	│	│—collect.vue		我的收藏-店铺
│	│	│—detail.vue		商品详情页
│	│	│—order.vue		    订单页
│	│	│—shop.vue		    店铺首页
│	│	└─category.vue      分类页
│	│─user				用户目录
│	│	│—address.vue		    地址页
│	│	│—info.vue		        个人信息页
│	│	│—security.vue		    设置
│	│	│—update.vue		    信息修改
│	│	└─wode.vue              我的首页
│	│─login				登陆目录
│	│	│—login.vue		    登陆
│	│	│—pwd.vue		    密码找回
│	│	└─reg.vue		    注册页
│	│─order			    订单目录
│	│	│—list.vue		    订单列表
│	│	└─detail.vue	    订单详情
│	└─pay			    支付目录
│	 	└─payment.vue		    付款
│     
├─static                存放应用引用静态资源(如图片、视频等)的地方,注意:静态资源只能存放于此
│	├─ad				广告图片目录
│	│	└─xxx.jpg			图片
│	├─icon				图标图片目录
│	│	└─xxx.jpg			图片
│	├─nav				导航图片目录
│	│	└─xxx.jpg			图片
│	├─image				图片目录
│	│	└─xxx.jpg			图片
│	└─audio				媒体目录
│		└─xxx.mp3    		音频
│     
├─main.js               Vue初始化入口文件
│     
├─App.vue               应用配置,用来配置App全局样式以及监听 应用生命周期
│     
├─manifest.json         配置应用名称、appid、logo、版本等打包信息,详见
│     
└─pages.json            配置页面路由、导航条、选项卡等页面类信息,详见

    

     

帮助用户在门店更高效的结账(自助结账)。主要功能:点击待购商品/输入商品条码后几位/扫描待购商品条形码、称重码、集合码->生成订单->支付(手机APP付款码、微信、支付宝、现金、银行卡), 查询历史订单,查询销售报表

  

 

 

    

   

   

  

 

 

 

 

 

   

所有学员评价