web课程项目:校园二手交易平台

本项目是一个校园二手交易平台,部署在个人网站中,用户可以进入平台进行二手商品浏览、发布、交易和管理。项目采用 WordPress 自定义插件实现,前端使用 HTML、CSS、JavaScript 构建交互页面,后端通过 WordPress REST API 提供接口,并使用数据库保存用户、商品、订单、图片审核等数据。

校园二手交易平台

模块一:用户系统

用户系统主要包括注册、登录、个人信息管理和权限区分。用户可以通过邮箱注册账号,登录后进入平台进行商品发布、商品浏览、下单交易等操作。系统中设置了两类角色:普通用户和管理员。普通用户主要负责商品发布、购买、留言、订单处理等操作;管理员则可以进入后台管理页面,对用户、商品、图片和举报信息进行管理。

登录成功后,系统会保存用户登录状态,用户后续发布商品、上传图片、创建订单时,都需要先通过登录验证。个人中心中保留了昵称、学校、联系方式等基本信息,便于买卖双方了解对方的基本情况。

管理员角色可以通过后台管理,进行图片审核,商品审核,用户名单管理,商品列表管理以及处理举报信息。

模块二:商品发布与管理

商品发布与管理是平台的核心功能之一。登录用户可以发布校园二手商品,填写商品标题、分类、价格、原价、成色、商品描述,并上传商品图片。商品分类包括书籍、电子产品、生活用品、运动户外、美妆服饰和其他类别,比较符合校园二手交易场景。

用户发布商品后,可以在“我的发布”页面查看自己发布过的商品。该页面支持重新编辑商品信息,例如修改商品标题、价格、成色、描述和图片,也可以删除商品。为了保证平台内容安全,普通用户上传或修改图片后,商品会进入待审核状态,管理员审核通过后商品才会重新上架。

本项目还加入了图片审核机制。普通用户上传图片后不会立即公开显示,需要管理员在后台“图片审核”中通过后,商品才会上架;如果管理员拒绝该图片,系统会移除该图片并下架商品。这样可以防止乱传图片,提高平台的安全性和规范性。

模块三:交易与订单

交易与订单模块模拟了一个完整的二手商品交易流程。买家在商品详情页点击“我想要”后,系统会生成订单。订单状态按照题目要求设计为:

待付款 → 待发货 → 待收货 → 已完成 / 已取消

本项目还加入了商品锁定机制。由于二手商品通常是一物一卖,买家生成订单后,商品会自动变为“交易中”,并从公开商品列表和首页推荐中隐藏,避免多个买家同时购买同一件商品。如果订单被取消,商品会重新恢复为“已上架”;如果订单完成,商品会变为“已售出”。

订单流程中,买家可以模拟付款,卖家可以确认发货,买家收到商品后可以确认收货。通过这个状态流转,平台能够较完整地模拟校园二手交易中的买卖流程

模块四:评价与信誉体系

本项目实现了简化版评价与信誉体系。订单完成后,买家可以对卖家进行评价,包括星级和文字评价。系统会根据用户评价记录更新卖家的信誉分。

该功能的作用是提高交易透明度,让买家在选择商品时可以参考卖家的信誉情况。虽然当前版本没有做复杂的信誉算法,但已经实现了交易完成后评价卖家、展示信誉分的基本流程。

模块五:后台管理

后台管理模块面向管理员用户。管理员登录后可以进入“后台管理”页面,对平台进行统一维护。后台管理主要包括用户管理、商品管理、图片审核、举报处理和数据统计。

用户管理中,管理员可以查看用户列表,并对用户进行封禁、解封和重置密码。商品管理中,管理员可以对商品进行审核、上架、下架等操作。图片审核中,管理员可以审核普通用户上传的图片,通过后商品自动上架,拒绝后图片会被移除并下架商品。举报处理模块用于查看和处理用户提交的举报信息。数据统计模块展示平台用户数、商品数、订单数和近一周交易额等信息,方便管理员了解平台运行情况。

本项目还优化了图片审核流程,后台默认只显示待审核图片,并提供清理无效图片功能,避免测试上传的图片和记录长期堆积。

模块六:开放 API

本项目通过 WordPress REST API 实现开放接口,所有接口统一挂载在:

/wp-json/campus-trade/v1

前端页面中的登录、商品列表、商品详情、发布商品、上传图片、创建订单、后台管理等操作,本质上都是通过 JavaScript 调用这些 API 完成的。

主要接口包括

模块七:CLI 集成

本项目选择实现 CLI 模式,并提供了 trade-cli.js 命令行工具。该工具通过调用平台的 RESTful API 完成管理操作,不直接连接数据库。

例如,查看商品列表可以通过命令行执行:

node trade-cli.js --api=https://www.wtdroplet.com/index.php/wp-json/campus-trade/v1 products

导出订单报表可以执行:

node trade-cli.js --api=https://www.wtdroplet.com/index.php/wp-json/campus-trade/v1 --email=admin@campus.com --password=admin123 orders --out=orders.csv

查看后台统计:

node trade-cli.js --api=https://www.wtdroplet.com/index.php/wp-json/campus-trade/v1 --email=admin@campus.com --password=admin123 stats

模块八:开放 Skill

本项目实现了两个 Skill:自动估价 Skill 和相关推荐 Skill。

第一个是自动估价 Skill。用户发布或编辑商品时,可以填写商品原价、分类和成色,然后点击“自动估价”。系统会根据分类和成色折旧规则计算建议二手售价,并自动填入价格输入框。这个功能可以帮助卖家更合理地定价,避免价格过高或过低。

第二个是相关推荐 Skill。用户进入商品详情页时,系统会根据当前商品的分类、价格、浏览热度和发布时间推荐相似商品,并显示在详情页底部的“相关推荐”区域。该功能可以提高商品曝光率,也能帮助买家继续浏览相似商品。


发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注