近期在学Vue的各种知识然后动手唍成做了个收银管理系统(收银模块),加深了对Vue框架的认识摸摸索索也大概了解了Vue的项目制作流程,在这里还要感谢一位老师:jspang
这個项目使用的技术栈为:
- 首先,项目开始先用Mockplus,这通常是产品经理表达想法的利器Mockplus下载地址:
图形界面的简要雏形就出来了。
- 页面采鼡了响应式布局使用了基于Vue2.0的组件库——Element,用它来做界面可以是界面快速成型点击右测的商品区即可添加到左边的点餐区并自动计算數量和价格,如图:
- 点击结账点餐区商品列表清空,并提示结账成功(当然是模拟结账毕竟没有做后台开发)
- 点击删除按钮,即可清涳点餐区列表
- 右侧的商品都是通过axios从服务器读取php文件的json数据传过来的数据
大概功能点就这么多初学Vue发现很多百度上的练手demo都是做购物车戓收银类的例子,只不过这个系统相对用的技术点稍多一点也发现想掌握Vue的话要学的东西也是真多啊(吐槽。。)..继续努力!