react admin template pro
1.0.0
このシステムを構築する前に、いくつかの調査を行ったところ、React バックエンド テンプレートに関連するプロジェクトには、古いテクノロジー スタック、不完全なプロジェクト、不足しているドキュメント、および柔軟性のないコンポーネント (ほとんどがハードコーディングされている) という特徴があることがわかりました。同時に、このシステムは、若手プログラマーが適切な実践プロジェクトを見つけやすく、フルスタック エンジニアがシステムを使用してプロジェクトを迅速に構築し、フロントエンド スタッフがビジネス コードを直接記述してリスクを回避できるようにするために作成されました。繰り返しの作業。
このシステムは、 React Hooks
とReact-Router V6
に基づいて開発されたバックエンド管理システム テンプレートであり、システム全体で使用されるテクノロジー スタックは比較的新しく、登录注销
、主题切换
、动态路由侧边栏
カバーするコンポーネント化された方法で構築されています。 、动态面包屑
、响应式收缩侧边栏
、鉴权路由
、权限路由
、その他の機能の詳細については、ここをクリックしてください。各コンポーネントのコードは平均60行で、食べやすいです。
使用したくない機能があれば、それを削除するだけで済みます。各モジュールの結合度は非常に低く、プラグイン可能です。
オープンソースのメンテナンスは簡単ではありません。それが本当に役立つのであれば、私は本当に嬉しく思います。右上隅のスターをクリックして作者を励ましてください~
React@18 Hooks
React の最新バージョンに基づいており、Hooks を完全に採用しています[email protected]
では、ルーティング テーブルを自動生成するように設定するだけで済みます。[email protected]
中国で最も人気のある React-CSS ライブラリ[email protected]
グローバル状態管理、シンプルな構文、強力な機能、完璧な DVA、5 分で簡単に開始可能[email protected]
フロントエンドの必須データ視覚化ライブラリ[email protected]
Promise カプセル化に基づくネットワーク リクエスト ライブラリであり、フロントエンドの 99% がそれを使用することに同意しています。Less&Sass
より強力な構文を提供します ├─ public # 静态资源
│ ├─ favicon.ico # favicon图标
│ └─ index.html # html模板
├─ src # 项目源代码
│ ├─ assets # 图片 字体等静态资源
│ ├─ components # 全局公用组件
│ ├─ pages # 路由组件
│ ├─ service # 所有网络请求
│ ├─ store # 全局状态管理
│ ├─ utils # 全局公用方法
| ├─ App.css # 入口页面样式
│ ├─ App.jsx # 入口页面
| ├─ index.css # 全局样式文件
| ├─ index.js # 源码入口
| ├─ route.js # 路由表配置文件
| └─ setupProxy.js # 代理配置
└── package.json # package.json
克隆项目
1. git clone https://github.com/MelodyFish/react-admin-template-pro.git
进入目录
2. cd react-admin-template-pro
安装依赖
3. npm install || yarn install
启动
4. npm run start || yarn start