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

原创 骷髅不会笑丶 随笔 Vue 518阅读 2017-11-17 10:57:10 举报

项目描述
[quote]在项目中主要使用:

  1. vue-cli 构建项目结构
  2. iview 实现UI组件样式
  3. IndexedDB 实现数据存储
    [/quote]

    线上预览地址

    项目地址

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

    其实早前我写过一个同样功能的原项目链接,样式啥的都是自己写的,不怎么好看,这就是不懂设计的痛,明明知道什么是好看的页面,但自己却弄不出来,找颜色找图片想怎么写比码代码还花时间,最后效果也不怎么好。而且前段时间有的东西没搞明白,所以功能上也有些问题。

    最开始想修修补补,后来看算了,就重新写了一个,为了统一样式和学点新东西,就使用了iview库统一UI,使用IndexedDB实现数据的存储读取,不过IndexedDB这种浏览器端的数据库有个最大的问题就是不安全,一打开控制台就什么都暴露了,所以不要在IndexedDB中存储私密信息。使用highChart完成简单的图表绘制。

项目构成
登录界面
商品列表
商品操作
收银记录
消息通知
数据统计
人员管理

项目部分截图

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

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

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

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

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

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

评论 ( 3 )
最新评论
骷髅不会笑丶 2017-12-23 19:19:25 3F

新增线上预览地址https://huanghaibin91.github.io/V-Shop-Preview/#/

骷髅不会笑丶 1F 2017-11-21 14:30:18 2F

其实没有什么可以说的,就是看文档,vue的文档非常详细,所以看文档就能学到不少,再做些练习
https://cn.vuejs.org/v2/guide/ vue文档
https://vuex.vuejs.org/zh-cn/ vuex文档
https://router.vuejs.org/zh-cn/ Vue-router文档

1059909154 2017-11-21 14:15:37 1F

兄弟能否加个qq,向你请教学习vue