https://github.com/jiayisheji/ng4-admin-pro
Angular4 admin pro
https://github.com/jiayisheji/ng4-admin-pro
angular angular4 angular5 cli css3 flex html5 ng4-admin ngrx rxjs typescript
Last synced: 12 months ago
JSON representation
Angular4 admin pro
- Host: GitHub
- URL: https://github.com/jiayisheji/ng4-admin-pro
- Owner: jiayisheji
- License: mit
- Created: 2017-11-02T05:47:44.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2018-03-05T07:15:30.000Z (about 8 years ago)
- Last Synced: 2025-03-24T15:41:38.864Z (about 1 year ago)
- Topics: angular, angular4, angular5, cli, css3, flex, html5, ng4-admin, ngrx, rxjs, typescript
- Language: TypeScript
- Size: 1.52 MB
- Stars: 7
- Watchers: 5
- Forks: 4
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# Ng4 Admin Pro
开箱即用的中台前端/设计解决方案。
- 预览：[https://jiayisheji.github.io/ng4-admin-pro](https://jiayisheji.github.io/ng4-admin-pro)
- 参考：[http://pro.ant.design](http://pro.ant.design)
喜欢的话请点star，想订阅点watch，欢迎fork！
## 快速开始
### 安装必须依赖环境：
- 安装[nodejs](https://nodejs.org/en/) >= 8.x
- 安装[Angular-cli](https://github.com/angular/angular-cli) >= 1.4.7
```
npm install -g @angular/cli
```
### 安装可选依赖环境：
- 安装[vscode](https://code.visualstudio.com/)
常用插件推荐：
```
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
```
需要帮助？请先阅读 [开发文档](/docs/getting-started.md) 和 [常见问题](/docs/faq.md)， 如果未能解决，可以到 GitHub 上 [进行提问](https://github.com/jiayisheji/ng4-admin-pro/issues)。
## 兼容性
现代浏览器及 IE11。
## 技术栈
- [Angular-cli](https://github.com/angular/angular-cli) 脚手架
- [Angular4.4+](https://github.com/angular/angular) 核心框架 (方便以后迁移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](https://github.com/angular/flex-layout) flex布局包
- [ngrx4x](https://github.com/ngrx/store) ngrx状态管理
1. @ngrx/core ngrx核心包
2. @ngrx/store ngrx数据包
3. @ngrx/router-store 路由状态
4. @ngrx/effects 数据锁包
5. @ngrx/store-devtools 调试器依赖
- [zone.js](https://github.com/angular/zone.js) 依赖库
- [rxjs](https://github.com/ReactiveX/rxjs) 依赖库
- [typescript](https://github.com/angular/angular) 默认语言
- [karma](https://github.com/angular/angular) 单元测试框架
- [jasmine](https://github.com/angular/angular) 单元测试框架指定测试套件
- [protractor](https://github.com/angular/angular) 集成测试
- [Echarts3](http://echarts.baidu.com/) 图表依赖库
- [scss](http://echarts.baidu.com/) css预处理（本来打算postcss Angular-cli一直不支持自定义，每次去改配置麻烦）
应用架构图
## 参与贡献
我非常欢迎你的贡献，你可以通过以下方式和我们一起共建 :smiley:：
- 在你的公司或个人项目中使用 Ng4 Admin Pro。
- 通过 [Issue](https://github.com/jiayisheji/ng4-admin-pro/issues) 报告 bug 或进行咨询。
- 提交 [Pull Request](https://github.com/jiayisheji/ng4-admin-pro/pulls) 改进 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 回到顶部组件