更新记录

0.1（2025-08-28）下载此版本

简介描述二手商城是一套基于 UniApp 的完整商城模板，面向微信小程序/H5/APP。项目已完成：全量适配新的接口文档（FeHelper-20250826164941.json）全站 UI 现代化（渐变、卡片、阴影、动效优化）统一请求封装与登录态管理关键业务页完善：首页、分类、搜索、商品详情、发布商品、订单、个人中心、地址簿等发布页图片选择/压缩/上传闭环打通微信登录合规适配（移除无效权限项）按需求关闭聊天相关接口与 WebSocket 适合想要快速落地“同城二手交易/校园闲置/闲鱼类”产品的团队或个人，拿来即可二次开发。功能清单首页推荐、分类浏览、搜索联想与结果页商品详情页（卖家信息、收藏/私聊图标展示修复）发布商品（底部 ActionSheet 选择发货方式/商品分类、图片选择/压缩/上传）登录注册（微信登录按钮规范接入、系统信息自适配）个人中心（卡片化统计：我发布/我卖出/我买到/待评价，菜单使用内置图标）地址管理（列表页 + 新建/编辑独立页、默认地址单选）卖家主页（GET /user/stats/seller/{id} 统计接入：全部/在售/已售，全部实际展示在售）订单列表与详情（基础结构）全局主题与动态 CSS 变量、状态栏高度适配网络请求统一封装、鉴权与错误处理

平台兼容性

uni-app(4.76)

Vue2	Vue3	Chrome	Safari	app-vue	app-nvue	Android	iOS	鸿蒙
-	-	-	-	-	-	-	-	-

微信小程序	支付宝小程序	抖音小程序	百度小程序	快手小程序	京东小程序	鸿蒙元服务	QQ小程序	飞书小程序	快应用-华为	快应用-联盟
-	-	-	-	-	-	-	-	-	-	-

uni-app x(4.75)

Chrome	Safari	Android	iOS	鸿蒙	微信小程序
-	-	-	-	-	-

二手商城小程序

基于UniApp开发的二手商品交易小程序，支持微信一键登录、商品发布、在线交易等功能。

功能特性

🔐 微信一键登录
🛍️ 商品浏览和搜索
📱 商品发布和管理
💬 买卖双方聊天
📦 订单管理
🏠 收货地址管理
👤 用户信息管理

技术栈

前端框架: UniApp + Vue3
UI组件: uni-ui
状态管理: Vue3 Composition API
网络请求: uni.request
平台支持: 微信小程序

项目结构

start/
├── App.vue                    # 应用入口和全局样式
├── main.js                   # 应用初始化
├── manifest.json             # 应用配置
├── pages.json               # 页面路由配置
├── package.json             # 项目依赖配置
├── utils/
│   ├── api.js              # API接口管理
│   ├── common.js           # 通用工具函数
│   └── request.js          # 网络请求封装
├── pages/
│   ├── home/               # 首页
│   ├── login/              # 登录页
│   ├── profile/            # 个人中心
│   ├── product/            # 商品相关页面
│   ├── order/              # 订单相关页面
│   ├── chat/               # 聊天相关页面
│   ├── user/               # 用户相关页面
│   └── search/             # 搜索页面
└── static/                # 静态资源

快速开始

环境要求

JDK 21
Mysql 8.3
Node.js >= 14.0.0
微信开发者工具
微信小程序AppID

安装依赖

npm install

开发模式

# 微信小程序开发
npm run dev:mp-weixin

# H5开发
npm run dev:h5

# App开发
npm run dev:app

构建发布

# 微信小程序构建
npm run build:mp-weixin

# H5构建
npm run build:h5

# App构建
npm run build:app

API接口

项目已按照接口文档 FeHelper-20250826164941.json 完成了API对接，主要包括：

认证管理

微信登录

用户管理

用户信息获取/更新
实名认证
地址管理
收藏管理

商品管理

商品列表/详情
商品发布
商品搜索

订单管理

订单创建/查询
订单状态管理
支付/发货

聊天管理

聊天列表
消息发送/接收
已读状态

配置说明

1. 微信小程序配置

在 manifest.json 中配置微信小程序相关信息：

{
  "mp-weixin": {
    "appid": "你的微信小程序AppID",
    "setting": {
      "urlCheck": false
    }
  }
}

2. 后端服务配置

在 utils/request.js 中配置后端服务地址：

const BASE_URL = 'http://127.0.0.1:8080'

3. 文件上传配置

确保后端文件上传服务正常运行，支持以下接口：

/upload/image - 单张图片上传
/upload/images - 批量图片上传

开发指南

1. 页面开发

所有页面都使用Vue3 Composition API开发，遵循以下规范：

使用 <script setup> 语法
统一使用 @/utils/api.js 中的API接口
使用 @/utils/common.js 中的工具函数

2. 样式开发

使用SCSS预处理器
遵循BEM命名规范
使用CSS变量管理主题色彩

3. 组件开发

优先使用uni-ui组件库
自定义组件放在 components/ 目录下
组件命名使用PascalCase

部署说明

微信小程序部署

使用微信开发者工具打开项目
点击"上传"按钮
在微信公众平台提交审核
审核通过后发布

注意事项

确保后端服务正常运行
配置正确的域名白名单
测试所有功能模块
检查网络请求是否正常

常见问题

1. 编译错误

如果遇到编译错误，请检查：

Node.js版本是否符合要求
依赖是否正确安装
代码语法是否正确

2. 网络请求失败

如果网络请求失败，请检查：

后端服务是否正常运行
网络连接是否正常
API接口地址是否正确

3. 微信登录失败

如果微信登录失败，请检查：

AppID配置是否正确
微信开发者工具是否登录
网络环境是否正常

更新日志

v1.0.0 (2024-08-26)

完成基础功能开发
实现微信登录
完成API接口对接
优化UI设计

贡献指南

Fork 项目
创建功能分支
提交代码
创建 Pull Request

许可证

MIT License

联系方式

付费30元获取后端代码如有问题或建议，请通过以下方式联系：

邮箱: 2136724482@qq.com
微信: Jul_54088

二手商城交易平台 二手交易平台