校园二手交易平台
校园二手交易平台是一个专为校园场景设计的二手物品交易系统。用户可以在平台上发布、浏览和购买二手物品,实现校园内的资源循环利用和便捷交易。
项目说明
校园二手交易平台
📋 项目简介
校园二手交易平台是一个专为校园场景设计的二手物品交易系统。用户可以在平台上发布、浏览和购买二手物品,实现校园内的资源循环利用和便捷交易。
🛠️ 技术栈
| 类型 | 技术 |
|---|---|
| 前端 | 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端、平板和手机
- 移动端优化:侧边栏菜单、触控友好的按钮
- 加载动画:优雅的加载状态和空状态展示
- 用户体验:本地缓存用户信息提升首屏体验
📝 许可说明
本项目仅供学习交流使用。
技术分类
包含内容
适用人群
学习参考与二次开发
关于 AI源码
AI源码 专注优质项目源码分享,提供完整源码、详细文档与技术支持,助力源码设计与课程作业。
相关推荐
查看全部 →
本草纲目溯源
「本草纲目溯源」是一款以中国传统医药文化为主题的静态展示网站。项目以明代李时珍所著《本草纲目》为切入点,通过首页、名人、著作、药材四大模块,串联中医发展脉络与经典典籍、代表性人物及常见药材知识,整体采用古风视觉与竖排文字排版,配合入场动画、3D 轮播、画卷式详情等交互,呈现「溯本求源」的阅读体验。

非遗传承小程序
这是一个非物质文化遗产展示与传承的微信小程序,采用纯前端实现,使用本地Mock数据模拟后端接口。项目完整实现了非遗项目浏览、传承人介绍、活动报名、资讯阅读、收藏管理等核心功能,适合作为微信小程序开发学习项目或计算机设计参考。

非遗·油纸伞
当前版本为 纯前端 Demo:无后端服务,数据来自本地 Mock 与浏览器 持久化。

非遗油纸伞文化数字体验平台
本项目是一个面向非物质文化遗产油纸伞文化传播与数字交互的综合 Web 平台。平台以「文化展示 + 沉浸体验 + 用户创作 + 知识传播」为主线,将油纸伞的历史渊源、制作工艺、文化内涵与现代 Web 技术相结合,帮助公众以可感知、可参与的方式了解并传承这一传统技艺。

醴陵釉下五彩 · 非遗专题网站
本项目为醴陵釉下五彩非物质文化遗产主题的静态展示网站,采用原生 HTML5、CSS3、JavaScript 构建,无前端框架与构建工具,可直接在浏览器中打开运行。网站以「总览 → 历史 → 荣誉 → 工艺 → 精神 → 传承」六大篇章,系统呈现釉下五彩的文化脉络、制作技艺与当代发展。

古镇风情导览小程序
这是一个江南古镇旅游导览的微信小程序,采用纯前端实现,使用本地Mock数据模拟后端接口。项目完整实现了古镇景点介绍、历史文化展示、特色美食推荐、文创产品展示、住宿交通指南等核心功能,适合作为微信小程序开发学习项目或计算机设计参考。