/angular4-admin-front

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

Primary LanguageTypeScript

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~~

效果图

0.1.0_alpha

人员管理

person-list

Tab管理

tab

弹出框

alert

日程安排

calendar

图表

echarts

流程图

jsplumb

树结构

ztree

地图

amap

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