/bear-admin

一个简洁的 antd-react-admin 应用。a clean antd-react-admin application

Primary LanguageJavaScriptMIT LicenseMIT

MIT

create-react-app React Ant Design dva

預覽 Preview

Bear Admin，一個JavaScript 應用，項目由業界最優秀的React 應用開發工具create-react-app 初始化創建， 搭配Antd 開箱即用的高質量React 組件和輕量級應用框架Dva.js 一起，非常適合後台產品。

Bear Admin 同時也是個很好的前端腳手架學習示例，如果你在學習 React 或即將學習 React，它應該可以做為教程給你一些幫助。如果你準備使用 React 全家桶開發應用，它能夠快速給你提供項目腳手架，為你節省前期部分工作。讓我們一起享受整個 React 生態圈和工具鏈帶來的愉悅開發體驗。

在開始之前，推薦先學習 React、 ES2015、Node.js、Webpack 等知識，並正確安裝和配置了 Node.js 環境。

更新日誌

技術棧

👍🏻create-react-app
👍🏻ant design
👍🏻dva.js
👍🏻react
👍🏻react-router
👍🏻webpack
👍🏻babel
...

特性

😋簡潔的界面
😋菜單主題和佈局切換
😋格柵佈局，fully responsive
😋Code Splitting。开启 gzip，首屏文件僅100多KB，應用載入速度超快
😋高質量腳手架
😋eject create-react-app 配置，按需定制（OR override create-react-app webpack configs without ejecting）
😋支持更多語言特性和 polyfills，發現更多，請訪問 create-react-app 官網

開始

  1. 克隆源碼
git clone https://github.com/jirouzizi/bear-admin.git
  1. 安裝依賴
cd bear-admin 
npm i or yarn
  1. 調試應用
npm start
  1. 發布應用
npm run build

it will builds the app for production to the build folder. your app is ready to be deployed.

更多

如何處理異步請求？
如何統一處理出錯？
如何 mock 數據？
更多實戰，請參閱：

致謝

create-react-app
react 全家桶
antd 全家桶

💓💓 歡迎 star 支持 💓💓

顶部菜单

1

左侧菜单

2

黑色主题

3

个人资料

4

Antd 图标&其他

5antd

自定义表格

6

自适应

7

Ant-Motion Logo 动画

8 ant

Ant-Motion 详细说明切换

9

目录结构

├── /build/           # 打包输出
├── /config/          # create-react-app 配置
│ ├── /webpack.config.dev.js/   # 开发配置
│ ├── /webpack.config.prod.js/  # 生产配置
├── /public/         # 公共文件
├── /scripts/        # create-react-app 脚本
├── /src/            # 项目源码
│ ├── /assets/      # 资源文件
│ ├── /components/  # 示例组件
│ ├── /containers/  # layout 组件
│ ├── /models/      # dva 数据模型
│ ├── /theme/       # 皮肤样式
│ ├── /utils/       # 工具函数
│ │ └── config.js    # 项目配置
│ ├── route.js      # 路由配置
│ └── index.js      # 入口文件
└── package.json    # 项目信息

💓💓 欢迎 star 支持 💓💓