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

不依賴後端和資料庫的庫存管理系統簡單實現，有點像鬧著玩的意思，自己用用還行

倉庫地址 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
複製程式碼