weihomechen / angular4-admin-front

Admin system front based on Angular. 基于Angular4的后台管理系统（no longer maintain）

Angular4Admin

最近工作比较忙，用的技术栈没有包含angular，这个项目是以前学习时写的，不再进行维护了，不推荐用于生产环境，如果有些地方能够帮到大家万分荣幸

基于Angular4的后台管理系统，使用Angular-cli构建。

使用

git clone https://github.com/weihomechen/angular4-admin.git;

切换到项目目录，

// 如果不能科学上网，请使用cnpm代替npm
// npm i -g cnpm
// 如果未安装angular-cli
// npm i -g @angular/cli
npm install 

启动开发模式：

ng serve

如果顺利，项目会运行在本地 http://localhost:4200

主要功能点

angular4基本功能的使用

带管理功能可切换的tab

- tab可管理；
- 自定义路由重用机制

一个增改查删的Demo（见人员管理）

- 增改查删的实现
- 多种表单控件

集成一些插件

- 文本编辑器
- 图表
- 地图
- 弹出框
- 流程图
- 树目录
- 日程安排

与后台交互使用Rxjs

- 异步编程使用Rxjs

集成Material Design风格和Bootstrap风格的UI

如果喜欢，还请挪一下鼠标给我一个star~~

效果图

人员管理

Tab管理

弹出框

日程安排

图表

流程图

树结构

地图

PS： 个人项目，一些琐碎的细节没有实现；与后台交互使用的是mock-data，增删改也是模拟成功返回；