vue + iview + indexedDB完成的商店管理系統(tǒng)

V-Shop

Vue構(gòu)建的小商店管理系統(tǒng)

預覽地址

在項目中主要使用:

  • vue-cli 構(gòu)建項目
  • iview 實現(xiàn)UI組件樣式
  • IndexedDB 實現(xiàn)數(shù)據(jù)存儲

源碼地址 喜歡的的話希望點個star

其實我求星星是想找工作,我是在下班后自學前端的,學的時候就決定將其作為以后的職業(yè)。前段時間從上海辭職回老家了四川了,打算找一份前端的工作,發(fā)現(xiàn)好難,我的這種簡歷基本投了就了無音訊了,聽說現(xiàn)在不寫個兩年工作經(jīng)驗都沒有面試,可是如果編的,面試一問不就露餡了嗎?我不知道我會不會走到編簡歷這一步,不過現(xiàn)在還是想堅持一下 。這是我郵箱 huanghaibin91@126.com,GitHub https://github.com/huanghaibin91,如果有成都的大佬看見,覺得可以聊一聊,希望能給個面試機會。

其實早前我寫過一個同樣功能的https://github.com/huanghaibin91/Checkout-counter,樣式啥的都是自己寫的,不怎么好看,有的功能也沒有完成。最開始想修修補補,后來看算了,就重新寫了一個,為了統(tǒng)一樣式和學點新東西,就使用了iview庫統(tǒng)一UI,使用IndexedDB實現(xiàn)數(shù)據(jù)的存儲讀取,不過IndexedDB這種瀏覽器端的數(shù)據(jù)庫有個最大的問題就是不安全,一打開控制臺就什么都暴露了,所以不要在IndexedDB中存儲私密信息。使用highChart完成簡單的圖表繪制。

項目構(gòu)成

  • 登錄界面
  • 商品列表
  • 商品操作
  • 收銀記錄
  • 消息通知
  • 數(shù)據(jù)統(tǒng)計
  • 人員管理
  • 待辦事項

項目部分截圖

cash.png
data.png
goodslist.png
goodsstorage.png
login.png
shoppingcart.png
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容