# uniapp

**Repository Path**: training-group_14/vue

## Basic Information

- **Project Name**: uniapp
- **Description**: 在线购物前端 uniapp
- **Primary Language**: Unknown
- **License**: AGPL-3.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-06-09
- **Last Updated**: 2025-06-20

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 项目简介

这是一个基于 Vue.js 和 Uni-app 开发的多端电商应用，支持商品浏览、购物车管理、订单处理等功能。项目结构清晰，适用于小程序、H5 等多个平台。

## 技术栈

- Vue.js
- Uni-app
- Sass/SCSS
- Vite
- Nginx（用于部署 H5 端）

## 功能模块

- 商品分类与展示
- 购物车管理
- 订单提交与支付
- 用户登录与注册
- 地址管理
- 搜索功能
- 新闻资讯展示
- 优惠券与收藏功能

# 安装说明

## 环境准备

- Node.js (建议 v16.x 或更高版本)
- npm 或 yarn
- 微信开发者工具（如需运行小程序）

## 安装步骤

1. 克隆项目到本地：

   ```bash
   git clone <仓库地址>
   ```

2. 进入项目目录并安装依赖：

   ```bash
   cd <项目目录>
   npm install
   ```

3. 启动开发服务器：

   ```bash
   npm run dev
   ```

4. 构建生产环境包：

   ```bash
   npm run build
   ```

# 使用说明

## 运行项目

- H5 端：运行 `npm run dev` 后访问 `http://localhost:3000/h5`
- 小程序：使用微信开发者工具导入项目并运行

## 主要页面

- 首页 (`/pages/index/index.vue`)
- 分类页 (`/pages/category/category.vue`)
- 商品详情页 (`/pages/prod/prod.vue`)
- 购物车 (`/pages/basket/basket.vue`)
- 用户中心 (`/pages/user/user.vue`)
- 订单列表 (`/pages/orderList/orderList.vue`)
- 登录注册 (`/pages/accountLogin/accountLogin.vue`)

## 样式与资源

- 公共样式文件位于 `src/app.css` 和 `src/uni.scss`
- 图片资源存放在 `src/static/images/` 目录下
- 所有组件和页面都遵循统一的 UI 风格

## 工具函数

- `src/utils/http.js`：封装了网络请求
- `src/utils/util.js`：通用工具函数
- `src/utils/cart.js`：购物车相关操作
- `src/utils/login.js`：登录逻辑处理
- `src/utils/crypto.js`：加密解密功能

# 部署说明

## H5 部署

1. 构建项目：

   ```bash
   npm run build
   ```

2. 将 `dist/build/h5` 目录下的文件部署到 Nginx 服务器
3. 配置 Nginx（参考 `nginx.conf` 文件）

# 贡献指南

欢迎贡献代码！请遵循以下步骤：

1. Fork 项目
2. 创建新分支 (`git checkout -b feature/new-feature`)
3. 提交更改 (`git commit -am 'Add new feature'`)
4. 推送分支 (`git push origin feature/new-feature`)
5. 创建 Pull Request