智仓管家 - 仓库管理微信小程序

智仓管家仓库管理微信小程序,提供库存查询、入库出库、盘点任务与主数据管理,原生开发 + Mock 数据,适合仓储管理与进销存类毕业设计。

评分:4.8/5.0
销量:78
发布:11/30/2025
难度:L2 进阶级

获取完整源码

演示视频仅作效果参考。完整源码、项目说明与运行答疑,请私聊沟通(适合毕业设计 / 课程设计 / 课设参考)。

获取完整源码观看演示视频
含项目说明文档,便于对照学习
可本地运行,适合课设演示
沟通获取后可咨询运行问题

项目封面

截图 1

项目概览

智仓管家面向中小企业仓库管理场景,以微信小程序原生框架实现库存概览、物品查询、入库出库单管理、盘点任务与主数据维护等核心功能,含防抖搜索与库存预警,适合仓储数字化、进销存管理主题毕业设计。

项目说明

智仓管家 - 仓库管理微信小程序

项目简介

智仓管家是一款基于微信小程序原生开发的仓库管理系统,专为中小型企业仓库管理设计。系统提供完整的库存管理、入库管理、出库管理、盘点任务管理等核心功能,帮助企业实现仓库数字化管理。

技术栈

技术版本/说明
开发框架微信小程序原生开发
基础库版本trial (最新试用版)
开发语言JavaScript (ES6+)
样式语言WXSS
模板语言WXML
数据存储本地 Mock 数据 (mockData.js)
代码格式化Prettier

项目结构

wearhouse-min/
├── app.js                    # 小程序入口文件
├── app.json                  # 小程序全局配置
├── app.wxss                  # 全局样式
├── mockData.js               # 模拟数据文件
├── project.config.json       # 项目配置文件
├── sitemap.json              # 站点地图配置
├── images/                   # 图片资源目录
│   ├── icons/               # 功能图标
│   ├── img/                 # 商品图片
│   ├── tabbar/              # 底部导航栏图标
│   └── default-avatar.png   # 默认头像
├── pages/                    # 页面目录
│   ├── home/                # 首页
│   ├── inventoryQuery/      # 库存查询
│   ├── itemDetail/          # 物品详情
│   ├── inboundList/         # 入库列表
│   ├── inboundDetail/       # 入库详情/新增
│   ├── outboundList/        # 出库列表
│   ├── outboundDetail/      # 出库详情/新增
│   ├── stocktakeTaskList/   # 盘点任务列表
│   ├── stocktakeTaskDetail/ # 盘点任务详情
│   ├── masterDataManagement/# 主数据管理
│   ├── my/                  # 个人中心
│   └── about/               # 关于页面
└── utils/                    # 工具函数目录
    └── util.js              # 通用工具函数

功能模块

1. 首页 (home)

  • 库存概览统计(SKU总数、物品总数、缺货预警)
  • 最新入库记录展示
  • 最新出库记录展示
  • 快捷功能入口导航

2. 库存查询 (inventoryQuery)

  • 物品列表展示
  • 关键词搜索(支持名称、SKU搜索)
  • 分类筛选
  • 库存排序(升序/降序)
  • 防抖搜索优化
  • 跳转物品详情

3. 物品详情 (itemDetail)

  • 物品基本信息展示(名称、SKU、分类、单位)
  • 库存信息(当前库存、最小/最大库存量)
  • 存放位置信息
  • 出入库历史记录
  • 快捷入库/出库操作

4. 入库管理 (inboundList / inboundDetail)

  • 入库单列表展示
  • 入库单搜索(按单号、供应商)
  • 新增入库单
    • 自动生成单号
    • 选择供应商
    • 添加多个入库物品
    • 选择仓库和具体位置
    • 表单验证
  • 入库单详情查看
  • 入库单删除(库存自动回滚)

5. 出库管理 (outboundList / outboundDetail)

  • 出库单列表展示
  • 出库单搜索(按单号、客户)
  • 新增出库单
    • 自动生成单号
    • 选择客户
    • 添加多个出库物品
    • 库存充足性校验
    • 选择仓库和具体位置
    • 表单验证
  • 出库单详情查看
  • 出库单删除(库存自动回滚)

6. 盘点管理 (stocktakeTaskList / stocktakeTaskDetail)

  • 盘点任务列表展示
  • 新增盘点任务
    • 设置任务名称
    • 选择盘点仓库
    • 添加盘点物品
    • 设置账面数量
  • 盘点任务状态管理
    • 未开始 → 进行中 → 已完成
  • 实际数量录入
  • 差异自动计算
  • 完成盘点后自动更新库存

7. 主数据管理 (masterDataManagement)

  • 物品主数据查看
  • 仓库信息查看
  • 供应商信息查看
  • 客户信息查看

8. 个人中心 (my)

  • 用户信息展示
  • 主数据管理入口
  • 关于页面入口

数据模型

物品 (items)

{
  id: 'item001',           // 物品ID
  name: '螺丝刀套装',       // 物品名称
  sku: 'LS001',            // SKU编码
  category: '工具',         // 分类
  unit: '套',              // 单位
  currentStock: 150,       // 当前库存
  minStock: 50,            // 最小库存量(预警)
  maxStock: 300,           // 最大库存量
  image: '/images/...',    // 图片路径
  description: '...',      // 描述
  location: ['WH001-A01-01'] // 存放位置
}

仓库 (warehouses)

{
  id: 'WH001',
  name: '一号主仓',
  address: '市中心物流园A区'
}

供应商 (suppliers)

{
  id: 'SUP001',
  name: '东方五金有限公司',
  contact: '张经理',
  phone: '13911112222'
}

客户 (customers)

{
  id: 'CUST001',
  name: '北方工程项目部',
  contact: '王工',
  phone: '18655556666'
}

入库记录 (inboundRecords)

{
  id: 'in001',
  date: '2025-06-01',
  supplierId: 'SUP001',
  supplierName: '东方五金有限公司',
  items: [{
    itemId: 'item001',
    itemName: '螺丝刀套装',
    quantity: 50,
    unit: '套',
    warehouseId: 'WH001',
    location: 'WH001-A01-01'
  }],
  operator: '小李',
  remark: '常规采购入库'
}

出库记录 (outboundRecords)

{
  id: 'out001',
  date: '2025-06-03',
  customerId: 'CUST001',
  customerName: '北方工程项目部',
  items: [{
    itemId: 'item001',
    itemName: '螺丝刀套装',
    quantity: 10,
    unit: '套',
    warehouseId: 'WH001',
    location: 'WH001-A01-01'
  }],
  operator: '小王',
  remark: '项目领用'
}

盘点任务 (stocktakeTasks)

{
  id: 'st001',
  taskName: '2025年Q2季度盘点',
  status: '进行中',        // '未开始', '进行中', '已完成'
  startDate: '2025-06-05',
  endDate: '2025-06-10',
  warehouseId: 'WH001',
  warehouseName: '一号主仓',
  itemsToCount: [{
    itemId: 'item001',
    itemName: '螺丝刀套装',
    unit: '套',
    expectedQuantity: 140,  // 账面数量
    actualQuantity: null,   // 实际数量
    difference: null        // 差异
  }],
  operator: '盘点组A',
  remark: '例行季度盘点'
}

底部导航栏 (TabBar)

图标名称页面路径
🏠首页pages/home/home
📦库存pages/inventoryQuery/inventoryQuery
📥入库pages/inboundList/inboundList
📤出库pages/outboundList/outboundList
👤我的pages/my/my

主题配色

  • 主色调:#4CAF50 (绿色)
  • 导航栏背景:#4CAF50
  • 导航栏文字:白色
  • TabBar 选中色:#4CAF50
  • TabBar 未选中色:#7A7E83

运行说明

环境要求

  • 微信开发者工具(最新版本)
  • 微信小程序基础库 2.0+

运行步骤

  1. 下载并安装 微信开发者工具
  2. 打开微信开发者工具,选择"导入项目"
  3. 选择项目目录 wearhouse-min
  4. 填入 AppID(可使用测试号)或选择"使用测试号"
  5. 点击"导入"即可运行

注意事项

  • 本项目为纯前端演示项目,数据存储在 mockData.js
  • 刷新小程序后数据会重置为初始状态
  • 如需持久化存储,可接入后端服务或使用微信云开发

项目特点

  1. 纯原生开发:无需任何第三方框架,代码简洁易懂
  2. 完整业务流程:覆盖仓库管理核心业务场景
  3. 数据联动:入库/出库/盘点操作自动更新库存
  4. 表单验证:完善的表单校验和错误提示
  5. 搜索优化:防抖搜索,提升用户体验
  6. 状态管理:盘点任务完整的状态流转
  7. 库存预警:支持最小库存量预警提示

扩展建议

  1. 接入后端 API 实现数据持久化
  2. 添加用户登录/权限管理
  3. 增加条码/二维码扫描功能
  4. 添加数据导出功能
  5. 增加库存预警推送通知
  6. 支持多仓库库存调拨

演示资源

  • 项目包含演示视频:演示视频.mp4
  • 项目压缩包:仓库管家.zip

获取完整源码

技术分类

包含内容

完整源码
项目说明文档
演示材料

适合方向

适合计算机、信息管理与信息系统专业做仓库管理、进销存类毕业设计;也适合物流管理方向需要移动端仓储演示的学生;以及学习列表筛选、表单录入与数据统计的开发者。

关于 AI源码

AI源码 整理计算机毕业设计、课程设计向的可运行项目参考,含说明文档与演示材料。完整源码请通过联系方式沟通获取。

QQ: 861077046
邮箱: 861077046@qq.com
已帮助 78+ 位同学完成选题参考
问能不能做我的题目

相关推荐

查看全部 →
商品管理系统(登录注册增删改查)
进阶

商品管理系统(登录注册增删改查)

基于 Node.js+MySQL+Vue2 的商品管理系统,实现用户登录注册与商品增删改查,含数据库脚本与详细安装文档,适合 Web 全栈课程设计与毕业设计入门实践。

Node大作业Vue2+1
4.838
大数据可视化大屏 HTML 模板合集
入门·新上架

大数据可视化大屏 HTML 模板合集

大数据可视化大屏 HTML 模板合集,含两套多行业主题大屏页面,ECharts 图表与 KPI 数据卡片展示,纯静态开箱即用,适合数据可视化课程设计与监控指挥看板原型开发参考。

HTML大作业
4.838
个人记账系统
进阶·新上架

个人记账系统

PC 端个人记账笔记网站,纯前端实现注册登录、收支记录添加删除、ECharts 统计图表与个人信息管理,localStorage 按用户隔离存储,适合前端课程大作业与轻量级记账工具练习。

HTML大作业
4.894
AI 聊天助手
高级·新上架

AI 聊天助手

基于 DeepSeek API 的 PC 端 AI 对话项目,Vue2 前端+Express 代理后端,支持多轮上下文、打字机效果与错误提示,适合大模型接入与前后端分离入门示例。

NodeHTMLVue2
4.867
文字翻译助手
进阶·新上架

文字翻译助手

文字翻译助手全栈 Web 应用,集成腾讯云 OCR 图片识别、多语言机器翻译与 TTS 语音合成,Node.js+Express+MySQL 实现用户系统与翻译历史管理。

NodeHTML大作业
4.862
机械加工车间MES系统
高级

机械加工车间MES系统

基于 Spring Boot+Vue 的机械加工车间 MES 制造执行系统,涵盖生产计划、设备监控、质量管理、物料管理与 Three.js 3D 可视化,集成 Sa-Token、XXL-Job 与代码生成器,适合 Java 企业级毕业设计。

SpringBootVue2MySQL
4.898