Closed amenzai closed 5 years ago
演示地址 http://antd-admin.zuiidea.com
2018-6-20
感谢@sorrycc、@xiaohuoni PR
更新roadhog至umi 详见 使用 umi 改进 dva 项目开发 | umi model 用法
roadhog
umi
2017-12-27
antd
3.0.3
2017-10-30
chart
2017-09-04
2.0.1
1.2.1
2017-07-30
1.0.0-beta.7
webpack@3.4
eslint
.eslintrc
More Change Log
├── /dist/ # 项目输出目录 ├── /mock/ # 数据mock ├── /public/ # 公共文件,编译时copy至dist目录 ├── /src/ # 项目源码目录 │ ├── /components/ # UI组件及UI相关方法 │ ├── /layouts/ # 全局组件 │ │ └── app.js # 页面入口 │ │ └── index.js # 入口文件 │ ├── /models/ # 数据模型 │ ├── /pages/ # 页面组件 │ │ └── document.ejs # html模版 │ ├── /services/ # 数据接口 │ ├── /themes/ # 项目样式 │ │ ├── default.less # 全局样式 │ │ └── vars.less # 全局样式变量 │ ├── /utils/ # 工具函数 │ │ ├── config.js # 项目常规配置 │ │ ├── menu.js # 菜单及面包屑配置 │ │ ├── config.js # 项目常规配置 │ │ ├── request.js # 异步请求函数(axios) │ │ └── theme.js # 项目需要在js中使用到样式变量 ├── package.json # 项目信息 ├── .eslintrc # Eslint配置 └── .umirc.js # umi配置 └── .umirc.mock.js # mock配置 └── .theme.config.js # 主题less编译配置
pages中可参考 duck 模式
文件夹命名说明:
DataTable
layer
index.js
./src/components/Layout
UIElement
components
./src/routes/dashboard
./src/routes/UIElement
克隆项目文件:
git clone https://github.com/zuiidea/antd-admin.git
进入目录安装依赖:
#开始前请确保没有安装roadhog、webpack到NPM全局目录, 国内用户推荐yarn或者cnpm npm i 或者 yarn install
开发:
npm run start 打开 http://localhost:8000 #端口在package.json中cross-env后加上 PORT=8000指定
构建: 详情
代码检测:
npm run lint
windows 处理 CRLF?参考
git config --global core.autocrlf false
用户列表:https://github.com/dvajs/dva/tree/master/examples/user-dashboard
dashboard 设计稿:https://dribbble.com/shots/3108122-Dashboard-Admin (已征得作者同意)
web
移动
效果图
Antd Admin
演示地址 http://antd-admin.zuiidea.com
特性
更新日志
5.0.0-beta
2018-6-20
感谢@sorrycc、@xiaohuoni PR
更新
roadhog
至umi
详见 使用 umi 改进 dva 项目开发 | umi model 用法4.3.9
2017-12-27
antd
至3.0.3
,以及其它主要库,并解决升级带来的兼容问题。antd
的设计语言。4.3.7
2017-10-30
chart
,新增ECharts,highCharts,Recharts演示。4.3.5
2017-09-04
2.0.1
,感谢@yangbin1994的PR。4.3.4
2017-09-04
1.2.1
,修复闪屏问题。4.3.0
2017-07-30
1.0.0-beta.7
,得益于webpack@3.4
,编译速度不减。eslint
,并适当修改了.eslintrc
。More Change Log
开发构建
目录结构
pages中可参考 duck 模式
文件夹命名说明:
DataTable
),方法首字母小写(如layer
),文件夹内主文件与文件夹同名,多文件以index.js
导出对象(如./src/components/Layout
)。UIElement
),文件夹内主文件以index.js
导出,多文件时可建立components
文件夹(如./src/routes/dashboard
),如果有子路由,依次按照路由层次建立文件夹(如./src/routes/UIElement
)。快速开始
克隆项目文件:
进入目录安装依赖:
开发:
构建: 详情
代码检测:
FAQ
windows 处理 CRLF?参考
参考
用户列表:https://github.com/dvajs/dva/tree/master/examples/user-dashboard
dashboard 设计稿:https://dribbble.com/shots/3108122-Dashboard-Admin (已征得作者同意)
截屏
web
移动
效果图