# shop-app-client1

**Repository Path**: jalymg/shop-app-client1

## Basic Information

- **Project Name**: shop-app-client1
- **Description**: 该L-Mall前台基于Vue2，其中对router、axios进行了封装，使用ElementUl作为UI框架，共有首页、商品详情、店铺详情、购物车、订单详情等模块，欢迎大家浏览使用。
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-04-17
- **Last Updated**: 2024-05-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: vue2, ElementUI, vueRouter3, Vuex, webpack

## README

# Vue 2 + Webpack3

# npm install

# npm run dev

<a href="https://gitee.com/lijintsang/shop-app-client1" target="_blank">L-Mall前端前台源码</a></br></br>

<a href="https://gitee.com/lijintsang/shop-app-admin1" target="_blank">L-Mall前端后台源码</a></br></br>

<a href="https://gitee.com/lijintsang/shop-serve1" target="_blank">L-Mall后端源码</a>

```javascript
|-- node_modules                           // 包依赖
|-- config
    |-- index.js                           // 配置信息
    |-- dev.env.js                         // 开发环境变量
    |-- prod.env.js                        // 生产环境变量
|-- src
    |-- api                                // 接口目录
        |-- user.js                        // 用户接口
        |-- store.js                       // 店铺接口
        |-- order.js                       // 订单接口
        |-- goods.js                       // 商品接口
    |-- assets                             // 静态文件资源
    |-- components
        |-- header.vue                     // 顶部
        |-- right-aside.vue                // 右侧组件---一键置顶
        |-- register.vue                   // 注册组件
    |-- layout
        |-- index.vue                      // 布局
    |-- router
        |-- modules
            |-- home.js                    // 首页相关路由
            |-- user.js                    // 登录路由
        |-- index.js                       // 根路由(导航守卫)
    |-- vuex
        |-- store.js                       // 状态管理vuex
    |-- utils
        |-- publicFunction.js              // 公用方法
        |-- http.js                        // 请求封装
        |-- cancel.js                      // 取消请求封装
    |-- views
        |-- home.vue                       // 首页
        |-- detail.vue                     // 商品详情
        |-- login.vue                      // 登录
    |-- App.vue                            // 根组件
    |-- main.js                            // 主入口
```

# 项目演示

首页
![](https://gitee.com/lijintsang/shop-app-client1/raw/master/src/assets/%E9%A6%96%E9%A1%B5.jpg)

商品详情
![](https://gitee.com/lijintsang/shop-app-client1/raw/master/src/assets/%E5%95%86%E5%93%81%E8%AF%A6%E6%83%85.jpg)

店铺详情
![](https://gitee.com/lijintsang/shop-app-client1/raw/master/src/assets/%E5%BA%97%E9%93%BA%E8%AF%A6%E6%83%85.jpg)

购物车
![](https://gitee.com/lijintsang/shop-app-client1/raw/master/src/assets/%E8%B4%AD%E7%89%A9%E8%BD%A6.jpg)

订单详情
![](https://gitee.com/lijintsang/shop-app-client1/raw/master/src/assets/%E8%AE%A2%E5%8D%95%E8%AF%A6%E6%83%85.jpg)