# JYShop

**Repository Path**: XiaoMingStudents/jyshop

## Basic Information

- **Project Name**: JYShop
- **Description**: 基于 Vue.js + ElementUI 构建的Web端前台商城——”千牛教育商城“的前端项目，项目使用原生axios向后端发送请求，数据由后端返回，本项目仅为前端项目，需要配合后端项目一起运行。本商城项目主要集成首页宣传，商品展览，商品分类，收藏商品，购买商品，查询订单等功能。
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 1
- **Created**: 2021-05-31
- **Last Updated**: 2022-01-27

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# JYShop
> 本项目是基于 Vue.js + ElementUI 构建的Web端前台商城——”千牛教育商城“的前端项目，项目使用原生axios向后端发送请求，数据由后端返回，本项目仅为前端项目，需要配合后端项目一起运行。本商城项目主要集成首页宣传，商品展览，商品分类，收藏商品，购买商品，查询订单等功能。

#### 软件架构
- 本系统为前端项目，需要运行后端项目提供接口，后端项目（“JYAdmin”）
- 前端技术栈: H5 + CSS3 + ES6 + Vue.js + VueRouter + ElementUI + axios 

#### 运行步骤

```bash
# 安装项目所需依赖
$ npm install

# 运行项目，运行端口为1200
$ npm run dev

# 项目打包
$ npm run build
```
#### 使用说明
1.  先运行后端项目“JYAdmin”,并在后台管理系统录入相关商品数据
2.  登陆并运行本前台项目即可

#### 项目运行主要功能页面截图。
![输入图片说明](https://images.gitee.com/uploads/images/2021/0603/042429_b00d9a4f_8242662.jpeg "11.JPG")
![输入图片说明](https://images.gitee.com/uploads/images/2021/0603/042439_13fa1ad5_8242662.jpeg "12.JPG")
![输入图片说明](https://images.gitee.com/uploads/images/2021/0603/042452_d2f610b1_8242662.jpeg "13.JPG")
![输入图片说明](https://images.gitee.com/uploads/images/2021/0603/042502_79e727aa_8242662.jpeg "14.JPG")
![输入图片说明](https://images.gitee.com/uploads/images/2021/0603/042515_3972191e_8242662.jpeg "15.JPG")
![输入图片说明](https://images.gitee.com/uploads/images/2021/0603/042526_44de25db_8242662.jpeg "16.JPG")
![输入图片说明](https://images.gitee.com/uploads/images/2021/0603/042542_d7778ae7_8242662.jpeg "17.JPG")
![输入图片说明](https://images.gitee.com/uploads/images/2021/0603/042622_d905c2bc_8242662.jpeg "18.JPG")
![输入图片说明](https://images.gitee.com/uploads/images/2021/0603/042725_2a60c6f2_8242662.jpeg "19.JPG")
![输入图片说明](https://images.gitee.com/uploads/images/2021/0603/042736_ce88c5b6_8242662.jpeg "20.JPG")
![输入图片说明](https://images.gitee.com/uploads/images/2021/0603/042855_6316cbcc_8242662.jpeg "21.JPG")
![输入图片说明](https://images.gitee.com/uploads/images/2021/0603/042905_37136f4d_8242662.jpeg "22.JPG")