9 Star 106 Fork 33

MyBatis-Flex/Mybatis-Flex-Admin

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

MyBatis-Flex-Admin React 版本

React 版本截图

首页

设置页面

特点

  • 1、基于 TypeScript
  • 2、基于最新的 React 18
  • 3、基于最流行的设计风格 Ant Design v5.x
  • 4、基于 React Router v6.x 做路由管理,支持懒加载
  • 5、基于 Vite4 做项目编译打包工具
  • 6、基于 zustand 做状态管理
  • 7、基于 Tanstack Query + Axios 请求管理
  • 8、完善的 国际化 配置支持
  • 9、完善的 登录认证 配置支持
  • 10、完善的 Mock 数据支持
  • 11、友好的代码风格和注释...
  • 12、更多小惊喜...

开始使用

Install

cd mybatis-flex-admin/front
npm install

Run

npm run dev

Build

# 开发环境
npm run build:dev

# 测试环境
npm run build:test

# 生产环境
npm run build:pro

目录结构

.
├── docs                  # 文档内容
├── mock
│    └── api.mock.ts      # 开发环境的 Mock 数据定义
├── public                # 静态资源文件目录 
├── src
│    ├── assets           # 资源文件
│    ├── components       # 通用组件定义
│    ├── context          # React Context
│    ├── hooks            # React 自定义 Hook
│    ├── layout           # 布局文件以及布局涉及的组件
│    ├── locales          # 国际化语言定义
│    ├── pages            # 页面文件夹
│    ├── routers          # 路由和菜单的定义
│    ├── store            # redux store 定义
│    ├── App.tsx          # 跟组件
│    ├── main.tsx         # 入口文件
│    └── vite-env.d.ts    # Vite 声明文件
├── index.html            # 应用运行入口文件
├── LICENSE               # 授权文件(MIT)
├── package-lock.json     # 依赖包版本锁定文件
├── package.json          # NPM 管理
├── readme.md            
├── tsconfig.json         # TypeScript 配置文件
├── tsconfig.node.json
├── vite.config.ts        # Vite 配置文件
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
1
https://gitee.com/mybatis-flex/mybatis-flex-admin.git
git@gitee.com:mybatis-flex/mybatis-flex-admin.git
mybatis-flex
mybatis-flex-admin
Mybatis-Flex-Admin
main

搜索帮助