PetShop 宠物用品商城
一个基于SSM框架开发的宠物用品在线商城系统,采用可爱萌系设计风格和全新的侧边栏+Bento网格布局。
有需源码私信博主–不是开源免费
项目截图










✨ 项目特色
全新布局设计与其他项目完全不同的布局方式:
侧边栏导航 - 固定在左侧的宠物分类导航Bento网格布局 - 商品采用不规则网格展示,首个商品特别突出浮动快捷操作 - 顶部搜索栏和快捷图标 可爱萌系风格 糖果色系配色 - 粉色、薄荷绿、奶黄色等柔和色调圆润设计元素 - 大圆角、圆形图标、柔和阴影可爱装饰 - 宠物emoji图标、爪印背景活泼动画 - 弹跳效果、悬浮放大商品属性
PetProduct 宠物用品实体包含以下特有属性:
适用宠物 (petType) - 猫/狗/兔/仓鼠/鸟/鱼/通用年龄段 (ageStage) - 幼年/成年/老年/全年龄功效 (efficacy) - 美毛/护肤/洁齿/补钙/增强免疫等主要成分 (ingredients) - 商品成分说明规格 (specification) - 容量/大小规格️ 技术栈
后端框架: Spring + Spring MVC + MyBatis (SSM)数据库: MySQL 8.0前端技术: JSP + JSTL + CSS3字体: Nunito + ZCOOL KuaiLe (可爱中文字体)连接池: C3P0日志: Log4j项目结构
petshop/ ├── src/main/java/com/petshop/ │ ├── controller/ # 控制器 │ │ ├── LoginController.java │ │ ├── PetProductController.java │ │ ├── CartController.java │ │ ├── OrderController.java │ │ └── Admin*Controller.java │ ├── service/ # 服务层 │ ├── mapper/ # MyBatis映射 │ └── pojo/ # 实体类 │ ├── User.java │ ├── PetProduct.java │ ├── Order.java │ └── OrderItem.java ├── src/main/resources/ # 配置文件 ├── web/ │ ├── WEB-INF/jsp/ # JSP页面 │ └── static/css/ # 样式文件 │ └── kawaii.css # 可爱萌系风格CSS ├── petshop_DB.sql # 数据库脚本 └── pom.xml # Maven配置
12345678910111213141516171819202122快速开始
1. 环境要求 JDK 1.8+MySQL 8.0+Maven 3.6+Tomcat 9.0+ 2. 数据库配置-- 执行数据库脚本 source petshop_DB.sql
sql
12 3. 修改数据库连接编辑 src/main/resources/database.properties:
jdbc.url=jdbc:mysql://localhost:3306/petshop jdbc.username=root jdbc.password=123456
properties
123 4. 运行项目 导入Maven项目到IDE配置Tomcat服务器部署运行,访问 http://localhost:8080/petshop默认账号
角色用户名密码管理员admin123456普通用户user1123456功能模块
前台功能 商品浏览 - Bento网格展示 商品搜索 - 关键词搜索 宠物分类 - 按宠物类型筛选 商品分类 - 按商品类别筛选 购物车 - 添加/修改/删除 订单管理 - 下单/查看订单 后台功能 数据概览 - 统计面板️ 商品管理 - 增删改查 订单管理 - 订单处理 用户管理 - 用户状态管理设计亮点
与其他项目的区别 特性BeautyBox/PhoneHub/SweetHousePetShop布局顶部导航 + 商品网格侧边栏 + Bento网格导航顶部水平菜单左侧固定侧边栏商品展示统一大小卡片不规则网格(Featured突出)风格轻奢/科技/甜美可爱萌系配色金色/深色/粉色糖果色系字体衬线体/无衬线圆润可爱字体License
MIT License
Made with ❤️ for pets and their humans
