纯前端微型出入库管理系统(个人使用型)

不依赖后端和数据库的库存管理系统简单实现，有点像闹着玩的意思，自己用用还行

仓库地址 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
复制代码

转载于:https://juejin.im/post/5a7bea2b5188257a6854c06a