☰
校园二手交易平台
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(用户表)

字段类型说明
idINT主键,自增
student_idVARCHAR(32)学号,唯一
phoneVARCHAR(20)手机号
nameVARCHAR(64)姓名
genderVARCHAR(8)性别
collegeVARCHAR(128)学院
nicknameVARCHAR(64)昵称
password_hashVARCHAR(255)密码哈希
created_atTIMESTAMP创建时间

product(物品表)

字段类型说明
idINT主键,自增
user_idINT发布者ID
titleVARCHAR(128)物品标题
categoryVARCHAR(32)分类
condVARCHAR(32)成色
priceDECIMAL(10,2)价格
descriptionTEXT描述
coverTEXT封面图路径(多图用逗号分隔)
statusVARCHAR(16)状态(available/sold)
created_atTIMESTAMP创建时间

messages(留言表)

字段类型说明
idINT主键,自增
item_idINT物品ID
user_idINT留言者ID
contentTEXT留言内容
replyTEXT回复内容
created_atTIMESTAMP留言时间
reply_atTIMESTAMP回复时间

🎨 界面特点

  • 现代化设计:采用渐变色Hero区域、圆角卡片、阴影效果
  • 响应式布局:完美适配PC端、平板和手机
  • 移动端优化:侧边栏菜单、触控友好的按钮
  • 加载动画:优雅的加载状态和空状态展示
  • 用户体验:本地缓存用户信息提升首屏体验

📝 许可说明

本项目仅供学习交流使用。

需要专业的网站建设服务?

联系我们获取免费的网站建设咨询和方案报价,让我们帮助您实现业务目标

立即咨询