2026/9/29 22:50:01
网站建设
项目流程
校园二手交易平台
- 完整代码地址: https://www.aiyuanma.vip/posts/homework-secondmarket-php-html-phpmysql
📋 项目简介
校园二手交易平台是一个专为校园场景设计的二手物品交易系统。用户可以在平台上发布、浏览和购买二手物品,实现校园内的资源循环利用和便捷交易。
🛠️ 技术栈
| 类型 | 技术 |
|---|
| 前端 | HTML5 + CSS3 + JavaScript |
| 后端 | PHP |
| 数据库 | MySQL |
| UI框架 | Bootstrap 5 |
| 图标库 | Font Awesome |
| 弹窗组件 | SweetAlert2 |
📁 项目结构
校园二手交易平台-php+html/ ├── api/ # 后端API接口 │ ├── bootstrap.php # 公共配置(数据库连接、工具函数) │ ├── register.php # 用户注册 │ ├── login.php # 用户登录 │ ├── logout.php # 退出登录 │ ├── me.php # 获取当前用户信息 │ ├── user_update.php # 更新用户信息 │ ├── item_create.php # 发布物品 │ ├── item_delete.php # 删除物品 │ ├── item_detail.php # 物品详情 │ ├── items_list.php # 物品列表 │ ├── my_items.php # 我的物品 │ ├── message_create.php # 创建留言 │ └── message_reply.php # 回复留言 ├── pages/ # 前端页面 │ ├── index.html # 首页(物品列表) │ ├── login.html # 登录页 │ ├── register.html # 注册页 │ ├── publish.html # 发布物品页 │ ├── detail.html # 物品详情页 │ └── profile.html # 个人中心页 ├── styles/ # 样式文件 │ ├── bootstrap.min.css # Bootstrap样式 │ ├── fontawesome.min.css # FontAwesome图标 │ ├── solid.min.css # FontAwesome实心图标 │ └── sweetalert2.min.css # SweetAlert2样式 └── uploads/ # 上传图片存储目录
✨ 功能模块
1. 用户管理
- 用户注册:支持学号、姓名、性别、学院、手机号注册
- 用户登录:支持学号或手机号登录
- 个人中心:查看和修改个人信息
- 会话管理:基于PHP Session的登录状态维护
2. 物品管理
- 发布物品:支持标题、分类、成色、价格、描述,最多上传3张图片
- 物品列表:首页展示所有在售物品,支持卡片式布局
- 物品详情:查看物品详细信息和卖家信息
- 删除物品:卖家可删除自己发布的物品
3. 搜索筛选
- 关键词搜索:按物品名称搜索
- 分类筛选:数码产品、书籍资料、生活用品、学习工具
- 排序功能:最新发布、最早发布、价格从高到低、价格从低到高
4. 留言互动
- 买家留言:对感兴趣的物品发起询问
- 卖家回复:卖家可回复买家的留言
🗄️ 数据库设计
users(用户表)
| 字段 | 类型 | 说明 |
|---|
| id | INT | 主键,自增 |
| student_id | VARCHAR(32) | 学号,唯一 |
| phone | VARCHAR(20) | 手机号 |
| name | VARCHAR(64) | 姓名 |
| gender | VARCHAR(8) | 性别 |
| college | VARCHAR(128) | 学院 |
| nickname | VARCHAR(64) | 昵称 |
| password_hash | VARCHAR(255) | 密码哈希 |
| created_at | TIMESTAMP | 创建时间 |
product(物品表)
| 字段 | 类型 | 说明 |
|---|
| id | INT | 主键,自增 |
| user_id | INT | 发布者ID |
| title | VARCHAR(128) | 物品标题 |
| category | VARCHAR(32) | 分类 |
| cond | VARCHAR(32) | 成色 |
| price | DECIMAL(10,2) | 价格 |
| description | TEXT | 描述 |
| cover | TEXT | 封面图路径(多图用逗号分隔) |
| status | VARCHAR(16) | 状态(available/sold) |
| created_at | TIMESTAMP | 创建时间 |
messages(留言表)
| 字段 | 类型 | 说明 |
|---|
| id | INT | 主键,自增 |
| item_id | INT | 物品ID |
| user_id | INT | 留言者ID |
| content | TEXT | 留言内容 |
| reply | TEXT | 回复内容 |
| created_at | TIMESTAMP | 留言时间 |
| reply_at | TIMESTAMP | 回复时间 |
🎨 界面特点
- 现代化设计:采用渐变色Hero区域、圆角卡片、阴影效果
- 响应式布局:完美适配PC端、平板和手机
- 移动端优化:侧边栏菜单、触控友好的按钮
- 加载动画:优雅的加载状态和空状态展示
- 用户体验:本地缓存用户信息提升首屏体验
📝 许可说明
本项目仅供学习交流使用。