简易商品管理系统 · 功能简介

前台功能

商品展示

响应式卡片网格，展示商品图片（可点击放大灯箱）、标题、简介（可展开/收起）、SKU、零售价、库存、所属分类。

搜索与筛选

支持按商品标题/SKU 搜索，顶部分类标签可快速筛选某类商品（手机端标签栏可横向滑动）。

分页浏览

电脑端每页12个，手机端每页8个商品，分页栏始终显示最多5个连续页码。

销售模式

销售人员登录后，卡片额外显示成本价和利润；普通客户仅见零售价。

下架标识

已下架商品半透明显示，价格变为灰色，并带有红色“已下架”标签。

付款二维码

点击专属按钮弹出弹窗，显示后台预设的二维码图片和说明文字（支持HTML）。

移动端优化

头部搜索框与销售登录按钮同行布局，分类标签横向滚动，图片适应容器，简介点击展开。

后台功能

商品管理

表格/卡片双视图自适应；支持搜索、按分类筛选、批量上下架/删除、新增/编辑商品（含手机相机拍照上传图片）、利润自动计算、导出/导入商品（JSON/CSV 格式，导入时自动校验去重）。

分类管理

新增、编辑、删除商品分类，带商品关联检测。

系统设置

网站标题、关键词、描述配置；管理员/销售账号独立修改密码；图片压缩开关及压缩率设置；付款二维码图片上传与说明文字编辑（支持HTML）。

图片上传压缩

全局开关控制，支持设置压缩质量，上传图片时自动处理。

响应式后台

桌面端固定侧边栏，手机端顶部横向导航栏 + 侧边汉堡菜单，所有操作按钮触摸友好。

权限控制

管理员：拥有全部后台功能。

销售人员：仅前台登录，查看内部价格。

普通访客：浏览商品信息。

技术特点

纯文件数据库（JSON）存储，无需MySQL。

PHP 后端 + JavaScript 前端 + CSS 响应式布局。

图片灯箱、弹窗、渐变滚动、无刷新分页等交互细节。

演示截图