## 尚品汇后台管理系统
采用 vue3 全家桶(vite+pinia+element-plus+vue-router@4)
查看[更新日志](./CHANGELOG.md)
## 使用方式
### install
```
pnpm install
```
### run
```
pnpm run dev
```
### build
```
pnpm run build:prod
```
## 预览地址
[http://113.141.166.99/](http://113.141.166.99:3007/#/index)
## 功能介绍
- 使用 Vue3.2.45 + TypeScript 开发
- 采用 Vite4.0 作为项目开发、打包工具(配置 Gzip 打包、TSX 语法、跨域代理……)
- 使用 Prettier 统一格式化代码,集成 Eslint、Stylelint 代码校验规范
- 使用 husky、lint-staged、commitlint、commitizen、cz-git 规范提交信息
- 使用 Pinia 替代 Vuex,轻量、简单、易用, 集成 Pinia 持久化插件
- 使用 TypeScript 对 Axios 整个二次封装
- 基于 Element-plus 二次封装 [ProTable](https://juejin.cn/post/7166068828202336263) 组件,基于配置化去开发常用的表格。
- 支持页面全屏展示
- 支持菜单权限的配置和管理
- 支持三种方式(指令,hooks,组件)的按钮级别的权限控制
- 支持暗黑模式的切换
- 支持自定义主题切换
- 支持 i18n 国际化
- 自定义指令开发
## 文件目录介绍
```
guiug-sph-mall-admin
├─ .husky # husky 配置文件
├─ .vscode # VSCode 推荐配置
├─ mock # mock数据
├─ public # 静态资源文件(该文件夹不会被打包)
├─ scripts # 脚本文件
├─ src
│ ├─ api # API 接口管理
│ ├─ assets # 静态资源文件
│ ├─ components # 全局组件
│ ├─ config # 全局配置项
│ ├─ directives # 全局指令文件
│ ├─ enums # 项目常用枚举
│ ├─ hooks # 常用 Hooks 封装
│ ├─ languages # 语言国际化 i18n
│ ├─ layouts # 框架布局模块
│ ├─ routers # 路由管理
│ ├─ stores # pinia store
│ ├─ styles # 全局样式文件
│ ├─ typings # 全局 ts 声明
│ ├─ utils # 常用工具库
│ ├─ views # 项目所有页面
│ ├─ App.vue # 项目主组件
│ ├─ env.d.ts # 指定 ts 识别 vue
│ └─ main.ts # 项目入口文件
├─ .editorconfig # 统一不同编辑器的编码风格
├─ .env.development # 开发环境配置
├─ .env.production # 生产环境配置
├─ .env.test # 测试环境配置
├─ .eslintignore # 忽略 Eslint 校验
├─ .eslintrc.cjs # Eslint 校验配置文件
├─ .gitignore # 忽略 git 提交
├─ .prettierignore # 忽略 Prettier 格式化
├─ .prettierrc.json # Prettier 格式化配置
├─ .stylelintignore # 忽略 stylelint 格式化
├─ .stylelintrc.js # stylelint 样式格式化配置
├─ commitlint.config.js # git 提交规范配置
├─ index.html # 入口 html
├─ LICENSE # 开源协议文件
├─ lint-staged.config # lint-staged 配置文件
├─ pnpm-lock.json # 依赖包包版本锁
├─ package.json # 依赖包管理
├─ README.md # README 介绍
├─ STANDARD.md # 项目编码规范说明书
├─ tsconfig.json # typescript 全局配置
└─ vite.config.ts # vite 全局配置文件
```
## 项目截图
### 1.登陆页
![](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/cc43ab2effde43848d19df6e53125753~tplv-k3u1fbpfcp-zoom-1.image)
### 2.首页
![](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/6d13f40912a64edbb0050c6966fc58b1~tplv-k3u1fbpfcp-zoom-1.image)
### 3.主题切换
![](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/fb449a5f916242a3956a95a4a39f7cd5~tplv-k3u1fbpfcp-zoom-1.image)
### 4.暗黑模式
![](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/96123e9e16ff4274acb2c01c0e2f3af9~tplv-k3u1fbpfcp-zoom-1.image)
## 代码仓库
https://gitee.com/guigu-fe/guigu-sph-mall-admin
本项目后续会集成更多好玩业界解决方案,欢迎大家持续关注,提 issues。
## 文章教程系列
- [vue3 admin 保姆教学指南 | 项目规范集成教程,看完秒懂项目中各种奇怪的文件和配置](https://juejin.cn/post/7195080019394166842)
- [vue3 admin 保姆教学指南 | 一文让你彻底上手 vue3 全家桶,集成 pinia+element-plus+vue-router@4](https://juejin.cn/post/7196852501190082616)
- [vue3 admin 保姆教学指南|关于使用 typescript 二次封装 Axios 的特别说明](https://juejin.cn/post/7214146630467305530)
- [vue3 admin 保姆教学指南|关于 pinia 的使用](https://juejin.cn/post/7214342319348138041)
- [vue3 admin 保姆教学指南|登录和菜单权限的实现](https://juejin.cn/post/7215035912186413115)
- [vue3 admin 保姆教学指南|后台管理系统的 Layout 实现](https://juejin.cn/post/7215125397347680314)
- [vue3 admin 保姆教学指南| element-plus 如何实现主题切换和暗黑模式](https://juejin.cn/post/7215485221830852665)
- [vue3 admin 开发中的奇淫巧技|在 vue 中如何刷新当前页面](https://juejin.cn/post/7216130963276644407)
- 未更新完...
没有合适的资源?快使用搜索试试~ 我知道了~
Vue3+Element Plus后台管理系统模版.zip
共166个文件
ts:76个
vue:36个
scss:10个
需积分: 0 6 下载量 164 浏览量
2024-01-02
21:14:22
上传
评论
收藏 1.21MB ZIP 举报
温馨提示
Vue3,springboot,element-ui使用技巧,实战应用开发小系统参考资料,源码参考。 详细介绍了一些Qt框架的各种功能和模块,以及如何使用Qt进行GUI开发、网络编程和跨平台应用开发等。 适用于初学者和有经验的开发者,能够帮助你快速上手Qt并掌握其高级特性。
资源推荐
资源详情
资源评论
收起资源包目录
Vue3+Element Plus后台管理系统模版.zip (166个子文件)
.eslintrc.cjs 2KB
.stylelintrc.cjs 2KB
commitlint.config.cjs 548B
commit-msg 69B
.env.development 190B
.eslintignore 71B
.gitignore 253B
index.html 374B
background.jpg 47KB
preinstall.js 218B
package.json 3KB
tsconfig.json 757B
tsconfig.node.json 184B
.prettierrc.json 176B
extensions.json 75B
LICENSE 1KB
README.md 5KB
CHANGELOG.md 726B
401.png 57KB
logo.png 41KB
404.png 23KB
login_form.png 10KB
cloud.png 2KB
notData.png 1KB
notData.png 1KB
tabbar-bg.png 301B
pre-commit 69B
.prettierignore 69B
.env.production 208B
reset.scss 6KB
variable.scss 2KB
theme.scss 2KB
index.scss 2KB
index.scss 2KB
element.scss 1KB
index.scss 1KB
index.scss 480B
index.scss 143B
font.scss 84B
.stylelintignore 42B
welcome.svg 42KB
loading.svg 3KB
full-screen.svg 1KB
exit-full.svg 1KB
logout.svg 1KB
lock.svg 1KB
refresh.svg 975B
copyright.svg 908B
home.svg 703B
vue.svg 496B
.env.test 183B
useTable.ts 5KB
initDynamicRouter.ts 4KB
tabsBar.ts 4KB
index.ts 3KB
types.ts 3KB
account.ts 2KB
color.ts 2KB
user.ts 2KB
types.ts 2KB
permission.ts 2KB
vite.config.ts 2KB
index.ts 2KB
useTheme.ts 2KB
global.d.ts 2KB
constantRoutes.ts 1KB
useHandleData.ts 1KB
types.ts 1KB
role.ts 1KB
auth.ts 1KB
trademark.ts 1KB
types.ts 1KB
user.ts 1KB
dynamicRoutes.ts 1KB
banner.ts 1KB
index.ts 1KB
_utils.ts 1KB
cache.ts 1019B
attr.ts 1011B
useSelection.ts 993B
main.ts 983B
settings.ts 833B
user-list.ts 809B
coupon.ts 764B
getEnv.ts 750B
category.ts 718B
useAuthButtons.ts 700B
types.ts 648B
auth.ts 648B
index.ts 632B
index.ts 607B
IconifyIcon.ts 580B
activity.ts 551B
httpEnums.ts 547B
refund-list.ts 544B
index.ts 535B
order-list.ts 524B
sku.ts 521B
index.ts 519B
index.ts 519B
共 166 条
- 1
- 2
资源评论
白话Learning
- 粉丝: 3107
- 资源: 2465
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 筷手引流工具.apk
- 论文(最终)_20240430235101.pdf
- 基于python编写的Keras深度学习框架开发,利用卷积神经网络CNN,快速识别图片并进行分类
- 最全空间计量实证方法(空间杜宾模型和检验以及结果解释文档).txt
- 5uonly.apk
- 蓝桥杯Python组的历年真题
- 2023-04-06-项目笔记 - 第一百十九阶段 - 4.4.2.117全局变量的作用域-117 -2024.04.30
- 2023-04-06-项目笔记 - 第一百十九阶段 - 4.4.2.117全局变量的作用域-117 -2024.04.30
- 前端开发技术实验报告:内含4四实验&实验报告
- Highlight Plus v20.0.1
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功