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

V-Shop

Vue构建的小商店管理系统

预览地址

在项目中主要使用:

  • vue-cli 构建项目
  • iview 实现UI组件样式
  • IndexedDB 实现数据存储

源码地址 喜欢的的话希望点个star

其实我求星星是想找工作,我是在下班后自学前端的,学的时候就决定将其作为以后的职业。前段时间从上海辞职回老家了四川了,打算找一份前端的工作,发现好难,我的这种简历基本投了就了无音讯了,听说现在不写个两年工作经验都没有面试,可是如果编的,面试一问不就露馅了吗?我不知道我会不会走到编简历这一步,不过现在还是想坚持一下 。这是我邮箱 [email protected],GitHub https://github.com/huanghaibin91,如果有成都的大佬看见,觉得可以聊一聊,希望能给个面试机会。

其实早前我写过一个同样功能的https://github.com/huanghaibin91/Checkout-counter,样式啥的都是自己写的,不怎么好看,有的功能也没有完成。最开始想修修补补,后来看算了,就重新写了一个,为了统一样式和学点新东西,就使用了iview库统一UI,使用IndexedDB实现数据的存储读取,不过IndexedDB这种浏览器端的数据库有个最大的问题就是不安全,一打开控制台就什么都暴露了,所以不要在IndexedDB中存储私密信息。使用highChart完成简单的图表绘制。

项目构成

  • 登录界面
  • 商品列表
  • 商品操作
  • 收银记录
  • 消息通知
  • 数据统计
  • 人员管理
  • 待办事项

项目部分截图

vue + iview + indexedDB完成的商店管理系统_第1张图片
cash.png
vue + iview + indexedDB完成的商店管理系统_第2张图片
data.png
vue + iview + indexedDB完成的商店管理系统_第3张图片
goodslist.png
vue + iview + indexedDB完成的商店管理系统_第4张图片
goodsstorage.png
vue + iview + indexedDB完成的商店管理系统_第5张图片
login.png
vue + iview + indexedDB完成的商店管理系统_第6张图片
shoppingcart.png

你可能感兴趣的:(vue + iview + indexedDB完成的商店管理系统)