AntD Admin是一套优秀的中后台前端解决方案。在github上收获了超过5000个star。
特性
- 国际化,源码中抽离翻译字段,按需加载语言包
- 动态权限,不同权限对应不同菜单
- 优雅美观,Ant Design 设计体系
- Mock 数据,本地数据调试
技术
在开始之前,推荐先学习 React 、 ES2015+ 、 Antd Design , 了解 UmiJS 、Dva ,并正确安装和配置了 Node.js v8 或以上 、Git。提前了解和学习这些知识会非常有帮助。
使用
1、下载项目代码。
git clone https://github.com/zuiidea/antd-admin.git my-projectcd my-project
2、进入目录安装依赖,国内用户推荐使用 cnpm 进行加速。
yarn install
或者
npm install
3、启动本地服务器。
npm run start
4、启动完成后打开浏览器访问 http://localhost:7000,如果需要更改启动端口,可在 .env 文件中配置。
项目地址:https://github.com/zuiidea/antd-admin
上图预览
![ff40a9d8971e1d1f9032b5f1520316ab.png](https://i-blog.csdnimg.cn/blog_migrate/521feef94a1c2afaea5b2f09083f2024.jpeg)
![da506f9ecf9386494e37e65c92d7080f.png](https://i-blog.csdnimg.cn/blog_migrate/8e618216beb81c78dbaaf6a6ee48cd2f.jpeg)
![dca4cc1d46187e0145b4f64738f57535.png](https://i-blog.csdnimg.cn/blog_migrate/ac7c8307715cc7d63537ccb394f3cb02.jpeg)
![b2cc557fe52f9680e85c51c066f91390.png](https://i-blog.csdnimg.cn/blog_migrate/19d90df1d210b9fb9bc55f17cbc21b9c.jpeg)
![95ef7066376379e83c448e4f57ef92ca.png](https://i-blog.csdnimg.cn/blog_migrate/4a1596051b733f0c75b3e2257466311b.jpeg)