V-Shop
Vue构建的小商店管理系统Web APP
项目线上预览地址
在项目中主要使用:
- vue-cli 构建项目
- iview 实现UI组件样式
- IndexedDB 实现数据存储
其实早前我写过一个同样功能的https://github.com/huanghaibin91/Checkout-counter,样式啥的都是自己写的,不怎么好看,有的功能也没有完成。最开始想修修补补,后来看算了,就重新写了一个,为了统一样式和学点新东西,就使用了iview库统一UI,使用IndexedDB实现数据的存储读取,不过IndexedDB这种浏览器端的数据库有个最大的问题就是不安全,一打开控制台就什么都暴露了,所以不要在IndexedDB中存储私密信息。使用highChart完成简单的图表绘制。
项目构成
- 登录界面
- 商品列表
- 商品操作
- 收银记录
- 消息通知
- 数据统计
- 人员管理
- 待办事项