# shop-app-admin1

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

## Basic Information

- **Project Name**: shop-app-admin1
- **Description**: 该L-Mall后台基于Vue3+ts，其中对router、axios、pinia进行了封装，使用NaiveUl作为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**: vue3, TypeScript, Pinia, vueRouter4, naiveui

## README

# Vue 3 + Typescript + Vite

# npm run dev

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

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

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

```javascript
|-- node_modules                           // 包依赖
|-- public                                 // 主题logo
    |-- favicon.ico
|-- src
    |-- api                                // 接口目录
        |-- user                           // 用户接口
            |-- index.d.ts
            |-- index.ts
        |-- goods                          // 商品接口
            |-- index.d.ts
            |-- index.ts
        |-- order                          // 订单接口
            |-- index.d.ts
            |-- index.ts
        |-- store                          // 店铺接口
            |-- index.d.ts
            |-- index.ts
        |-- statis                         // 统计接口
            |-- index.d.ts
            |-- index.ts
    |-- assets                             // 静态文件资源
    |-- components
        |-- aside
            |-- index.vue                  // 侧边
        |-- footer
            |-- index.vue                  // 底部
        |-- header
            |-- index.vue                  // 顶部
        |-- home-components
            |-- upload.vue                 // 上传组件
            |-- user-info.vue              // 用户注册组件
        |-- statis-components
            |-- goods-action.vue           // 商品操作统计
            |-- role-num.vue               // 角色数量统计
            |-- sort-goods.vue             // 分类商品统计
            |-- store-goods.vue            // 店铺商品统计
            |-- user-address.vue           // 用户地址统计
    |-- enums
        |-- appEnum.ts                     // 全局变量
        |-- httpEnum.ts                    // 接口变量
    |-- layout
        |-- index.vue                      // 布局
    |-- router
        |-- modules
            |-- home.ts                    // 首页相关路由
        |-- guard.ts                       // 路由导航守卫
        |-- index.ts                       // 根路由
    |-- store
        |-- modules
            |-- user.ts                    // 用户状态管理
        |-- index.ts                       // 状态管理pinia
    |-- utils
        |-- auth.ts                        // 用户信息相关缓存方法
        |-- error-code-type.ts                         // 错误code码信息
        |-- publicFunction.ts                       // 公用方法
        |-- http.d.ts                      // 请求ts模型
        |-- http.ts                        // 请求第二次封装
        |-- cancel.ts                      // 封装 取消请求
        |-- is.ts                          // 判断是什么
        |-- http0.ts                       // 请求第一次封装
    |-- views
        |-- home
            |-- user.vue                   // 用户管理
            |-- goods.vue                  // 商品管理
            |-- order.vue                  // 订单管理
            |-- store.vue                  // 店铺管理
            |-- statistics.vue             // 数据统计
            |-- recommend.vue              // 商品推荐
        |-- login
            |-- login.vue                  // 登陆注册
    |-- App.vue                            // 根组件
    |-- main.ts                            // 主入口
```

# 项目演示

登录
![](https://gitee.com/lijintsang/shop-app-admin1/raw/master/src/assets/%E7%99%BB%E5%BD%95.jpg)

商品管理
![](https://gitee.com/lijintsang/shop-app-admin1/raw/master/src/assets/%E5%95%86%E5%93%81%E7%AE%A1%E7%90%86.jpg)

商品管理-深色模式
![](https://gitee.com/lijintsang/shop-app-admin1/raw/master/src/assets/%E5%95%86%E5%93%81%E7%AE%A1%E7%90%86-%E6%B7%B1%E8%89%B2%E6%A8%A1%E5%BC%8F.jpg)

店铺管理-深色模式
![](https://gitee.com/lijintsang/shop-app-admin1/raw/master/src/assets/%E5%BA%97%E9%93%BA%E7%AE%A1%E7%90%86-%E6%B7%B1%E8%89%B2%E6%A8%A1%E5%BC%8F.jpg)

商品推荐
![](https://gitee.com/lijintsang/shop-app-admin1/raw/master/src/assets/%E5%95%86%E5%93%81%E6%8E%A8%E8%8D%90.jpg)

数据统计
![](https://gitee.com/lijintsang/shop-app-admin1/raw/master/src/assets/%E6%95%B0%E6%8D%AE%E7%BB%9F%E8%AE%A1.jpg)