🟢
简库 · 库存清单 H5
管理系统 · 上传者 驰旭教育 · 更新于 2026-07-15
移动端网页
免费开源
库存管理仓库小仓库管理系统
10浏览
0下载
0点赞
2026-07-15更新
⚠ 版权与免责声明
本资源由社区用户「驰旭教育」上传分享，版权归原作者所有。
· 本站内容仅限个人学习与研究使用，严禁用于任何商业用途。
· 下载后请于 24 小时内删除或销毁，逾期风险自负。
· 因参考、运行本站代码产生的任何损失，本站不承担赔偿责任。
· 如涉及侵权，请联系我们，核实后 48 小时内下架。
· 源代码演示数据中的 人名、企业名称、机构、产品、联系方式等信息，均属于在学习研究时的测试模拟数据，与现实中的同名任何个人、企业、组织无任何关联；若有雷同，纯属巧合。如这些内容无意中侵犯您的合法权益，请联系我们，核实后将及时删除或更改。
功能介绍
- 移动端优先，自适应各类机型与分辨率
- 纯 HTML/CSS/JS，零依赖双击即开
- 清新绿白简约风，顶部标签式导航
- 含总览 / 库存列表 / 入库登记 / 商品详情 / 盘点调整 / 统计报表 6 页
- localStorage 持久化商品，增删改刷新不丢失
- 库存列表支持按名称 / 编码 / 供应商搜索与分类筛选
- 商品详情可一键出库 / 入库 / 编辑 / 删除
- 盘点调整录入实盘数量自动计算差异并保存
- 统计报表可视化分类库存分布与库存价值 TOP3
界面预览
源码结构
inv01/
dash.html 总览
stock.html 库存列表
inbound.html 入库登记
detail.html 商品详情
adjust.html 盘点调整
stats.html 统计报表
css/style.css 移动端样式（每套独立主题）
js/main.js 交互脚本（增删改 / 盘点 / 调拨 / 补货 / 统计 / localStorage）
详细说明
本模板为「驰旭教育」库存管理系统移动端示范源码，使用原生 HTML5 + CSS3 + JavaScript 编写，无任何第三方框架依赖，浏览器直接打开 dash.html 即可预览。
目录结构清晰：dash.html 总览、stock.html 库存列表、inbound.html 入库登记、detail.html 商品详情、盘点调整、stats.html 统计；css/style.css 与 js/main.js 为共享样式与交互。
交互说明：总览展示商品种类、库存总量、库存总值与预警数；库存列表支持搜索与分类筛选，点击进入详情；入库登记表单提交即写入本地存储；详情页可快捷出入库、编辑或删除；第 5 页可盘点 / 调拨 / 补货；统计页实时计算分类分布与价值 TOP3。
自定义方法：修改 css/style.css 顶部 :root 中的主题色即可整体换色；修改 js/main.js 顶部的 SEED 种子数据即可替换示例商品，或直接在前端增删改，数据保存在本机浏览器。
下载压缩包后解压，按源码内 README 配置 AppID / 接口地址 / 云环境，使用对应开发者工具导入即可预览。如遇问题可在评论区留言，由上传者与其他社区成员交流答疑。
用户评论 （0）
还没有评论，来抢沙发～