シンプルなantd-react-adminアプリケーション--React+Antd汎用バックグラウンド管理システム

React-Antd-Admin
概要
React-Antd-Adminは、JavaScriptアプリケーションで、プロジェクトは業界で最も優れたReactアプリケーション開発ツールcreat-react-apから初期化して作成しました.Antdの開梱で使用される高品質Reactコンポーネントと組み合わせて、バックグラウンド製品にとても適しています.
React-Antd-Adminは先端の足場学習例でもあります.もしReactを勉強しているなら、あるいはReactを勉強してもいいです.教程として役に立つはずです.もしあなたがReactファミリーバケツを使ってアプリケーションを開発するつもりなら、プロジェクトの足場を素早く提供して、前期の部分を節約できます.React生態圏全体とツールチェーンによる楽しい開発体験を一緒に楽しみましょう.
始める前に、React、ES 2015、ES 6、Node.js、Webpackなどの知識を勉強して、Node.js環境を正しくインストールして配置することをオススメします.
技術倉庫

Create React App

Antd-Design

React

React-Router

React-Redux

Webpack

ECMAScript 6

Babel

プロジェクトのプレビュー
とりあえず、Chromeブラウザのプレビューをお勧めします.Live-Demoを見てください.
機能
このプロジェクトは基本的に企業級管理システムの骨格を構築し、汎用部品とページ拡張を提供しており、業務ロジックの開発には関わりません.具体的な機能は以下の通りです.

基本登録、

を登録します.

ルーティングおよびメニュー権限管理

マルチページ、パン粉ナビゲーション

に対応しています.

システム設定

ANtdオフィシャルコンポーネントおよび第三者コンポーネント・・・

・・・

プロジェクト構造

├── src                            
│   ├── assets                   SVG  
│   │   └── ...
│   ├── axios               axios  
│   │   └── ...
│   ├── components            
│   │   ├── xxx.js
│   │   └── ...
│   ├── redux               redux  
│   │   ├── actions
│   │   │   └── xxx.js
│   │   ├── constants
│   │   │   └── xxx.js
│   │   ├── reducers
│   │   │   └── xxx.js
│   │   └── store.js
│   ├── router                  
│   │   ├── xxx.js
│   │   └── ...
│   ├── utils                 
│   │   └── xxx.js
│   └── views                   
│       ├── layout
│       │   │── xxx.js
│       │   └── ...
│       └── xx
│           │── xxx.js
│           └── ...
└── package.json

開始
クローンソース

git clone https://github.com/chenjun1127/react-antd-admin.git

インストール依存

cd react-antd-admin
npm i or yarn

デバッグ

npm start

アプリケーションをリリース

npm run build

Githubソース
礼を述べる

Create React App

Antd-Design

React

❤️ ❤️スターサポートを歓迎しますか?