{"id":25165822,"url":"https://github.com/hexianweb/mall_manager_pro","last_synced_at":"2025-04-03T17:22:30.552Z","repository":{"id":159813242,"uuid":"614840681","full_name":"hexianWeb/Mall_manager_Pro","owner":"hexianWeb","description":"Vue3 + Vite + tailwindCss + TypeScript 后台商城管理","archived":false,"fork":false,"pushed_at":"2023-08-28T06:08:42.000Z","size":4687,"stargazers_count":4,"open_issues_count":3,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-02-09T05:46:56.021Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/hexianWeb.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2023-03-16T12:35:07.000Z","updated_at":"2024-12-04T13:16:38.000Z","dependencies_parsed_at":null,"dependency_job_id":"bc3852a6-427a-4ba1-a2e2-1939fb101c5f","html_url":"https://github.com/hexianWeb/Mall_manager_Pro","commit_stats":null,"previous_names":["hexianweb/mall_manager_pro"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hexianWeb%2FMall_manager_Pro","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hexianWeb%2FMall_manager_Pro/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hexianWeb%2FMall_manager_Pro/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hexianWeb%2FMall_manager_Pro/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/hexianWeb","download_url":"https://codeload.github.com/hexianWeb/Mall_manager_Pro/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247043550,"owners_count":20874125,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-02-09T05:46:58.933Z","updated_at":"2025-04-03T17:22:30.524Z","avatar_url":"https://github.com/hexianWeb.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Vue3 + TS 实战商城后台管理系统开发\n\n\u003e 作者 hexianWeb\n\n此项目是对 网易云课堂 [Vue3 实战商城后台管理系统开发](https:/study.163.com/course/introduction/1212775807.htm?inLoc=lmxq_sjlm_400000001334002_480000004203012\u0026share=1\u0026shareId=1390841715) 的一次全面改进。\n对我来说，这是 **Vue3 实战商城后台管理系统开发** 是一个很好的项目，仅仅存在一些很小的瑕疵！这些应该都是老师为了照顾技术还没有那么成熟的学院做出的牺牲！\n没有加入 typescript 、tsx 、组件封装功能过少，这些都是我在看这门课时想要去改进的东西。我觉得这是一很好的项目，不应该因为一点点的缺憾而被学员在选择课程时因为 “技术栈不够新” 而从学习计划删除掉！我绝对翻新这门课程的代码，和想要进阶的同学一起看看这个项目的**终极形态**\n\n## 项目概览\n\n本项目基于原帝莎 IT 学院 《 Vue3 实战商城后台管理系统开发》的二次改进与开发。\n\n基于 Vue3 + ElementPlus + Vite + TypeScript + TailwindCss 实战开发商城后台管理系统\n\n其中包括 Vite 的使用，Vue3 全新的`\u003cscript setup\u003e`语法，vuex4、Vue-router4、使用 ElementPlus \u0026 TailwindCss 库。\n\n后台管理系统包含数据面板、轮播图管理、商品管理、订单管理、会员管理、分类管理、设置等模块。\n\n## 项目演示 (部分页面)\n\n**首页页面**\n\n![主控台](./readme/login.png)\n\n**主控台页面**\n\n![主控台](./readme/首页.png)\n\n**商品页面**\n\n![](./readme/商品页.png)\n\n**优惠券页面**\n\n![](./readme/优惠券.png)\n\n**评论页面**\n\n![](./readme/评论.png)\n\n**权限页面**\n\n![](./readme/权限控制.png)\n\n**订单管理**\n\n![](./readme/订单管理.png)\n\n**图库管理**\n\n![](./readme/图库模块.png)\n\n**评论管理**\n\n![](./readme/评论.png)\n\n## 项目结构\n\n```\n├── src\n│   ├── api\t\t\t\t      # API 接口管理\n│   ├── App.vue\t\t      # 项目主组件\n│   ├── assets\t\t      # 静态资源文件\n│   ├── base-ui\t\t      # 基础样式组件\n│   ├── components\t    # 业务组件\n│   ├── constants\t\t\t  # 全局配置项\n│   ├── directives\t\t\t# 全局指令文件\n│   ├── hooks\t\t\t\t    # 常用 Hooks 封装\n│   ├── main.ts\t\t\t\t  # 项目入口文件\n│   ├── router\t\t\t\t  # 路由管理\n│   ├── service\t\t\t\t  # 请求封装\n│   ├── stores\t\t\t\t  # 全局数据管理\n│   ├── utils\t\t\t\t    # 常用工具类\n│   ├── views\t\t\t\t    # 页面视图集\n|    |   ├── access\t\t\t\t# 权限管理页面\n|    |   ├── category\t\t\t# 分类管理\n|    |   ├── comment\t\t\t# 评论管理\n|    |   ├── coupon\t\t\t\t# 优惠券管理\n|    |   ├── distribution\t# 分销管理\n|    |   ├── goods \t\t\t\t# 商品管理\n|    |   ├── image\t\t\t\t# 图库管理\n|    |   ├── index\t\t\t\t# 主控台\n|    |   ├── level\t\t\t\t# 会员等级\n|    |   ├── login\t\t\t\t# 登录页面\n|    |   ├── main\t\t\t\t  # router View 挂载组件\n|    |   ├── manager\t\t\t# 管理员管理\n|    |   ├── not-found\t\t# 404 页面\n|    |   ├── notice\t\t\t\t# 公告管理\n|    |   ├── order\t\t\t\t# 订单管理\n|    |   ├── role\t\t\t\t  # 角色管理\n|    |   ├── setting\t\t\t# 基础设置\n|    |   ├── skus\t\t\t\t  # 规格管理\n|    |   └── user\t\t\t\t  # 用户管理\n|   └── vite-env.d.ts\n├── tailwind.config.js\n├── tsconfig.json\n├── tsconfig.node.json\n└── vite.config.ts\n├── auto-imports.d.ts\n├── CHANGELOG.md\n├── commitlint.config.js\n├── components.d.ts\n├── index.html\n├── package.json\n├── pnpm-lock.yaml\n└──  postcss.config.js\n```\n\n## 本地开发环境配置\n\n- 克隆项目到本地\n\n```apl\nhttps://github.com/hexianWeb/Mall_manager_Pro.git\n```\n\n- 安装依赖\n\n```bash\npnpm install\n```\n\n- 本地启动\n\n```basic\npnpm run dev\n```\n\n## 最后一些话\n\n当我构建这个商城后台管理系统的时候，我一直怀着一颗开放的心。我希望每个人都能随意使用这个系统，无需拘束，尽情发挥自己的想象力和创意。技术的世界充满了无限的可能性，而我深信，只要我们不断努力，我们的技术将会越来越好。\n\n愿你们在使用这个系统的过程中，能够找到便利和乐趣。愿你们的创意和激情在技术的海洋中迸发出耀眼的光芒。无论你是谁，无论你来自何方，我都衷心祝愿你的技术之旅充满成就和喜悦。\n\n让我们一起探索、学习、创造，共同构建一个更美好的技术世界。前路虽有挑战，但正是这些挑战让我们变得更强大。让我们一起迎接未来，以开放的心态，创造出更多令人惊叹的技术成就！\n\n祝福大家，技术越发展越好！\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhexianweb%2Fmall_manager_pro","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhexianweb%2Fmall_manager_pro","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhexianweb%2Fmall_manager_pro/lists"}