shop-app-admin1: 该L-Mall后台基于Vue3+ts，其中对router、axios、pinia进行了封装，使用NaiveUl作为UI框架，共有用户管理、商品管理、订单管理、店铺管理、数据统计、商品推荐等模块，欢迎大家浏览使用。

12月28日，「开源中国源创会年终盛典」珠海站再次回归！点击免费报名参会

加入 Gitee

与超过 1200万开发者一起发现、参与优秀开源项目，私有仓库也完全免费：）

该仓库未声明开源许可证文件（LICENSE），使用请关注具体项目描述及其代码上游依赖。

克隆/下载

update README.md. 903c92a

.env.development

package-lock.json

Loading...

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)

该L-Mall后台基于Vue3+ts，其中对router、axios、pinia进行了封装，使用NaiveUl作为UI框架，共有用户管理、商品管理、订单管理、店铺管理、数据统计、商品推荐等模块，欢迎大家浏览使用。

JavaScript 等 4 种语言

取消

暂无发行版

马建仓 AI 助手

尝试更多

代码解读

代码找茬

代码优化

JavaScript

1

https://gitee.com/jalymg/shop-app-admin1.git

git@gitee.com:jalymg/shop-app-admin1.git

jalymg

shop-app-admin1

shop-app-admin1

master