mall-admin-web README

The project's README from github.com/macrozheng/mall-admin-web. As one markdown file: README.md.

mall-admin-web

公众号 交流 后台项目 SpringCloud版本 码云

友情提示

  1. 快速体验项目：在线访问地址 。
  2. 全套学习教程：《mall学习教程》 。
  3. 分支说明：master分支基于Vue3+Element-Plus，dev-v2分支基于Vue2+Element。

前言

该项目为前后端分离项目的前端部分，后端项目mall地址：传送门 。

项目介绍

mall-admin-web是一个电商后台管理系统的前端项目，基于Vue3+Element-Plus实现。主要包括商品管理、订单管理、会员管理、促销管理、运营管理、内容管理、统计报表、财务管理、权限管理、设置等功能。

项目演示

项目在线演示地址：https://www.macrozheng.com/admin/

后台管理系统功能演示

技术选型

技术 说明 官网
Vue 前端框架 https://cn.vuejs.org/
Element Plus 前端UI框架 https://element-plus.org/
Vue Router 路由框架 https://router.vuejs.org/
Pinia 全局状态管理框架 https://pinia.vuejs.org/
Pinia Plugin Persistedstate Pinia持久化插件 https://prazdevs.github.io/pinia-plugin-persistedstate/
Axios 前端HTTP框架 https://github.com/axios/axios
vue-charts 基于Echarts的图表框架 https://github.com/ecomfe/vue-echarts
TinyMCE Vue 富文本编辑器 https://github.com/tinymce/tinymce-vue
Js-cookie cookie管理工具 https://github.com/js-cookie/js-cookie
vue-element-admin 项目脚手架 https://github.com/PanJiaChen/vue-element-admin

项目布局

src -- 源码目录
├── apis -- axios网络请求接口定义
├── assets -- 静态图片资源文件
├── components -- 通用组件封装
├── icons -- svg矢量图片文件
├── router -- vue-router路由配置
├── store -- pinia的状态管理
├── styles -- 全局css样式
├── types -- 类型定义
├── utils -- 工具类
└── views -- 前端页面
    ├── home -- 首页
    ├── layout -- 通用页面框架
    ├── normal -- 常用页面（login和404）
    ├── oms -- 订单模块页面
    ├── pms -- 商品模块页面
    ├── sms -- 商品模块页面
    └── ums -- 用户模块页面

搭建步骤

公众号

加微信群交流，公众号后台回复「加群」即可。

公众号图片

许可证

Apache License 2.0

Copyright (c) 2018-2026 macrozheng

mall-admin-web (macrozheng/mall-admin-web)

Searching Database…

12.6K ·GitHub
Mall-admin-web
这是什么？这是电商后台管理系统的前端管理面板，涵盖商品、订单、会员、营销、运营、内容、统计、财务和权限管理。
这是独立应用，还是需要后端？这是前后端分离项目中的纯前端部分。要正常运行，需要配套的后端项目 'mall'，除非你将其指向在线演示 API。
我该怎么运行起来？安装 Node.js v20+，克隆仓库，运行 'npm install'，再运行 'npm run dev'，然后打开终端中显示的开发服务器地址。
我需要自己搭建后端，还是可以直接使用在线 API？你可以跳过后端搭建，把 .env.development 中的 VITE_BASE_SERVER_URL 改为在线 API 地址。如果想连接 'mall-swarm' 微服务版本，则所有请求都必须经过它的网关。
这是最新的技术栈吗，还是有旧版本？master 分支使用 Vue 3 + Element Plus。另有一个 dev-v2 分支，仍基于 Vue 2 + Element，适用于旧环境。
它使用什么 UI 框架和图表库？它基于 Vue 3 和 Element Plus UI 框架构建，使用 Vue Router 进行路由管理，Pinia 进行状态管理，Axios 发送 HTTP 请求。报表则采用基于 Echarts 的 vue-charts 库。
它包含富文本编辑器吗？包含。它内置 TinyMCE Vue 作为富文本编辑器，例如用于编辑商品描述。
有配套的学习资源吗？有。作者提供了完整教程'mall学习教程'，并附带后台管理面板的在线演示。
我该如何部署到生产环境？README 提供了一份专门的前端项目安装与部署指南，另外还有一份使用 Jenkins 自动化部署的单独指南。
What are similar projects?vuestic-admin, vue-element-admin, vue-admin-better, vue-admin-template, d2-admin, vue2-manage, iview-admin, vhr
Which topics is it in?axios, element-ui, vue-router, vuex, markdown-editor, vuejs, vue3, ecommerce, admin-dashboard, charts, vue, china
Creator
macrozheng
Size
2.7 MB
Stars
12.6K
Updated
CommitMay 14Releasev1.0.0Dec 15
Age
8y
Commits · 90 Days