不依赖后端和数据库的库存管理系统简单实现,有点像闹着玩的意思,自己用用还行
注意
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