项目总结：快餐店POS收银系统

在简历的项目经历上写：

快餐店收银pos平台开发

1.使用mockplus做出应用框线图，然后利用VueRouter+VueCLI3.0和elementUI框架以及iconfont进行页面、功能开发，利用axios获取后台数据，数据是自己通过yapi平台进行模拟数据。

2 主要内容：

（1）订单模块：包括增加删除单品的数量、计算总数量，总金额，以及删除订单和结账按钮。

（2）热卖商品模块：块级显示热卖商品以及价格，点击可加入订单

（3）分类商品模块：分类显示主食、小食、饮品、套餐，以图片文字显示，点击可加入订单

=================================================================================================

面试聊这玩意：

1 为啥要用这个框架：

轻量级应用，组件化开发

2 解决了哪些问题遇到了哪些问题怎么解决的自己是什么项目

遇到的问题以及解决方案

【1】获取后台数据

我把食品名字 id 价格都模拟数据写在了yapi平台作为接口，原来用过easy-mock，但是那个网站经常崩溃，然后在pos.vue里引入axios在created周期进行数据调用，在页面的li上v-for（item in foodList）插值引入{{item.goodName}}

【2】我在使用elementUI创建栅格布局时想要增加他的高度，如通过css样式来太麻烦了，直接通过js的方式设置他的height

这个在mounted的生命周期

var orderHight = document.body.clientHeight;

document.getElementById("order-list").style.height = orderHight + "px";

【3】点击餐品订单就会出现相应

在订单的表格里设置data的动态绑定，tableData，然后利用elementUI的传值prop属性设置订单的各个属性名，同时给餐品的也附上相同属性名，添加进订单时先判断是否已经存在相同名字产品有的话数量+1；没有的话创建一个新的数组，传入相同的属性名的对象，然后this。tableData。push（this。newData）

【4】计算总价

首先是先初始化，然后计算num*price

=========================================================================================

通过这个项目学到了啥

1 箭头函数的使用和优点

（1）简洁（2）箭头函数没有prototype(原型)，所以箭头函数本身没有this

箭头函数的this指向定义时所在的外层第一个普通函数，跟使用位置没有关系。被继承的普通函数的this指向改变，箭头函数的this指向会跟着改变

箭头函数外层没有普通函数，严格模式和非严格模式下它的this都会指向window(全局对象)

（2）elementUI库的使用

（3）Vuecli3 以及axios的简单应用

====================================================================

项目的不足改进

1 没有实现响应式页面===》勾引他问你怎么做响应式

2 页面不够复杂组件少不够美观

改善css 添加功能

===================================================================

项目总结

初衷：充分运用所学知识，完成实际有价值的小项目，训练自己的业务逻辑和编码规范

实现：确实运用很多自己的知识，学到了新知识

cli3和cli2构造的有所区别

【有什么区别】

优化方面：

扩展性：

还想要探索什么新技术

项目总结：快餐店POS收银系统相关推荐

网络版收银系统服务器更新是什么意思,POS收银系统也需要更新的五大理由
如果您正在开设自己的业务,也许是一个报亭,糕点店,时尚零售店或餐厅,您应该考虑投资于高品质的收银系统.如果您想从竞争中击败竞争对手,标准收银机就不再是一个选择. 业务时时改进,软件也需要时时更新,现代 ...
具有自主产权的SAAS多门店POS收银系统全套源码输出
具有自主产权的SAAS多门店POS收银系统全套源码输出: windows桌面收银系统源码 Android桌面收银系统原生开发 Android手持收银系统原生开发 Android平板pad收银系统原生开 ...
使用java来简单模拟肯德基快餐店的收银系统实现一些功能
一.题目要求请同学们参考肯德基官网的信息模拟肯德基快餐店的收银系统,合理使用C++或Java或Python结合设计模式(2种以上)至少实现系统的以下功能: 1.正常餐品结算和找零. 2.基本套餐结算 ...
用java实现KFC收银：请同学们参考肯德基官网的信息模拟肯德基快餐店的收银系统
一.题目要求: 同学们应该都去麦当劳或肯德基吃过快餐吧?请同学们参考肯德基官网的信息模拟肯德基快餐店的收银系统,合理使用C++/python/Java,结合设计模式(2种以上)至少实现系统的以下功能: ...
模拟肯德基快餐店的收银系统
题目要求模拟肯德基快餐店的收银系统,合理使用C++或Java或Python结合设计模式(2种以上)至少实现系统的以下功能: 1.正常餐品结算和找零. 2.基本套餐结算和找零. 3.使用优惠劵购买餐品 ...
java实现肯德基快餐店的收银系统
注:本文仅用于程序设计作业记录,如有错误欢迎指正,代码太多了,不想往里面写了,还要排版其实我只是想要本文一个博客链接而已题目内容模拟肯德基快餐店的收银系统,结合设计模式(2种以上)至少实现系统的 ...
Java模拟肯德基快餐店的收银系统
1.题目名称模拟肯德基快餐店的收银系统要求:结合设计模式(2种以上)至少实现系统的以下功能: 1.正常餐品结算和找零. 2.基本套餐结算和找零. 3.使用优惠劵购买餐品结算和找零. 4.可在一定时 ...
肯德基快餐店的收银系统
同学们应该都去麦当劳或肯德基吃过快餐吧?请同学们参考肯德基官网的信息模拟肯德基快餐店的收银系统,合理使用C++/python/Java,结合设计模式(2种以上)至少实现系统的以下功能: 1.正常餐品结 ...
基于MFC的肯德基快餐店的收银系统
基于MFC的肯德基点餐收银系统同学们应该都去麦当劳或肯德基吃过快餐吧?请同学们参考肯德基官网的信息模拟肯德基快餐店的收银系统,合理使用C++/python/Java,结合设计模式(2种以上)至少实现 ...
KFC快餐店的收银系统
程序实现系统的以下功能: 1.正常餐品结算和找零. 2.基本套餐结算和找零. 3.使用优惠劵购买餐品结算和找零. 4..模拟打印小票的功能. 设计模式主要采用了抽象工厂模式和建造者模式. 设计抽象基类 ...

项目总结：快餐店POS收银系统

项目总结：快餐店POS收银系统相关推荐

最新文章

热门文章