Ng4 Admin Pro

开箱即用的中台前端/设计解决方案。

• 预览：https://jiayisheji.github.io/ng4-admin-pro
• 参考：http://pro.ant.design

喜欢的话请点star，想订阅点watch，欢迎fork！

快速开始

安装必须依赖环境：

• 安装nodejs >= 8.x

• 安装Angular-cli >= 1.4.7

npm install -g @angular/cli

安装可选依赖环境：

• 安装vscode

常用插件推荐：

Visual Studio Code Commitizen Support: git commit message书写规范提示模板

Angular5 Snippets - TypeScript, Html, Angular Material, ngRx, RxJS & Flex Layout：ng4/5非常不错简写提示插件

命令行运行下列命令，快速启动开发服务：

git clone https://github.com/jiayisheji/ng4-admin-pro.git
cd ng4-admin-pro
npm install
npm start // 默认浏览器自动访问 http://localhost:9090

需要帮助？请先阅读 开发文档 和 常见问题， 如果未能解决，可以到 GitHub 上 进行提问。

兼容性

现代浏览器及 IE11。

技术栈

• Angular-cli 脚手架
• Angular4.4+ 核心框架 (方便以后迁移5x)
  1. @angular/core 核心包
  2. @angular/common 共享包
  3. @angular/compiler 编译包
  4. @angular/forms 表单包
  5. @angular/http http包
  6. @angular/router 路由包
  7. @angular/animations 动画包
• flex-layout flex布局包
• ngrx4x ngrx状态管理
  1. @ngrx/core ngrx核心包
  2. @ngrx/store ngrx数据包
  3. @ngrx/router-store 路由状态
  4. @ngrx/effects 数据锁包
  5. @ngrx/store-devtools 调试器依赖
• zone.js 依赖库
• rxjs 依赖库
• typescript 默认语言
• karma 单元测试框架
• jasmine 单元测试框架指定测试套件
• protractor 集成测试
• Echarts3 图表依赖库
• scss css预处理（本来打算postcss Angular-cli一直不支持自定义，每次去改配置麻烦）

应用架构图

参与贡献

我非常欢迎你的贡献，你可以通过以下方式和我们一起共建 😃：

• 在你的公司或个人项目中使用 Ng4 Admin Pro。
• 通过 Issue 报告 bug 或进行咨询。
• 提交 Pull Request 改进 Pro 的代码

预期UI组件

• Dialog 对话框组件
• Tabs 选标签页组件
• Select 选择器组件（单/多）
• Table 复杂表格组件
• Confirm 确认框组件
• Pagination 分页组件
• Button 按钮组件
• Upload 上传组件
• Badge 徽标数组件
• Status 状态点组件
• AreaPocker 地区选择组件（单/多）
• TimePicker 时间选择组件（单/双）
• DatePicker 日期时间选择组件（单/双）
• UrbanPicker 地址选择组件
• RadioGroup 单选组件
• CheckboxGroup 多选组件
• PicturePreview 图片预览组件
• Toast 消息提醒组件
• Tree 树型组件
• InputNumber 数字输入组件
• Popover 气泡卡片组件
• Tooltip 文字提示组件
• Spin 加载中组件
• BackTop 回到顶部组件