作者 hexianWeb
此项目是对 网易云课堂 Vue3 实战商城后台管理系统开发 的一次全面改进。 对我来说，这是 Vue3 实战商城后台管理系统开发 是一个很好的项目，仅仅存在一些很小的瑕疵！这些应该都是老师为了照顾技术还没有那么成熟的学院做出的牺牲！ 没有加入 typescript 、tsx 、组件封装功能过少，这些都是我在看这门课时想要去改进的东西。我觉得这是一很好的项目，不应该因为一点点的缺憾而被学员在选择课程时因为 “技术栈不够新” 而从学习计划删除掉！我绝对翻新这门课程的代码，和想要进阶的同学一起看看这个项目的终极形态
本项目基于原帝莎 IT 学院 《 Vue3 实战商城后台管理系统开发》的二次改进与开发。
基于 Vue3 + ElementPlus + Vite + TypeScript + TailwindCss 实战开发商城后台管理系统
其中包括 Vite 的使用，Vue3 全新的<script setup>语法，vuex4、Vue-router4、使用 ElementPlus & TailwindCss 库。
后台管理系统包含数据面板、轮播图管理、商品管理、订单管理、会员管理、分类管理、设置等模块。
首页页面
主控台页面
商品页面
优惠券页面
评论页面
权限页面
订单管理
图库管理
评论管理
├── src
│ ├── api # API 接口管理
│ ├── App.vue # 项目主组件
│ ├── assets # 静态资源文件
│ ├── base-ui # 基础样式组件
│ ├── components # 业务组件
│ ├── constants # 全局配置项
│ ├── directives # 全局指令文件
│ ├── hooks # 常用 Hooks 封装
│ ├── main.ts # 项目入口文件
│ ├── router # 路由管理
│ ├── service # 请求封装
│ ├── stores # 全局数据管理
│ ├── utils # 常用工具类
│ ├── views # 页面视图集
| | ├── access # 权限管理页面
| | ├── category # 分类管理
| | ├── comment # 评论管理
| | ├── coupon # 优惠券管理
| | ├── distribution # 分销管理
| | ├── goods # 商品管理
| | ├── image # 图库管理
| | ├── index # 主控台
| | ├── level # 会员等级
| | ├── login # 登录页面
| | ├── main # router View 挂载组件
| | ├── manager # 管理员管理
| | ├── not-found # 404 页面
| | ├── notice # 公告管理
| | ├── order # 订单管理
| | ├── role # 角色管理
| | ├── setting # 基础设置
| | ├── skus # 规格管理
| | └── user # 用户管理
| └── vite-env.d.ts
├── tailwind.config.js
├── tsconfig.json
├── tsconfig.node.json
└── vite.config.ts
├── auto-imports.d.ts
├── CHANGELOG.md
├── commitlint.config.js
├── components.d.ts
├── index.html
├── package.json
├── pnpm-lock.yaml
└── postcss.config.js
- 克隆项目到本地
https://github.com/hexianWeb/Mall_manager_Pro.git- 安装依赖
pnpm install- 本地启动
pnpm run dev当我构建这个商城后台管理系统的时候，我一直怀着一颗开放的心。我希望每个人都能随意使用这个系统，无需拘束，尽情发挥自己的想象力和创意。技术的世界充满了无限的可能性，而我深信，只要我们不断努力，我们的技术将会越来越好。
愿你们在使用这个系统的过程中，能够找到便利和乐趣。愿你们的创意和激情在技术的海洋中迸发出耀眼的光芒。无论你是谁，无论你来自何方，我都衷心祝愿你的技术之旅充满成就和喜悦。
让我们一起探索、学习、创造，共同构建一个更美好的技术世界。前路虽有挑战，但正是这些挑战让我们变得更强大。让我们一起迎接未来，以开放的心态，创造出更多令人惊叹的技术成就！
祝福大家，技术越发展越好！