Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

coder-czy/YZ-admin

Folders and files

NameName
Last commit message
Last commit date

Latest commit

History

75 Commits

Repository files navigation

YZ admin 🚀

介绍 💥

一个基于 React18、Vite4、react-router6 后台管理模板,旨在让开发者快速搭建后台管理系统,不需要进行基础搭建便可以进行业务功能开发

在线预览 👀

代码仓库 ⭐

技术栈 🔥🔥

  • react18
  • react-router6
  • redux
  • RTK
  • redux-persist
  • vite4
  • antd

功能 💖

  • 数据持久化存储
  • 路由鉴权
  • 动态主题、暗黑模式、灰色模式、色弱模式
  • axios 请求封装
  • 封装 svg 图标组件
  • Prettier 统一格式化代码,集成 ESLint、Stylelint 代码校验规范
  • husky、lint-staged、commitlint、czg、cz-git 规范提交信息

项目截图 📷

  • 登录页:

login

  • 仪表盘:

login

  • 仪表盘(暗黑模式):

login

  • 其他页面

page

目录 📃

YZ-Admin
├─ .github # github仓库配置文件
├─ .husky # 集成 husky
├─ .vscode # vscode推荐配置
├─ public # 静态资源文件(忽略打包)
├─ src
│ ├─ api # API 接口管理
│ ├─ assets # 静态资源文件
│ ├─ components # 全局组件
│ ├─ config # 全局配置项
│ ├─ enums # 项目枚举
│ ├─ hooks # 常用 Hooks
│ ├─ routers # 路由管理
│ ├─ store # redux store
│ ├─ style # 全局样式
│ ├─ typings # 全局类型声明
│ ├─ utils # 工具库
│ ├─ views # 项目所有页面
│ ├─ App.tsx # 入口页面
│ ├─ main.tsx # 入口文件
│ └─ vite.env.d.ts # vite 声明文件
├─ .editorconfig # 编辑器配置(格式化)
├─ .env # vite 常用配置
├─ .env.development # 开发环境配置
├─ .env.production # 生产环境配置
├─ .env.test # 测试环境配置
├─ .eslintignore # 忽略 Eslint 校验
├─ .eslintrc.js # Eslint 校验配置
├─ .gitignore # git 提交忽略
├─ .prettierignore # 忽略 prettier 格式化
├─ .prettierrc.js # prettier 配置
├─ .stylelintignore # 忽略 stylelint 格式化
├─ .stylelintrc.js # stylelint 样式格式化配置
├─ CHANGELOG.md # 项目更新日志
├─ commitlint.config.js # git 提交规范配置
├─ index.html # 入口 html
├─ LICENSE # 开源协议文件
├─ lint-staged.config # lint-staged 配置文件
├─ pnpm-lock.yaml # 依赖包包版本锁
├─ package.json # 依赖包管理
├─ postcss.config.js # postcss 配置
├─ README.md # README 介绍
├─ tsconfig.json # typescript 全局配置
├─ tsconfig.node.json # 用于 vite.config.ts 的 TypeScript 配置文件
└─ vite.config.ts # vite 配置

安装及使用 🎈

# 克隆项目
git clone https://github.com/coder-czy/YZ-admin.git
# 进入项目目录
cd YZ-admin
# 安装依赖
pnpm install(推荐使用pnpm)
# 启动
pnpm start
# 构建
pnpm build
# 预览
pnpm preview

最后 🔚

未完待续~ 持续更新🀄
目前还有很多不足的地方,如果你觉得有不错的想法及更好的实现欢迎提 pr,大家一起学习进步~
如果你觉得这个项目还不错,点个 star ⭐️ 支持一下 thanks~

About

✨✨✨YZ-admin 基于react18开源的一套后台管理框架

Topics

Resources

License

Stars

Watchers

Forks

AltStyle によって変換されたページ (->オリジナル) /