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,增删改也是模拟成功返回;