# ng-devui-admin

**Repository Path**: tomato-lrx/ng-devui-admin

## Basic Information

- **Project Name**: ng-devui-admin
- **Description**: DevUI 是面向企业中后台产品的开源前端解决方案，其设计价值观基于"至简"、"沉浸"、"灵活"三种自然与人文相结合的理念，旨在为设计...
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-10-19
- **Last Updated**: 2023-10-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<p align="center"><a href="https://devui.design/admin-page/home" target="_blank" rel="noopener noreferrer"><img alt="DevUI Logo" src="src/assets/devui-logo.svg?sanitize=true" width="180" style="max-width:100%;">
</p>
<p align="center">
  <a href="https://github.com/DevCloudFE/ng-devui-admin"><img src="https://img.shields.io/github/stars/DevCloudFE/ng-devui-admin.svg?label=github%20stars" alt="Github Star"></a>
  <a href="https://angular.io/"><img src="https://img.shields.io/badge/%3C%2F%3E-Angular-blue"></a>
  <a href="https://opensource.org/licenses/MIT"><img src="https://img.shields.io/npm/l/ng-devui.svg" alt="License"></a>
</br>
  <a href="README.md"><img src="https://img.shields.io/badge/document-English-blue" alt="Document"></a>
  <a href="README_zh_CN.md"><img src="https://img.shields.io/badge/%E6%96%87%E6%A1%A3-%E4%B8%AD%E6%96%87-blue" alt="Document"></a>
  <a href="https://www.npmjs.com/package/ng-devui-admin"><img src="https://img.shields.io/npm/v/ng-devui-admin" alt="Npm"></a>
  <a href="https://gitter.im/devui-design/devui-design"><img src="https://img.shields.io/gitter/room/devui-design/devui-design" alt="Chat"></a>
</p>

<h1 align="center">DevUI Admin</h1>
DevUI Admin 是一个企业级中后台前端/设计解决方案，依据 DevUI Design 设计价值观，我们在自身的设计规范和基础组件的基础上，构建出了后台管理模板 DevUI Admin。

&nbsp;
![avatar](home.png)

- 预览：https://devui.design/admin/
- 首页：https://devui.design/admin-page/home
- 文档：https://devui.design/admin-page/docs/getting-started
- Admin 区块: https://devui.design/admin-materials/

## 特性

![avatar](home-1.png)

- 响应式：适应不同屏幕大小，为用户提供更舒适的界面与用户体验
- 个性化主题：支持多种主题风格与个性化配置动态切换
- 布局：页面布局可配置，灵活布局
- Mock 数据：本地数据调试方案，前后端分离
- 国际化：实现国际化功能，满足多语言业务诉求
- 功能丰富：基于 DevUI 实践与沉淀，提炼了典型的业务场景并提供场景丰富的组件库

## 使用

```bash
ng new your-project && cd your-project  # 创建选项：非严格模式 & SCSS
ng add ng-devui-admin

npm start # open http://localhost:4200
```

更多的使用信息请参考：[使用文档](https://devui.design/admin-page/docs/getting-started)

## 贡献

欢迎贡献您的代码或者讨论您的好点子！

在提出 pull request 之前，请确保您阅读了我们的[贡献指南](./CONTRIBUTING_zh_CN.md)

感谢所有帮助我们构建 DevUI Admin 的贡献者

## 支持

支持现代浏览器

| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Safari | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/opera/opera_48x48.png" alt="Opera" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Opera |
| ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Edge                                                                                                                                                                                                       | last 2 versions                                                                                                                                                                                                   | last 2 versions                                                                                                                                                                                               | last 2 versions                                                                                                                                                                                               | last 2 versions                                                                                                                                                                                           |

## LICENSE

[**MIT**](https://opensource.org/licenses/MIT)