美文网首页让前端飞
vue-cli构建的小商店收银及商品管理系统

vue-cli构建的小商店收银及商品管理系统

作者: 骷髅不会笑丶 | 来源:发表于2017-06-19 19:19 被阅读0次

checkout-counter

vue-cli构建的小商店收银及商品管理系统,项目地址 ,觉得不错可以star一下,谢谢。

这个项目中的一个小组件date-picker组件点击查看

写在前面

我目前还不会后端部分,所以整个项目的所有都是写在前端里边的,所以现在它是一个不完整也不能真正能够使用的项目。等我以后会后端之后,再补充完整,努力让它能够真正使用。好处是目前这里边没有后端部分所以比较简单易懂,如果有同样和我一样学习前端的朋友,我希望这个能够有一点参考价值。

1.登录界面用户名和密码可以随意输入(因为没有后端)

2.入库新商品的时候,要将商品图片名称改为商品编码.jpg的名称,然后放到项目文件夹的src/assets/shopping-images文件里边,就可以正确显示商品图片。

3.上面就是一个我不会的问题,我发现我用不能获取本地文件的路径,网上说是浏览器的安全设置导致不能获取文件路径,这个是不是得后端,先将图片文件上传到服务器,然后用服务器路径获取图片。希望有大佬能帮我解惑。

项目组成

头部登录及导航部分

商品展示部分

购物车部分

商品入库及操作部分

收银记录

商品重要消息通知

项目启动

// 将源码clone或下载压缩包到本地

// git bash到项目文件夹

// 安装依赖包

npm install

// 启动项目

npm run dev

项目图片

相关文章

  • vue-cli构建的小商店收银及商品管理系统

    checkout-counter vue-cli构建的小商店收银及商品管理系统,项目地址,觉得不错可以star一下...

  • vue + iview + indexedDB完成的商店管理系统

    V-Shop Vue构建的小商店管理系统 预览地址 在项目中主要使用: vue-cli 构建项目 iview 实现...

  • 新开张的便利店如何解决商品初期定价问题

    新开张的便利店只有在确定定价后才能使用收银系统将商品档案录入到收银系统中进行管理,那么商品的初期定价该怎么确定? ...

  • 领域驱动设计 - POS系统

    POS系统是一个提供给线下门店使用的收银,网络接单及商品调拨的一个系统。 1. POS收银 领域图见:https:...

  • 收银系统后台介绍(二)

    收银系统除了最基础的收银功能以外,第一个最重要的当然就是商品的管理,就拿便利店来说就有各种各样的商品、种类十分多样...

  • 智能餐饮系统的几大功能?餐饮系统好不好用?

    现在对于餐饮企业来说,使用一款餐饮收银系统就是为了提高餐厅开单速度。餐饮行业通过智能收银系统,打造一体化的商品管理...

  • 智慧商超

    一.智慧商超管理系统ER图 二.表格商品 收银员 库管员 销售清单 PRIMARY KEY CLUSTERED([...

  • 收银系统产品功能介绍终结篇

    为什么叫终结篇呢,因为想要了解收银系统的功能介绍,只需要看着一篇文章就够了,收银系统不仅仅是用来收银及管理商铺,更...

  • 2018-10-09

    问题汇总: 1:在收银员收款操作时系统是否能够升级、展示商品在自家门店的库存 2:在收银操作时系统是否可以展示商品...

  • 未来收银随笔

    新零售 无人超市收银系统无人超市收银系统通过顾客拿商品或者顾客自己拿手机扫商品结算的方式完成支付流程,用户出超市出...

网友评论

    本文标题:vue-cli构建的小商店收银及商品管理系统

    本文链接:https://www.haomeiwen.com/subject/txrnqxtx.html