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