All Projects → weihomechen → Angular4 Admin Front

weihomechen / Angular4 Admin Front

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

Programming Languages

typescript
32286 projects
es6
455 projects

Projects that are alternatives of or similar to Angular4 Admin Front

Material Admin
A Material Designed Admin Framework based on Spring boot2 And Bootstrap
Stars: ✭ 196 (+444.44%)
Mutual labels:  material-design, bootstrap
Mdb Ui Kit
Bootstrap 5 & Material Design 2.0 UI KIT
Stars: ✭ 21,830 (+60538.89%)
Mutual labels:  material-design, bootstrap
Taskmgr
a team collaboration tutorial app like teambition/worktile
Stars: ✭ 95 (+163.89%)
Mutual labels:  rxjs, material-design
Domino Ui
Domino-ui
Stars: ✭ 138 (+283.33%)
Mutual labels:  material-design, bootstrap
Material Kit
Free and Open Source UI Kit for Bootstrap 4, React, Vue.js, React Native and Sketch based on Google's Material Design
Stars: ✭ 5,672 (+15655.56%)
Mutual labels:  material-design, bootstrap
Ej2 Angular Ui Components
Syncfusion Angular UI components library offer more than 50+ cross-browser, responsive, and lightweight angular UI controls for building modern web applications.
Stars: ✭ 159 (+341.67%)
Mutual labels:  material-design, bootstrap
Ngx Responsive
Superset of RESPONSIVE DIRECTIVES to show or hide items according to the size of the device screen and another features in Angular 9
Stars: ✭ 300 (+733.33%)
Mutual labels:  rxjs, bootstrap
Material Design For Bootstrap
Important! A new UI Kit version for Bootstrap 5 is available. Access the latest free version via the link below.
Stars: ✭ 9,463 (+26186.11%)
Mutual labels:  material-design, bootstrap
Istock
👉一个基于spring boot 实现的java股票爬虫(仅支持A股),如果你❤️请⭐️ . V2升级版正在开发中!
Stars: ✭ 622 (+1627.78%)
Mutual labels:  echarts, bootstrap
Purpleadmin Free Admin Template
Purple Admin is one of the most stylish Bootstrap admin dashboard you can get hands on. With its beautifully crafted captivating design and well-structured code.
Stars: ✭ 473 (+1213.89%)
Mutual labels:  material-design, bootstrap
Bootstrap Table
An extended table to integration with some of the most widely used CSS frameworks. (Supports Bootstrap, Semantic UI, Bulma, Material Design, Foundation, Vue.js)
Stars: ✭ 11,068 (+30644.44%)
Mutual labels:  material-design, bootstrap
Vue Bootstrap With Material Design
Vue Bootstrap with Material Design - Powerful and free UI KIT
Stars: ✭ 803 (+2130.56%)
Mutual labels:  material-design, bootstrap
Devextreme Reactive
Business React components for Bootstrap and Material-UI
Stars: ✭ 1,800 (+4900%)
Mutual labels:  material-design, bootstrap
Vue Cool Select
Select with autocomplete, slots, bootstrap and material design themes.
Stars: ✭ 195 (+441.67%)
Mutual labels:  material-design, bootstrap
Servicestackvs
ServiceStackVS - Visual Studio extension for ServiceStack
Stars: ✭ 117 (+225%)
Mutual labels:  material-design, bootstrap
Ej2 Javascript Ui Controls
Syncfusion JavaScript UI controls library offer more than 50+ cross-browser, responsive, and lightweight HTML5 UI controls for building modern web applications.
Stars: ✭ 256 (+611.11%)
Mutual labels:  material-design, bootstrap
Materialdesign
✒6200+ Material Design Icons from the Community
Stars: ✭ 9,669 (+26758.33%)
Mutual labels:  material-design, bootstrap
React Froala Design Blocks
React implementation for Froala Design Blocks.
Stars: ✭ 89 (+147.22%)
Mutual labels:  material-design, bootstrap
Materialwp
Material Design WordPress Theme
Stars: ✭ 459 (+1175%)
Mutual labels:  material-design, bootstrap
Bootstrap 5 Templates
A collection of free Bootstrap 5 templates designed with Material Design 2.0. Admin dashboard, e-commerce, landing pages & much more.
Stars: ✭ 722 (+1905.56%)
Mutual labels:  material-design, bootstrap

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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].