---
order: 20
title:
  en-US: Architecture
  zh-CN: 体系结构
type: Basic
---

ohayojp 脚手架是基于 Angular 和 NG-ZORRO（Ant Design 的 Angular 版本） 基础组件库的中后台前端解决方案。脚手架包含着一套通用的功能和业务组件库，它们可以极大地减少一些基础建设开发工作。

## 结构图

![](https://github.com/ohayojp/ohayo/raw/master/_screenshot/architecture.png | width=700)

**@ohayo/theme**

脚手架主题系统库，我们将主题相关发布至 Npm 当中，这极大地简化了升级成本。

主题系统除了包含 ohayojp 基础框架所需要的样式（包含CSS工具集，一套类似bootstrap）以外，还包含一些通用的数据渲染（Pipe）、服务工具类（页面标题、滚动条等）的集合，这些是日常必不可少的一些组成。

**@ohayo/components**

脚手架内提供了一套默认[业务组件](/components/)，这些组件抽象了控制台业务中的一些常见区块。我们将持续维护和迭代这些组件，为中后台业务提供比 Ant Design 基础组件更高级别的抽象。

**@ohayo/chart**

[@ohayo/chart](/chart) 图表是基于 G2 的基础上二次封装，提供了业务中常用的图表套件，可以单独使用，也可以组合起来实现复杂的展示效果。

**@ohayo/form**

[@ohayo/form](/form) 是一个基于 [JSON Schema](http://json-schema.org/) 标准的动态构建表单。

**@ohayo/auth**

[用户认证](/auth)模块，用于解决如何获取、存取、使用这三个步骤的用户认证环节。

**@ohayo/acl**

[ACL](/acl)访问控制列表，是一种非常简单的基于角色权限控制，甚至达到控制某个按钮显隐的粒度。

**@ohayo/cache**

将字典、城市数据等[缓存](/cache)至内存或持久化当中，有效减少 Http 请求。

**@ohayo/mock**

[Mock](/mock)会拦截 Angular Http 请求并返回测试数据。

**@ohayo/util**

[日常工具集](/util)。

**@ohayo/testing**

常用测试套件。

**CLI Schematics**

[命令行工具](/cli)。

## 文档和反馈

你可以在 [ohayojp.com](https://ohayojp.com) 找到所有的文档。

随着脚手架的更新而不断迭代（[更新日志](https://github.com/ohayojp/ohayojp/releases)），有任何问题和需求可以反馈到 [这里](https://github.com/ohayojp/ohayojp/issues)。