純前端微型出入庫管理系統(我的使用型)

不依賴後端和數據庫的庫存管理系統簡單實現，有點像鬧着玩的意思，本身用用還行

倉庫地址 github.com/FairyEver/i…

注意

inventory-management/src/key.js 沒有上傳到倉庫

其文件內容爲：(關鍵內容已經用xxx代替)

export default {
  wilddog: {
    syncURL: 'https://xxxxxxxxxxxxxx.wilddogio.com/'
  }
}
複製代碼

syncURL爲野狗實時通信服務提供的地址

若是不須要將數據上傳至野狗，請刪除 inventory-management/src/store/index.js 中野狗同步相關的設置

或者你也能夠本身申請一個野狗帳號，將你的 syncURL 寫在key.js 中

上面這步不處理的話運行會報錯找不到文件

使用場景

重要的事情說三遍

不要在重要的項目中使用這種方案

不要在重要的項目中使用這種方案

不要在重要的項目中使用這種方案

這是一個沒有後臺數據庫的簡單系統，數據所有保存在了瀏覽器端，能夠備份至野狗，也能夠導入數據，可是，這種方式只適合我的使用，本身記錄一些東西能夠，不適合正式的項目

數據存儲

簡單來說就是本地數據庫和vuex保持同步，同時數據能夠上傳到雲端防止丟失

界面

登錄

入庫

出庫

物品管理

物品修改

部門管理

部門修改

入庫統計

入庫統計 按物品分組

出庫統計

出庫統計 物品篩選

出庫統計 按部門分組

入庫歷史

出庫歷史

數據備份還原

數據導入

以上截圖爲開發過程截圖，不表明如今的效果，最終效果請克隆代碼運行

運行方法

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report
複製代碼