README.md · zy/xiaotu-fresh-shopping

# xiaotu-fresh-shopping

This template should help get you started developing with Vue 3 in Vite.

## Recommended IDE Setup

[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).

## Customize configuration

See [Vite Configuration Reference](https://vitejs.dev/config/).

## Project Setup

```sh
pnpm install
```

### Compile and Hot-Reload for Development

```sh
pnpm dev
```

### Compile and Minify for Production

```sh
pnpm build
```

### Lint with [ESLint](https://eslint.org/)

```sh
pnpm lint
```
## 项目基于vue技术来实现：
```sh
vue3.0 (使用组合api的方式来开发)
vue-cli (项目脚手架)
axios (请求接口)
vue-router (单页路由)
pinia (状态管理)
vuex-persistedstate (vuex数据持久化)
normalize.css (初始化样式)
@vueuse/core (组合api常用工具库)
算法 Power Set(opens new window)
dayjs (日期处理)
vee-validate （表单校验）
```
## 目标功能：
### 首页模块：
```sh
顶部通栏，吸顶导航，网站头部，左侧分类，轮播图，新鲜好物，人气推荐，热门品牌，分类商品推荐，专题推荐，网站底部。
一级分类：面包屑，轮播图，全部二级分类，二级分类推荐商品。
二级分类：筛选区域，排序功能，商品列表，无限加载。
```
### 商品详情：
```sh
商品图片展示，基本信息展示，配送城市选择，SKU选择，库存选择，商品详情展示，商品评价展示，24小时热销，相关专题，加入购物车。
```
### 购物车
```sh
头部购物车：展示商品数量和列表，删除商品，跳转购物车页面。
购物车页面：购物车商品展示，选择商品，修改数量，修改商品规格，价格计算，跳转下单
填写订单：订单商品展示，收货地址选择，收货地址修改，支付方式选择，生成订单。
进行支付：订单信息展示，跳转支付网关，提示正在支付，等待支付结果，跳转支付成功页面。
```
### 个人中心
```sh
登录模块：表单校验，账户密码登录，手机号登录，第三方登录，绑定手机，完善信息
中心首页：展示个人信息，近期收藏商品，近期足迹，猜你喜欢
订单管理：全部订单，待付款，待发货，待收货，待评价，已完成，已取消。立即付款，取消订单，确认收货，删除订单，查看物流。
订单详情：订单状态，订单进度，详细信息
```
## 接口文档
```sh
https://zhoushugang.gitee.io/erabbit-client-pc-document/api.html
```

![Alt text](image-1.png)

zy/xiaotu-fresh-shopping

简介

发行版

贡献者

近期动态

zy/xiaotu-fresh-shopping .gitee-modal { width: 500px !important; }

简介

发行版

贡献者

近期动态

搜索帮助

zy/xiaotu-fresh-shopping