DevUI Admin 终于等到第一个开源系统 Angula

4月是鸟儿的月，是木棉花的月，是 DevUI Admin 公布的月。

备受大伙儿期盼的 DevUI Admin 终于等到了第一个开源系统 Angular 版本号！

DevUI Admin 是一个公司级中后台前面/设计解决方案，根据 DevUI Design 设计方案价值观念，大家在自己的设计标准和基础组件的前提下，构建起了后台管理模板 DevUI Admin。

数月的卵化，DevUI Admin 给你带来了构建中后台前端系统的一套解决方法：

• 响应式网站：融入不一样屏幕尺寸，为消费者提供舒适的页面与客户体验；
• 个性化主题：提供多种主题元素与人性化配备动态性转换；
• 合理布局转换：网页布局可设置，灵便合理布局；
• 全球化：完成全球化作用，达到多语种业务流程需求；
• Mock 数据信息：当地数据信息调试方案，静态页面；
• 页面设计：根据 DevUI 实践和沉积，提炼出了最典型的需求场景同时提供情景丰富多样的页面设计。

你能浏览 devui.design 进一步了解信息内容，或者在 GitHub 上关心 DevUI Admin。

• 浏览页：devui.design/admin/
• 主页：devui.design/admin-page/…
• GitHub库房：github.com/DevCloudFE/…
• DevUI Design: devui.design/home

响应式网站

DevUI Admin 带来了根据栅格数据的响应式网站解决方法，复位一个 Admin 项目后即可领取网页页面响应式网站水平。更多的，大家还提供了 da-grid 做为公共组件，你可以使用这个部件开展响应式页面构建。

个性化主题

根据 ng-devui 核心能力，DevUI Admin 带来了多种多样用户可以选择素材，除全局性颜色外，还提供了字体大小、圆弧尺寸可设置，客户可根据自身个性化喜好挑选相对应的主题设计。

合理布局转换

DevUI Admin 带来了多种多样合理布局适用，仅需设定你合理布局 config，即可开始自定义布局设定。更多的，大家带来了 da-layout 做为部件，你也可以使用该部件拓展更多合理布局配备。

全球化

DevUI Admin 根据 @ngx-translate/core 完成全球化作用，全球化有关关键词适用模块化管理，在复位你 Admin 项目就可以挑选相匹配全球化配备。

Mock 数据信息

Mock 信息是保证静态页面的关键所在的地方，促使前端项目不会受到后端接口产生的影响。在 DevUI Admin 中己经为您提供了 Mock 数据库的方式，你可以从复位你 Admin 项目的时候默认设置挑选数据信息 Mock 适用。

页面设计

在 DevUI Admin GitHub 编码仓中，大家默认设置为您提供了好几个页面设计。

- Dashboard
  - 剖析页
  - 监管页
  - 操作台
- 表格页
  - 基本表格
  - 表格合理布局
  - 高端表格
- 搜索结果页
  - 基本目录
  - 信用卡目录
  - 编写目录
  - 高端目录
  - 树形结构目录
- 出现异常页
  - 403
  - 404
  - 500
- 本人页
  - 用户中心
  - 个人中心

你可以从获取编码之后进行参照。

Cli 适用

现阶段 DevUI Admin 适用应用 angular cli 复位一个 admin 新项目，应用 angular cli 即可快速建立并配备你 admin 新项目。

# 复位新项目
$ ng new your-project && cd your-project
$ ng add ng-devui-admin

结束语

不久的将来我们将要不断演变，关心 DevUI Admin 性能和便捷性，不断优化 DevUI Admin 感受并减少开发人员维护成本。随时欢迎接到你意见和建议（issue目录），并且也期待着你的参与共创。