紫光自助式点餐系统软件（紫光餐饮系统）

### 0.新项目组装搭建

(1) 免费下载node.js（-cn/）;

(2) 将新项目clone到当地：git clone

(3) 进入库房目录下的前面文件夹 baidu_ife_task18\\frontend ，实行npm install指令来组装架包

(4) 然后还是目录下的前面文件夹 baidu_ife_task18\\frontend 里实行 npm run dev 指令启动项目。这时会看见电脑浏览器就会开始3D渲染；

### 1.必须客户注册帐号

(1). 因为该小系统只是一个demo考虑到, 并没有选用真正意义上的数据存储客户信息。因而, 怎样登陆密码都可以根据, 不添加真实有效考虑;

(2). 最先进到login界面, register及login中必须的input box获得基本上layout合理布局表明; 应用vuex存放并检验userName、password ;

(3). login 时把username password post出来作check ,假如passed 服务器端 回到ok ,localStorage之中存放tokenId意味着已经成功 registrations and logins .以后routing to home page; userinfo will be stored in vuex store as well ;

&&&& hash routing used while changing between pages

= localstorage: tokenId:xxx username:xxxx = Vuexstore : currentUserInfo:{name:"",id:""} loggedIn : true / false menuData{} cartList[] orderHistory[] addressSaved[] currentAddress{} Post from Client side : UserName Password return status code 200 ok or 401 failed ========>>>>> re route the browsing ====>home page get request to remote server side for data =>menuData orderHistory addressSaved info returned and stored in vuex store each time when browser refresh => check whether there exists a valid token id in local storage if yes then directly show the home page and retrieve data from back end otherwise switch to login page some of the basic flow finished later on more features will be added such as addToCart editCart checkout api etc..

## 一、登陆界面

![image]()

## 二、主界面页面

![image]()

### 1、前台收银分系统：完成正餐收费标准作用及其外卖催件作用。

#### 作用一：正餐收费标准

##### （1）自己进到店里可能消费者所想要的物件信息登记到电脑里面（如物品名字、物件总数）;

（2）核查好资料后就会出去总价格;

（3）根据刷信用卡或是微信支付的方式去完成支付;

(4) 即然交易成功就形成了对应的发票直接打印出去供消费者应用。 #### 作用二:外卖催件

（1）再下定的这个时间服务生会把这时需要但是依然未寄送的外块衣裳之怒状况都展示在尽展幕上; （2）做服务员见到尽展幕上这时并没有寄送出来罢了待久了,也该马上传出对应的声波频率促进驾驶员马上回家美食,不然就会由于早就将这一套中式快餐美食好而消耗(3);

(3) 随后中间距了一个防止突发情况的buffer zone ,这般就部防止突发情况产生多余消耗,也便于对主厨表述防止误