weihomechen / Angular4 Admin Front
Admin system front based on Angular. 基于Angular4的后台管理系统(no longer maintain)
Stars: ✭ 36
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
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~~
效果图
人员管理
Tab管理
弹出框
日程安排
图表
流程图
树结构
地图
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].